Merge remote-tracking branch 'origin/master'
This commit is contained in:
M_Kececi
@@ -0,0 +1,3474 @@
|
||||
<template>
|
||||
<q-page v-if="canReadOrder" class="pcd-page" :style="pageVars">
|
||||
<div ref="stickyStackRef" class="sticky-stack pcd-sticky-stack">
|
||||
<div ref="saveToolbarRef" class="save-toolbar pcd-save-toolbar q-px-md">
|
||||
<div class="pcd-toolbar-row">
|
||||
<div class="pcd-toolbar-left">
|
||||
<div class="pcd-toolbar-title">Maliyet Detay Sayfasi</div>
|
||||
<div v-if="detailHeader && !detailLoading" class="pcd-toolbar-summary">
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-emphasis">
|
||||
<span class="pcd-toolbar-pill-label">USD</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(toolbarSummary.usdTotal) }}</span>
|
||||
</div>
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-emphasis">
|
||||
<span class="pcd-toolbar-pill-label">EUR</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(toolbarSummary.eurTotal) }}</span>
|
||||
</div>
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-emphasis">
|
||||
<span class="pcd-toolbar-pill-label">GBP</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(toolbarSummary.gbpTotal) }}</span>
|
||||
</div>
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-neutral">
|
||||
<span class="pcd-toolbar-pill-label">USD Kur</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(exchangeRates.usdRate) }}</span>
|
||||
</div>
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-neutral">
|
||||
<span class="pcd-toolbar-pill-label">EUR Kur</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(exchangeRates.eurRate) }}</span>
|
||||
</div>
|
||||
<div class="pcd-toolbar-pill pcd-toolbar-pill-neutral">
|
||||
<span class="pcd-toolbar-pill-label">GBP Kur</span>
|
||||
<span class="pcd-toolbar-pill-value">{{ formatMoney(exchangeRates.gbpRate) }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pcd-toolbar-actions">
|
||||
<q-btn
|
||||
flat
|
||||
dense
|
||||
color="grey-7"
|
||||
class="pcd-toolbar-btn"
|
||||
:label="headerInfoCollapsed ? 'HEADER GOSTER' : 'HEADER DARALT'"
|
||||
:icon="headerInfoCollapsed ? 'expand_more' : 'expand_less'"
|
||||
@click="toggleHeaderInfo"
|
||||
/>
|
||||
<q-btn icon="arrow_back" label="Geri" dense flat color="grey-8" class="pcd-toolbar-btn" @click="goBack" />
|
||||
<q-btn label="Yenile" icon="refresh" dense color="primary" class="pcd-toolbar-btn" :loading="detailLoading" @click="fetchDetail" />
|
||||
<q-btn
|
||||
label="Toplu Fiyat Cagir"
|
||||
icon="playlist_add_check"
|
||||
dense
|
||||
color="secondary"
|
||||
outline
|
||||
class="pcd-toolbar-btn"
|
||||
:loading="bulkPriceLoading"
|
||||
:disable="!detailHeader || detailLoading || saveLoading || bulkPriceLoading"
|
||||
@click="fetchBulkItemPrices"
|
||||
/>
|
||||
<q-btn
|
||||
label="SATIR EKLE"
|
||||
dense
|
||||
color="secondary"
|
||||
icon="add"
|
||||
class="pcd-toolbar-btn"
|
||||
:disable="!detailHeader || detailLoading || saveLoading || bulkPriceLoading"
|
||||
@click="openNewRowDialog"
|
||||
/>
|
||||
<q-btn
|
||||
label="Kaydet"
|
||||
icon="save"
|
||||
dense
|
||||
color="primary"
|
||||
outline
|
||||
class="pcd-toolbar-btn"
|
||||
:loading="saveLoading"
|
||||
:disable="!detailHeader || detailLoading || saveLoading || bulkPriceLoading"
|
||||
@click="saveChanges"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-banner v-if="detailError" class="bg-red text-white q-mb-md">
|
||||
Hata: {{ detailError }}
|
||||
</q-banner>
|
||||
|
||||
<div v-if="detailHeader && !detailLoading && !headerInfoCollapsed" class="filter-bar pcd-detail-header-bar q-mx-md q-mb-md">
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input
|
||||
dense
|
||||
filled
|
||||
readonly
|
||||
label="Maliyet Tarihi"
|
||||
:model-value="formatDateTR(costDate)"
|
||||
class="pcd-emphasis-field-alt"
|
||||
>
|
||||
<template #append>
|
||||
<q-icon name="event" class="cursor-pointer">
|
||||
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
|
||||
<q-date v-model="costDate" mask="YYYY-MM-DD" locale="tr-TR" />
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-3">
|
||||
<q-select
|
||||
v-if="!isNoCostDetail"
|
||||
v-model="detailHeader.UretimSekliID"
|
||||
:options="productionTypes"
|
||||
option-value="id"
|
||||
option-label="aciklama"
|
||||
emit-value
|
||||
map-options
|
||||
dense
|
||||
filled
|
||||
label="Uretim Sekli"
|
||||
class="pcd-emphasis-field-alt"
|
||||
@update:model-value="onUretimSekliChange"
|
||||
/>
|
||||
<q-input
|
||||
v-else
|
||||
dense
|
||||
filled
|
||||
readonly
|
||||
label="Uretim Sekli"
|
||||
:model-value="detailHeader.UretimSekli || '-'"
|
||||
class="pcd-emphasis-field-alt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="row q-col-gutter-xs">
|
||||
<div class="col-4">
|
||||
<q-input dense filled readonly label="USD Kuru" :model-value="formatMoney(exchangeRates.usdRate)" class="pcd-emphasis-field-alt" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<q-input dense filled readonly label="EUR Kuru" :model-value="formatMoney(exchangeRates.eurRate)" class="pcd-emphasis-field-alt" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<q-input dense filled readonly label="GBP Kuru" :model-value="formatMoney(exchangeRates.gbpRate)" class="pcd-emphasis-field-alt" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input dense filled readonly label="Uretimi Yapan Firma" :model-value="detailHeader.UretimiYapanFirma || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-input dense filled readonly label="2.Firma" :model-value="detailHeader.SonIsEmriVeren || '-'" />
|
||||
</div>
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="nOnMLNo" :model-value="detailHeader.nOnMLNo || '-'" />
|
||||
</div>
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="UrunKodu" :model-value="detailHeader.UrunKodu || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="UrunAdi" :model-value="detailHeader.UrunAdi || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Urun Ana Grubu" :model-value="detailHeader.UrunAnaGrubu || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Urun Alt Grubu" :model-value="detailHeader.UrunAltGrubu || '-'" />
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="sKullaniciAdi" :model-value="detailHeader.sKullaniciAdi || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Son Guncelleme Tarihi" :model-value="formatDateTR(detailHeader.dteGuncellemeTarihi)" />
|
||||
</div>
|
||||
<div class="col-12 col-md-2">
|
||||
<q-input dense filled readonly label="sGuncellemeKullaniciAdi" :model-value="detailHeader.sGuncellemeKullaniciAdi || '-'" />
|
||||
</div>
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="nUrtReceteID" :model-value="detailHeader.nUrtReceteID || '-'" />
|
||||
</div>
|
||||
|
||||
<div v-if="!isNoCostDetail && partSummary && partSummary.length > 0" class="col-12">
|
||||
<div class="pcd-part-summary-card">
|
||||
<div class="pcd-part-summary-title">Parça Bazlı Maliyet Özetleri</div>
|
||||
<q-markup-table dense flat bordered separator="cell" class="pcd-part-summary-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-left">Parça</th>
|
||||
<th class="text-right">TRY</th>
|
||||
<th class="text-right">USD</th>
|
||||
<th class="text-right">EUR</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="ps in partSummary" :key="ps.name">
|
||||
<td class="text-left text-weight-bold">{{ ps.name }}</td>
|
||||
<td class="text-right">{{ formatMoney(ps.try) }}</td>
|
||||
<td class="text-right">{{ formatMoney(ps.usd) }}</td>
|
||||
<td class="text-right">{{ formatMoney(ps.eur) }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</q-markup-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="detailHeader && !detailLoading && headerInfoCollapsed" class="filter-bar pcd-detail-header-bar q-mx-md q-mb-md">
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="nOnMLNo" :model-value="detailHeader.nOnMLNo || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Uretimi Yapan Firma" :model-value="detailHeader.UretimiYapanFirma || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="2.Firma" :model-value="detailHeader.SonIsEmriVeren || '-'" />
|
||||
</div>
|
||||
<div class="col-6 col-md-2">
|
||||
<q-input dense filled readonly label="UrunKodu" :model-value="detailHeader.UrunKodu || '-'" />
|
||||
</div>
|
||||
<div class="col-12 col-md-2">
|
||||
<q-input dense filled readonly label="Uretim Sekli" :model-value="formatUretimSekli(detailHeader)" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="detailLoading" class="row justify-center q-pa-lg">
|
||||
<q-spinner color="primary" size="36px" />
|
||||
</div>
|
||||
|
||||
<div v-else-if="detailGroups.length === 0" class="text-grey-7 q-pa-md">
|
||||
Kayit bulunamadi.
|
||||
</div>
|
||||
|
||||
<div v-else class="column q-gutter-md pcd-content-body">
|
||||
<div
|
||||
v-for="(grp, gi) in detailGroups"
|
||||
:key="groupKey(grp, gi)"
|
||||
class="pcd-group-card"
|
||||
>
|
||||
<div class="order-sub-header pcd-sub-header">
|
||||
<div class="sub-left">
|
||||
{{ grp.sAciklama3 || 'TANIMSIZ' }}
|
||||
</div>
|
||||
<div class="sub-right pcd-sub-right-clickable" @click="toggleGroup(grp, gi)">
|
||||
Grup Toplami TRY: {{ formatBarMoney(resolveGroupTRYTutar(grp)) }} | USD: {{ formatBarMoney(resolveGroupUSDTutar(grp)) }}
|
||||
<q-icon
|
||||
:name="isGroupOpen(grp, gi) ? 'expand_less' : 'expand_more'"
|
||||
size="18px"
|
||||
class="q-ml-sm"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-table
|
||||
v-if="isGroupOpen(grp, gi)"
|
||||
class="pcd-detail-table"
|
||||
dense
|
||||
flat
|
||||
bordered
|
||||
separator="cell"
|
||||
row-key="__rowKey"
|
||||
:rows="grp.items"
|
||||
:columns="detailColumns"
|
||||
:table-row-class-fn="resolveDetailRowClass"
|
||||
@row-click="onDetailRowClick"
|
||||
hide-bottom
|
||||
:rows-per-page-options="[0]"
|
||||
>
|
||||
<template #header-cell-lMiktar="props">
|
||||
<q-th :props="props" class="pcd-entry-header">
|
||||
{{ props.col.label }}
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #header-cell-inputPrice="props">
|
||||
<q-th :props="props" class="pcd-entry-header">
|
||||
{{ props.col.label }}
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #header-cell-inputPricePrBr="props">
|
||||
<q-th :props="props" class="pcd-entry-header">
|
||||
{{ props.col.label }}
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #header-cell-maliyeteDahil="props">
|
||||
<q-th :props="props" class="pcd-secondary-header">
|
||||
{{ props.col.label }}
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #header-cell-cmPriceType="props">
|
||||
<q-th :props="props" class="pcd-secondary-header">
|
||||
{{ props.col.label }}
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #body-cell-actions="props">
|
||||
<q-td :props="props" class="q-gutter-xs no-wrap">
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
dense
|
||||
size="sm"
|
||||
color="primary"
|
||||
icon="history"
|
||||
@click.stop="openLineHistory(props.row)"
|
||||
>
|
||||
<q-tooltip>Eski Fiyatlar / Geçmiş</q-tooltip>
|
||||
</q-btn>
|
||||
<q-icon
|
||||
name="edit"
|
||||
size="xs"
|
||||
color="grey-7"
|
||||
class="cursor-pointer"
|
||||
@click.stop="openRowEditorForEdit(props.row)"
|
||||
>
|
||||
<q-tooltip>Satırı Düzenle</q-tooltip>
|
||||
</q-icon>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-maliyeteDahil="props">
|
||||
<q-td :props="props" class="text-center pcd-secondary-cell">
|
||||
<q-checkbox
|
||||
v-model="props.row.maliyeteDahil"
|
||||
color="primary"
|
||||
keep-color
|
||||
dense
|
||||
@update:model-value="value => onRowMaliyeteDahilChange(props.row, value)"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-cmPriceType="props">
|
||||
<q-td :props="props" class="text-center pcd-secondary-cell">
|
||||
<q-checkbox
|
||||
v-if="isCMGroupName(props.row.sAciklama3)"
|
||||
:model-value="resolveCMPriceTypeChecked(props.row)"
|
||||
color="secondary"
|
||||
keep-color
|
||||
dense
|
||||
@update:model-value="value => onRowCMPriceTypeChange(props.row, value)"
|
||||
/>
|
||||
<span v-else class="text-grey-6">-</span>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-nOnMLDetNo="props">
|
||||
<q-td :props="props">
|
||||
<div v-if="props.row.isNew" class="text-primary text-weight-bold">YENI</div>
|
||||
<div>{{ props.value }}</div>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-sParcaAdi="props">
|
||||
<q-td :props="props">
|
||||
{{ props.value || props.row.sAciklama3 || '-' }}
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-nHammaddeTuruNo="props">
|
||||
<q-td :props="props">
|
||||
<div class="text-weight-medium" style="font-size: 1.1em;">
|
||||
{{ props.value }}<span v-if="props.row.sHammaddeTuruAdi"> - {{ props.row.sHammaddeTuruAdi }}</span>
|
||||
</div>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-sKodu="props">
|
||||
<q-td :props="props">
|
||||
<span>{{ props.value }}</span>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-sAciklama="props">
|
||||
<q-td :props="props">
|
||||
<span>{{ props.value }}</span>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-sRenk="props">
|
||||
<q-td :props="props">
|
||||
<span>{{ props.value }}</span>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-lMiktar="props">
|
||||
<q-td :props="props">
|
||||
<q-input
|
||||
v-model="props.row.miktarInput"
|
||||
class="pcd-inline-input pcd-entry-input"
|
||||
color="primary"
|
||||
dense
|
||||
filled
|
||||
@update:model-value="value => onRowQuantityInput(props.row, value)"
|
||||
@blur="normalizeRowQuantityDisplay(props.row)"
|
||||
input-class="text-right"
|
||||
inputmode="decimal"
|
||||
placeholder="0,0000"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-inputPrice="props">
|
||||
<q-td :props="props">
|
||||
<q-input
|
||||
v-model="props.row.inputPrice"
|
||||
class="pcd-inline-input pcd-entry-input"
|
||||
color="primary"
|
||||
dense
|
||||
filled
|
||||
@update:model-value="value => onRowInputPriceChange(props.row, value)"
|
||||
@blur="normalizeRowPriceDisplay(props.row)"
|
||||
input-class="text-right"
|
||||
inputmode="decimal"
|
||||
placeholder="0,00"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-inputPricePrBr="props">
|
||||
<q-td :props="props">
|
||||
<q-select
|
||||
v-model="props.row.inputPricePrBr"
|
||||
class="pcd-inline-input pcd-entry-input"
|
||||
:options="priceCurrencyOptions"
|
||||
color="primary"
|
||||
dense
|
||||
filled
|
||||
@update:model-value="value => onRowInputPriceCurrencyChange(props.row, value)"
|
||||
emit-value
|
||||
map-options
|
||||
options-dense
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-sBirim="props">
|
||||
<q-td :props="props">
|
||||
<span>{{ props.value }}</span>
|
||||
</q-td>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
</div>
|
||||
</q-page>
|
||||
|
||||
<q-page v-else class="q-pa-md flex flex-center">
|
||||
<div class="text-negative text-subtitle1">
|
||||
Bu module erisim yetkiniz yok.
|
||||
</div>
|
||||
</q-page>
|
||||
|
||||
<q-dialog v-model="rowEditorDialogOpen" persistent>
|
||||
<q-card class="pcd-row-editor-dialog">
|
||||
<q-card-section class="row items-center justify-between q-pb-sm">
|
||||
<div class="text-subtitle1 text-weight-bold">
|
||||
{{ rowEditorMode === 'edit' ? 'Satir Duzenle' : 'Yeni Satir Ekle' }}
|
||||
</div>
|
||||
<q-btn flat round dense icon="close" v-close-popup />
|
||||
</q-card-section>
|
||||
|
||||
<q-separator />
|
||||
|
||||
<q-card-section class="q-pa-md">
|
||||
<div class="row q-col-gutter-md">
|
||||
<div class="col-12 col-md-2">
|
||||
<q-input dense filled readonly label="No" v-model="rowEditorForm.nOnMLDetNo" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Parca Adi" v-model="rowEditorForm.sParcaAdi" />
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Parca Grubu" v-model="rowEditorForm.sAciklama3" />
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<q-select
|
||||
v-model="rowEditorForm.nHammaddeTuruNo"
|
||||
class="pcd-row-editor-entry"
|
||||
:options="rowEditorHammaddeOptions"
|
||||
:loading="rowEditorHammaddeLoading"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
emit-value
|
||||
map-options
|
||||
use-input
|
||||
fill-input
|
||||
hide-selected
|
||||
input-debounce="250"
|
||||
dense
|
||||
filled
|
||||
label="Hammadde Turu"
|
||||
placeholder="Aramak icin yazin"
|
||||
@filter="filterRowEditorHammaddeOptions"
|
||||
@update:model-value="onRowEditorHammaddeChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<q-select
|
||||
v-model="rowEditorForm.sKodu"
|
||||
class="pcd-row-editor-entry"
|
||||
:options="rowEditorItemOptions"
|
||||
:loading="rowEditorItemLoading"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
emit-value
|
||||
map-options
|
||||
use-input
|
||||
fill-input
|
||||
hide-selected
|
||||
input-debounce="350"
|
||||
dense
|
||||
filled
|
||||
label="Kod / Aciklama"
|
||||
placeholder="En az 2 karakter yazin"
|
||||
@filter="filterRowEditorItemOptions"
|
||||
@update:model-value="onRowEditorItemChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<q-select
|
||||
v-model="rowEditorForm.ColorCode"
|
||||
class="pcd-row-editor-entry"
|
||||
:options="rowEditorColorOptions"
|
||||
:loading="rowEditorColorLoading"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
emit-value
|
||||
map-options
|
||||
use-input
|
||||
fill-input
|
||||
hide-selected
|
||||
input-debounce="250"
|
||||
dense
|
||||
filled
|
||||
label="Renk"
|
||||
placeholder="Aramak icin yazin"
|
||||
@filter="filterRowEditorColorOptions"
|
||||
@update:model-value="onRowEditorColorChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12 col-md-2">
|
||||
<q-input v-model="rowEditorForm.miktarInput" class="pcd-row-editor-entry" dense filled label="Miktar" input-class="text-right" inputmode="decimal" />
|
||||
</div>
|
||||
<div class="col-12 col-md-2">
|
||||
<q-input v-model="rowEditorForm.inputPrice" class="pcd-row-editor-entry" dense filled label="Fiyat Giris" input-class="text-right" inputmode="decimal" />
|
||||
</div>
|
||||
<div class="col-12 col-md-2">
|
||||
<q-select
|
||||
v-model="rowEditorForm.inputPricePrBr"
|
||||
class="pcd-row-editor-entry"
|
||||
:options="priceCurrencyOptions"
|
||||
emit-value
|
||||
map-options
|
||||
options-dense
|
||||
dense
|
||||
filled
|
||||
label="Pr.Br."
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<q-input dense filled readonly label="Birim" v-model="rowEditorForm.sBirim" />
|
||||
</div>
|
||||
<div class="col-12 col-md-2 pcd-row-editor-flag" style="display:flex;align-items:center;">
|
||||
<q-checkbox v-model="rowEditorForm.maliyeteDahil" label="Maliyete Dahil" color="primary" keep-color />
|
||||
</div>
|
||||
<div v-if="isCMGroupName(rowEditorForm.sAciklama3)" class="col-12 col-md-3 pcd-row-editor-flag" style="display:flex;align-items:center;">
|
||||
<q-checkbox v-model="rowEditorForm.cmPriceTypeChecked" label="CMT Malzeme Dahil" color="secondary" keep-color />
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
|
||||
<q-card-actions align="right" class="q-pa-md">
|
||||
<q-btn
|
||||
v-if="rowEditorMode === 'edit'"
|
||||
flat
|
||||
color="negative"
|
||||
icon="delete"
|
||||
label="Satiri Sil"
|
||||
class="q-mr-auto"
|
||||
@click="deleteRowEditor"
|
||||
/>
|
||||
<q-btn flat label="Vazgec" color="grey-7" v-close-popup />
|
||||
<q-btn color="secondary" icon="save" label="Satira Uygula" @click="saveRowEditor" />
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
|
||||
<q-dialog v-model="lineHistoryDialogOpen" maximized>
|
||||
<q-card class="pcd-history-dialog">
|
||||
<q-card-section class="row items-center justify-between q-gutter-sm">
|
||||
<div>
|
||||
<div class="text-subtitle1 text-weight-bold">Eski Satinalma ve Recete Fiyatlari</div>
|
||||
<div class="text-caption text-grey-7">
|
||||
{{ lineHistoryTargetSummary }}
|
||||
</div>
|
||||
</div>
|
||||
<q-btn flat round dense icon="close" v-close-popup />
|
||||
</q-card-section>
|
||||
|
||||
<q-separator />
|
||||
|
||||
<q-card-section class="q-pa-md">
|
||||
<q-banner v-if="lineHistoryError" class="bg-red text-white q-mb-md">
|
||||
Hata: {{ lineHistoryError }}
|
||||
</q-banner>
|
||||
|
||||
<q-banner v-if="lineHistoryShowingFallback" class="bg-amber-1 text-amber-9 q-mb-md rounded-borders border-amber">
|
||||
<template v-slot:avatar>
|
||||
<q-icon name="info" color="amber-9" />
|
||||
</template>
|
||||
Tam eşleşme bulunamadı. Benzer kodlara (prefix) ait geçmiş fiyatlar gösteriliyor.
|
||||
</q-banner>
|
||||
|
||||
<div v-if="lineHistoryCanFetchSimilar || lineHistoryCanFetchAlternative" class="row q-col-gutter-sm q-mb-md">
|
||||
<div v-if="lineHistorySearchMode !== 'exact'" class="col-auto">
|
||||
<q-btn
|
||||
label="Geri (Tam Eslesme)"
|
||||
icon="arrow_back"
|
||||
color="grey-7"
|
||||
outline
|
||||
no-caps
|
||||
@click="fetchSimilarItemHistory('exact')"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="lineHistoryCanFetchSimilar" class="col-auto">
|
||||
<q-btn
|
||||
label="Benzer Kodları Göster"
|
||||
icon="travel_explore"
|
||||
color="secondary"
|
||||
outline
|
||||
no-caps
|
||||
:loading="lineHistoryLoading && lineHistorySearchMode === 'prefix'"
|
||||
@click="fetchSimilarItemHistory('prefix')"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="lineHistoryCanFetchAlternative" class="col-auto">
|
||||
<q-btn
|
||||
label="Diğer Alternatifleri Göster"
|
||||
icon="alt_route"
|
||||
color="primary"
|
||||
outline
|
||||
no-caps
|
||||
:loading="lineHistoryLoading && lineHistorySearchMode === 'alternative'"
|
||||
@click="fetchSimilarItemHistory('alternative')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="lineHistoryLoading" class="row justify-center q-pa-lg">
|
||||
<q-spinner color="primary" size="32px" />
|
||||
</div>
|
||||
|
||||
<div v-else-if="lineHistoryRows.length === 0" class="column items-center q-pa-xl">
|
||||
<q-icon name="history" size="64px" color="grey-4" />
|
||||
<div class="text-grey-7 q-mt-md text-center">
|
||||
Bu kalem için geçmiş hareket bulunamadı.
|
||||
<div v-if="lineHistoryTargetHammaddeTuruNo" class="q-mt-sm">
|
||||
<q-btn
|
||||
label="Hammadde Türü Bazında Benzer Ürünleri Göster"
|
||||
icon="travel_explore"
|
||||
color="secondary"
|
||||
outline
|
||||
no-caps
|
||||
:loading="lineHistoryLoading"
|
||||
@click="fetchSimilarItemHistory('prefix')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<q-table
|
||||
class="pcd-history-table"
|
||||
dense
|
||||
flat
|
||||
bordered
|
||||
row-key="__historyKey"
|
||||
:rows="lineHistoryRows"
|
||||
:columns="lineHistoryColumns"
|
||||
:table-row-class-fn="resolveLineHistoryRowClass"
|
||||
:rows-per-page-options="[0]"
|
||||
hide-bottom
|
||||
>
|
||||
<template v-slot:body-cell-sourceLabel="props">
|
||||
<q-td :props="props">
|
||||
<span class="pcd-history-source-chip" :class="`pcd-history-source-chip--${String(props.row.sourceType || '').toLowerCase()}`">
|
||||
{{ props.row.sourceLabel }}
|
||||
</span>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template v-slot:body-cell-price="props">
|
||||
<q-td :props="props" class="text-right">
|
||||
{{ formatMoney(props.row.price) }}
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template v-slot:body-cell-quantity="props">
|
||||
<q-td :props="props" class="text-right">
|
||||
{{ formatMoney(props.row.quantity) }}
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template v-slot:body-cell-amount="props">
|
||||
<q-td :props="props" class="text-right">
|
||||
{{ formatMoney(props.row.amount) }}
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template v-slot:body-cell-select="props">
|
||||
<q-td :props="props" class="text-right">
|
||||
<q-btn
|
||||
label="Sec"
|
||||
color="primary"
|
||||
dense
|
||||
unelevated
|
||||
@click="applyLineHistorySelection(props.row)"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
|
||||
import { useQuasar } from 'quasar'
|
||||
import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
|
||||
import { usePermission } from 'src/composables/usePermission'
|
||||
import { get, post, extractApiErrorDetail } from 'src/services/api'
|
||||
import { createTraceId, slog } from 'src/utils/slog'
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const $q = useQuasar()
|
||||
const { canRead } = usePermission()
|
||||
const canReadOrder = canRead('order')
|
||||
|
||||
const detailLoading = ref(false)
|
||||
const detailError = ref('')
|
||||
const detailGroups = ref([])
|
||||
const detailHeader = ref(null)
|
||||
const costDate = ref('')
|
||||
const exchangeRates = ref(createEmptyExchangeRates())
|
||||
const deletedDetailRows = ref([])
|
||||
const localDraftTimer = ref(0)
|
||||
const initialHeaderSnapshot = ref('')
|
||||
const saveLoading = ref(false)
|
||||
const bulkPriceLoading = ref(false)
|
||||
const newRowSequence = ref(0)
|
||||
const ROW_EDITOR_OPTIONS_LIMIT = 100
|
||||
const ROW_EDITOR_ITEM_MIN_SEARCH_LENGTH = 2
|
||||
const LINE_HISTORY_ROW_LIMIT = 500
|
||||
const LINE_HISTORY_COMBINED_ROW_LIMIT = LINE_HISTORY_ROW_LIMIT * 2
|
||||
const rowEditorDialogOpen = ref(false)
|
||||
const rowEditorMode = ref('new')
|
||||
const rowEditorTargetRowKey = ref('')
|
||||
const rowEditorForm = ref(createRowEditorForm())
|
||||
const rowEditorHammaddeOptions = ref([])
|
||||
const rowEditorHammaddeAllOptions = ref([])
|
||||
const rowEditorHammaddeLoading = ref(false)
|
||||
const rowEditorItemOptions = ref([])
|
||||
const rowEditorItemAllOptions = ref([])
|
||||
const rowEditorItemLoading = ref(false)
|
||||
const rowEditorColorOptions = ref([])
|
||||
const rowEditorColorAllOptions = ref([])
|
||||
const rowEditorColorLoading = ref(false)
|
||||
const lineHistoryDialogOpen = ref(false)
|
||||
const lineHistoryLoading = ref(false)
|
||||
const lineHistoryError = ref('')
|
||||
const lineHistoryRows = ref([])
|
||||
const lineHistoryTargetRowKey = ref('')
|
||||
const lineHistoryTargetHammaddeTuruNo = ref('')
|
||||
const lineHistoryTargetItemCode = ref('')
|
||||
const lineHistoryTargetSummary = ref('')
|
||||
const lineHistorySearchMode = ref('exact')
|
||||
const lineHistoryLastPurchaseMatchStage = ref('')
|
||||
const lineHistoryLastRecipeMatchStage = ref('')
|
||||
const headerInfoCollapsed = ref(false)
|
||||
const subHeaderTop = ref(140)
|
||||
const stickyStackRef = ref(null)
|
||||
const saveToolbarRef = ref(null)
|
||||
const groupOpenState = ref({})
|
||||
const productionTypes = ref([])
|
||||
|
||||
const onMLNo = computed(() => String(route.query?.n_onml_no || '').trim())
|
||||
const productCode = computed(() => String(route.query?.urun_kodu || '').trim())
|
||||
const recipeCode = computed(() => String(route.query?.recete_kodu || '').trim())
|
||||
const detailSource = computed(() => String(route.query?.detail_source || '').trim().toLowerCase())
|
||||
const isNoCostDetail = computed(() => detailSource.value === 'no-cost')
|
||||
const generatedTraceId = ref(createTraceId('pcd-detail'))
|
||||
const traceId = computed(() => String(route.query?.trace_id || generatedTraceId.value).trim())
|
||||
const pageMode = computed(() => (isNoCostDetail.value ? 'new' : 'edit'))
|
||||
const pageVars = computed(() => ({
|
||||
'--pcd-subheader-top': `${subHeaderTop.value}px`
|
||||
}))
|
||||
const lineHistoryCanFetchSimilar = computed(() => (
|
||||
Boolean(lineHistoryTargetItemCode.value) &&
|
||||
lineHistorySearchMode.value !== 'prefix'
|
||||
))
|
||||
const lineHistoryCanFetchAlternative = computed(() => (
|
||||
Boolean(lineHistoryTargetHammaddeTuruNo.value) &&
|
||||
lineHistorySearchMode.value !== 'alternative'
|
||||
))
|
||||
const lineHistoryShowingFallback = computed(() => (
|
||||
lineHistorySearchMode.value === 'exact' &&
|
||||
lineHistoryRows.value.some(r => r.priceType === 'BNZ')
|
||||
))
|
||||
const priceCurrencyOptions = [
|
||||
{ label: 'USD', value: 'USD' },
|
||||
{ label: 'TRY', value: 'TRY' },
|
||||
{ label: 'EUR', value: 'EUR' },
|
||||
{ label: 'GBP', value: 'GBP' }
|
||||
]
|
||||
const flatDetailRows = computed(() => detailGroups.value.flatMap(grp => Array.isArray(grp?.items) ? grp.items : []))
|
||||
|
||||
// no-cost: required parca slots (from Maliyet Parca Eslestirme)
|
||||
const requiredParcaMappings = ref([])
|
||||
const requiredAttentionRowKeys = ref({})
|
||||
|
||||
const draftStorageKey = computed(() => {
|
||||
if (isNoCostDetail.value) {
|
||||
if (!recipeCode.value) return ''
|
||||
return `pcd-costing:no-cost:${String(productCode.value || '').trim()}:${String(recipeCode.value || '').trim()}`
|
||||
}
|
||||
if (!onMLNo.value) return ''
|
||||
return `pcd-costing:has-cost:${String(onMLNo.value).trim()}`
|
||||
})
|
||||
|
||||
const currentHeaderSnapshot = computed(() => JSON.stringify({
|
||||
UretimSekliID: String(detailHeader.value?.UretimSekliID || '').trim(),
|
||||
UretimSekli: String(detailHeader.value?.UretimSekli || '').trim()
|
||||
}))
|
||||
|
||||
const headerHasUnsavedChanges = computed(() => {
|
||||
if (!initialHeaderSnapshot.value) return false
|
||||
return currentHeaderSnapshot.value !== initialHeaderSnapshot.value
|
||||
})
|
||||
|
||||
const hasUnsavedChanges = computed(() => {
|
||||
if (deletedDetailRows.value.length > 0) return true
|
||||
if (headerHasUnsavedChanges.value) return true
|
||||
return flatDetailRows.value.some(row => Boolean(row?.draftChanged))
|
||||
})
|
||||
|
||||
function persistLocalDraftNow () {
|
||||
const key = draftStorageKey.value
|
||||
if (!key) return
|
||||
try {
|
||||
const payload = {
|
||||
version: 1,
|
||||
savedAt: new Date().toISOString(),
|
||||
mode: pageMode.value,
|
||||
detail_source: detailSource.value || 'has-cost',
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: productCode.value,
|
||||
recete_kodu: recipeCode.value,
|
||||
header: detailHeader.value ? {
|
||||
UretimSekliID: String(detailHeader.value?.UretimSekliID || '').trim(),
|
||||
UretimSekli: String(detailHeader.value?.UretimSekli || '').trim()
|
||||
} : null,
|
||||
deletedDetailRows: Array.isArray(deletedDetailRows.value) ? deletedDetailRows.value : [],
|
||||
detailGroups: Array.isArray(detailGroups.value) ? detailGroups.value : []
|
||||
}
|
||||
localStorage.setItem(key, JSON.stringify(payload))
|
||||
} catch (err) {
|
||||
slog.error('production-product-costing.detail', 'draft:persist:error', {
|
||||
trace_id: traceId.value,
|
||||
key: draftStorageKey.value,
|
||||
error: String(err?.message || err)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function schedulePersistLocalDraft () {
|
||||
try {
|
||||
if (localDraftTimer.value) window.clearTimeout(localDraftTimer.value)
|
||||
localDraftTimer.value = window.setTimeout(() => {
|
||||
localDraftTimer.value = 0
|
||||
persistLocalDraftNow()
|
||||
}, 400)
|
||||
} catch {
|
||||
persistLocalDraftNow()
|
||||
}
|
||||
}
|
||||
|
||||
function clearLocalDraft () {
|
||||
const key = draftStorageKey.value
|
||||
if (!key) return
|
||||
try {
|
||||
localStorage.removeItem(key)
|
||||
} catch {
|
||||
// ignore
|
||||
}
|
||||
}
|
||||
|
||||
function tryHydrateFromLocalDraft () {
|
||||
const key = draftStorageKey.value
|
||||
if (!key) return false
|
||||
try {
|
||||
const raw = localStorage.getItem(key)
|
||||
if (!raw) return false
|
||||
const payload = JSON.parse(raw)
|
||||
if (!payload || typeof payload !== 'object') return false
|
||||
if (Array.isArray(payload.deletedDetailRows)) deletedDetailRows.value = payload.deletedDetailRows
|
||||
if (Array.isArray(payload.detailGroups)) detailGroups.value = normalizeDetailGroups(payload.detailGroups)
|
||||
if (payload.header && detailHeader.value) {
|
||||
detailHeader.value.UretimSekliID = String(payload.header.UretimSekliID || '').trim()
|
||||
detailHeader.value.UretimSekli = String(payload.header.UretimSekli || '').trim()
|
||||
}
|
||||
return true
|
||||
} catch {
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
function ensureBeforeUnloadGuard (enabled) {
|
||||
if (!enabled) {
|
||||
window.onbeforeunload = null
|
||||
return
|
||||
}
|
||||
window.onbeforeunload = (e) => {
|
||||
e.preventDefault()
|
||||
e.returnValue = ''
|
||||
return ''
|
||||
}
|
||||
}
|
||||
const toolbarSummary = computed(() => flatDetailRows.value.reduce((acc, row) => {
|
||||
if (!row?.maliyeteDahil) return acc
|
||||
acc.tryTotal += resolveRowTRYTutar(row)
|
||||
acc.usdTotal += resolveRowUSDTutar(row)
|
||||
acc.eurTotal += resolveRowEURTutar(row)
|
||||
acc.gbpTotal += resolveRowGBPTutar(row)
|
||||
return acc
|
||||
}, {
|
||||
tryTotal: 0,
|
||||
usdTotal: 0,
|
||||
eurTotal: 0,
|
||||
gbpTotal: 0
|
||||
}))
|
||||
|
||||
const partSummary = computed(() => {
|
||||
const summary = {}
|
||||
flatDetailRows.value.forEach(row => {
|
||||
if (!row?.maliyeteDahil) return
|
||||
const part = String(row?.sParcaAdi || 'TANIMSIZ').trim() || 'TANIMSIZ'
|
||||
if (!summary[part]) {
|
||||
summary[part] = { try: 0, usd: 0, eur: 0, gbp: 0 }
|
||||
}
|
||||
summary[part].try += resolveRowTRYTutar(row)
|
||||
summary[part].usd += resolveRowUSDTutar(row)
|
||||
summary[part].eur += resolveRowEURTutar(row)
|
||||
summary[part].gbp += resolveRowGBPTutar(row)
|
||||
})
|
||||
return Object.entries(summary).map(([name, totals]) => ({ name, ...totals }))
|
||||
})
|
||||
const lineHistoryColumns = [
|
||||
{ name: 'sourceLabel', label: 'Kaynak', field: 'sourceLabel', align: 'left', sortable: false, style: 'width:6%', headerStyle: 'width:6%' },
|
||||
{ name: 'dateLabel', label: 'Tarih', field: 'dateLabel', align: 'left', sortable: true, style: 'width:7%', headerStyle: 'width:7%' },
|
||||
{ name: 'invoiceCode', label: 'Fatura/OnML', field: 'invoiceCode', align: 'left', sortable: true, style: 'width:8%', headerStyle: 'width:8%' },
|
||||
{ name: 'companyCode', label: 'Firma Kodu', field: 'companyCode', align: 'left', sortable: true, style: 'width:8%', headerStyle: 'width:8%' },
|
||||
{ name: 'companyDescription', label: 'Firma Aciklama', field: 'companyDescription', align: 'left', sortable: true, style: 'width:12%', headerStyle: 'width:12%' },
|
||||
{ name: 'itemCode', label: 'Masraf/sKodu', field: 'itemCode', align: 'left', sortable: true, style: 'width:8%', headerStyle: 'width:8%' },
|
||||
{ name: 'itemDescription', label: 'Masraf Detay', field: 'itemDescription', align: 'left', sortable: true, style: 'width:11%', headerStyle: 'width:11%' },
|
||||
{ name: 'colorCode', label: 'Renk', field: 'colorCode', align: 'left', sortable: true, style: 'width:5%', headerStyle: 'width:5%' },
|
||||
{ name: 'colorDescription', label: 'Renk Aciklama', field: 'colorDescription', align: 'left', sortable: true, style: 'width:8%', headerStyle: 'width:8%' },
|
||||
{ name: 'itemDim1Code', label: 'Dim1', field: 'itemDim1Code', align: 'left', sortable: true, style: 'width:5%', headerStyle: 'width:5%' },
|
||||
{ name: 'itemDim1Description', label: 'Dim1 Aciklama', field: 'itemDim1Description', align: 'left', sortable: true, style: 'width:8%', headerStyle: 'width:8%' },
|
||||
{ name: 'quantity', label: 'Miktar', field: 'quantity', align: 'right', sortable: true, style: 'width:6%', headerStyle: 'width:6%' },
|
||||
{ name: 'unit', label: 'Birim', field: 'unit', align: 'left', sortable: true, style: 'width:4%', headerStyle: 'width:4%' },
|
||||
{ name: 'price', label: 'Fiyat', field: 'price', align: 'right', sortable: true, style: 'width:6%', headerStyle: 'width:6%' },
|
||||
{ name: 'amount', label: 'Tutar', field: 'amount', align: 'right', sortable: true, style: 'width:6%', headerStyle: 'width:6%' },
|
||||
{ name: 'currency', label: 'Pr. Br.', field: 'currency', align: 'left', sortable: true, style: 'width:5%', headerStyle: 'width:5%' },
|
||||
{ name: 'select', label: '', field: 'select', align: 'right', sortable: false, style: 'width:6%', headerStyle: 'width:6%' }
|
||||
]
|
||||
|
||||
function resolveLineHistoryRowClass (row) {
|
||||
if (row?.priceType === 'BNZ') return 'pcd-history-row-similar'
|
||||
if (row?.sourceType === 'recipe') return 'pcd-history-row-recipe'
|
||||
if (row?.sourceType === 'purchase') return 'pcd-history-row-purchase'
|
||||
return ''
|
||||
}
|
||||
|
||||
const detailColumns = [
|
||||
{ name: 'actions', label: '', field: 'actions', align: 'left', style: 'width:60px', headerStyle: 'width:60px' },
|
||||
{ name: 'nOnMLDetNo', label: 'No', field: 'nOnMLDetNo', align: 'left', sortable: true },
|
||||
{ name: 'sParcaAdi', label: 'Parça Adı', field: 'sParcaAdi', align: 'left', sortable: true },
|
||||
{ name: 'nHammaddeTuruNo', label: 'Hammadde Türü', field: 'nHammaddeTuruNo', align: 'left', sortable: true },
|
||||
{ name: 'sKodu', label: 'Kod', field: 'sKodu', align: 'left', sortable: true },
|
||||
{ name: 'sAciklama', label: 'Açıklama', field: 'sAciklama', align: 'left', sortable: true },
|
||||
{ name: 'sRenk', label: 'Renk', field: 'sRenk', align: 'left', sortable: true },
|
||||
{ name: 'lMiktar', label: 'Miktar', field: 'lMiktar', align: 'right', sortable: true, format: val => formatQuantity(val), style: 'width: 80px', headerStyle: 'width: 80px' },
|
||||
{ name: 'inputPrice', label: 'Fiyat Giriş', field: 'inputPrice', align: 'right', sortable: false, style: 'width: 80px', headerStyle: 'width: 80px' },
|
||||
{ name: 'inputPricePrBr', label: 'Fiyat Giriş Pr.Br.', field: 'inputPricePrBr', align: 'left', sortable: false, style: 'width: 80px', headerStyle: 'width: 80px' },
|
||||
{ name: 'maliyeteDahil', label: 'Maliyete Dahil', field: 'maliyeteDahil', align: 'center', sortable: false },
|
||||
{ name: 'cmPriceType', label: 'CMT', field: 'cm_price_type_id', align: 'center', sortable: false, style: 'width: 72px', headerStyle: 'width: 72px' },
|
||||
{ name: 'lFiyat', label: 'lFiyat', field: 'lFiyat', align: 'right', sortable: true, format: val => formatMoney(val) },
|
||||
{ name: 'lTutar', label: 'lTutar', field: 'lTutar', align: 'right', sortable: true, format: val => formatMoney(val) },
|
||||
{ name: 'sFiyatTipi', label: 'sFiyatTipi', field: 'sFiyatTipi', align: 'left', sortable: true },
|
||||
{ name: 'sDovizCinsi', label: 'Döviz', field: 'sDovizCinsi', align: 'left', sortable: true },
|
||||
{ name: 'lDovizKuru', label: 'Kur', field: 'lDovizKuru', align: 'right', sortable: true, format: val => formatMoney(val) },
|
||||
{ name: 'lDovizFiyati', label: 'Döviz Fiyatı', field: 'lDovizFiyati', align: 'right', sortable: true, format: val => formatMoney(val) },
|
||||
{ name: 'priceUpdateState', label: 'Fiyat Tipi', field: 'priceUpdateState', align: 'left', sortable: true },
|
||||
{
|
||||
name: 'usdTutar',
|
||||
label: 'USD TUTAR',
|
||||
field: row => resolveRowUSDTutar(row),
|
||||
align: 'right',
|
||||
sortable: true,
|
||||
format: val => formatMoney(val)
|
||||
},
|
||||
{ name: 'sBirim', label: 'Birim', field: 'sBirim', align: 'left', sortable: true }
|
||||
]
|
||||
|
||||
function formatDateTR (value) {
|
||||
const s = String(value || '').trim()
|
||||
if (!s) return ''
|
||||
const m = /^(\d{4})-(\d{2})-(\d{2})(?:\s+(\d{2}):(\d{2}))?/.exec(s)
|
||||
if (!m) return s
|
||||
const datePart = `${m[3]}.${m[2]}.${m[1]}`
|
||||
if (m[4] && m[5]) return `${datePart} ${m[4]}:${m[5]}`
|
||||
return datePart
|
||||
}
|
||||
|
||||
function formatUretimSekli (header) {
|
||||
const id = String(header?.UretimSekliID || '').trim()
|
||||
const aciklama = String(header?.UretimSekli || '').trim()
|
||||
|
||||
if (id && aciklama) return `${id}-${aciklama}`
|
||||
return id || aciklama || '-'
|
||||
}
|
||||
|
||||
function normalizeDateInput (value) {
|
||||
const s = String(value || '').trim()
|
||||
const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(s)
|
||||
if (!m) return ''
|
||||
return `${m[1]}-${m[2]}-${m[3]}`
|
||||
}
|
||||
|
||||
function isCMGroupName (value) {
|
||||
const normalizedValue = String(value || '').trim().toUpperCase()
|
||||
return normalizedValue.includes('CM1') || normalizedValue.includes('CM2')
|
||||
}
|
||||
|
||||
function createEmptyExchangeRates () {
|
||||
return {
|
||||
rateDate: '',
|
||||
tryRate: 1,
|
||||
usdRate: 0,
|
||||
eurRate: 0,
|
||||
gbpRate: 0
|
||||
}
|
||||
}
|
||||
|
||||
function createRowEditorForm (seed = {}) {
|
||||
const defaultCurrency = normalizePriceCurrency(seed?.inputPricePrBr || seed?.fiyat_doviz || detailHeader.value?.sDovizCinsi) || 'USD'
|
||||
const cmPriceTypeId = normalizeCMPriceTypeId(seed?.cmPriceTypeId ?? seed?.cm_price_type_id, seed?.sAciklama3 ?? seed?.sParcaAdi)
|
||||
return {
|
||||
__rowKey: String(seed?.__rowKey || '').trim(),
|
||||
isNew: Boolean(seed?.isNew),
|
||||
nStokID: String(seed?.nStokID || '').trim(),
|
||||
sModel: String(seed?.sModel || '').trim(),
|
||||
nOnMLDetNo: String(seed?.nOnMLDetNo || '').trim(),
|
||||
sParcaAdi: String(seed?.sParcaAdi || seed?.sAciklama3 || '').trim(),
|
||||
nHammaddeTuruNo: String(seed?.nHammaddeTuruNo || '').trim(),
|
||||
sHammaddeTuruAdi: String(seed?.sHammaddeTuruAdi || '').trim(),
|
||||
sAciklama3: String(seed?.sAciklama3 || seed?.sParcaAdi || '').trim(),
|
||||
sKodu: String(seed?.sKodu || '').trim(),
|
||||
sAciklama: String(seed?.sAciklama || '').trim(),
|
||||
sRenk: String(seed?.sRenk || seed?.ColorCode || '').trim(),
|
||||
ColorCode: String(seed?.ColorCode || seed?.sRenk || '').trim(),
|
||||
ColorDescription: String(seed?.ColorDescription || '').trim(),
|
||||
miktarInput: normalizeQuantityInput(seed?.miktarInput ?? seed?.lMiktar ?? 1),
|
||||
inputPrice: normalizeInputPrice(seed?.inputPrice ?? seed?.fiyat_girilen ?? 0),
|
||||
inputPricePrBr: defaultCurrency,
|
||||
maliyeteDahil: seed?.maliyeteDahil ?? normalizeBooleanFlag(seed?.maliyete_dahil ?? true),
|
||||
cmPriceTypeChecked: cmPriceTypeId === 2,
|
||||
sBirim: extractPrimaryUnitValue(seed?.sBirim || 'AD') || 'AD'
|
||||
}
|
||||
}
|
||||
|
||||
function formatMoney (value) {
|
||||
return parseMoneyInput(value).toLocaleString('tr-TR', {
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
})
|
||||
}
|
||||
|
||||
function formatQuantity (value) {
|
||||
return parseMoneyInput(value).toLocaleString('tr-TR', {
|
||||
minimumFractionDigits: 4,
|
||||
maximumFractionDigits: 4
|
||||
})
|
||||
}
|
||||
|
||||
function formatBarMoney (value) {
|
||||
const roundedValue = Math.round((Number(value || 0) + Number.EPSILON) * 100) / 100
|
||||
return formatMoney(roundedValue)
|
||||
}
|
||||
|
||||
function normalizePriceCurrency (value) {
|
||||
const normalizedValue = String(value || '').trim().toUpperCase()
|
||||
return ['USD', 'TRY', 'EUR', 'GBP'].includes(normalizedValue) ? normalizedValue : ''
|
||||
}
|
||||
|
||||
function normalizeCodeValue (value) {
|
||||
return String(value ?? '').trim().toUpperCase()
|
||||
}
|
||||
|
||||
function extractPrimaryUnitValue (value) {
|
||||
const normalizedValue = String(value || '').trim()
|
||||
if (!normalizedValue) return ''
|
||||
return normalizedValue.split(/[\s,;|/]+/).filter(Boolean)[0] || normalizedValue
|
||||
}
|
||||
|
||||
function normalizeInputPrice (value) {
|
||||
const numericValue = parseMoneyInput(value)
|
||||
if (value === null || value === undefined || value === '' || !Number.isFinite(numericValue)) {
|
||||
return formatMoney(0)
|
||||
}
|
||||
return formatMoney(numericValue)
|
||||
}
|
||||
|
||||
function normalizeQuantityInput (value) {
|
||||
const numericValue = parseMoneyInput(value)
|
||||
if (value === null || value === undefined || value === '' || !Number.isFinite(numericValue)) {
|
||||
return formatQuantity(0)
|
||||
}
|
||||
return formatQuantity(numericValue)
|
||||
}
|
||||
|
||||
function normalizeSingleSeparatorNumber (rawValue, separator) {
|
||||
const parts = String(rawValue || '').split(separator)
|
||||
if (parts.length <= 1) return String(rawValue || '')
|
||||
if (parts.length === 2) {
|
||||
return separator === ',' ? `${parts[0]}.${parts[1]}` : `${parts[0]}.${parts[1]}`
|
||||
}
|
||||
|
||||
const headParts = parts.slice(0, -1)
|
||||
const lastPart = parts[parts.length - 1]
|
||||
const looksLikeGroupedInteger = lastPart.length === 3 && headParts.every((part, index) => {
|
||||
if (index === 0) return part.length >= 1 && part.length <= 3
|
||||
return part.length === 3
|
||||
})
|
||||
|
||||
if (looksLikeGroupedInteger) {
|
||||
return parts.join('')
|
||||
}
|
||||
|
||||
return `${headParts.join('')}.${lastPart}`
|
||||
}
|
||||
|
||||
function parseMoneyInput (value) {
|
||||
const rawValue = String(value ?? '').trim()
|
||||
if (!rawValue) return 0
|
||||
|
||||
const compactValue = rawValue.replace(/\s+/g, '')
|
||||
const lastDotIndex = compactValue.lastIndexOf('.')
|
||||
const lastCommaIndex = compactValue.lastIndexOf(',')
|
||||
const hasDot = lastDotIndex >= 0
|
||||
const hasComma = lastCommaIndex >= 0
|
||||
|
||||
let normalizedValue = compactValue
|
||||
|
||||
if (hasDot && hasComma) {
|
||||
const decimalSeparator = lastDotIndex > lastCommaIndex ? '.' : ','
|
||||
const thousandSeparator = decimalSeparator === '.' ? ',' : '.'
|
||||
normalizedValue = compactValue.replace(new RegExp(`\\${thousandSeparator}`, 'g'), '')
|
||||
if (decimalSeparator === ',') {
|
||||
normalizedValue = normalizedValue.replace(',', '.')
|
||||
}
|
||||
} else if (hasComma) {
|
||||
normalizedValue = normalizeSingleSeparatorNumber(compactValue, ',')
|
||||
} else if (hasDot) {
|
||||
normalizedValue = normalizeSingleSeparatorNumber(compactValue, '.')
|
||||
}
|
||||
|
||||
const numericValue = Number(normalizedValue)
|
||||
return Number.isFinite(numericValue) ? numericValue : 0
|
||||
}
|
||||
|
||||
function normalizeBooleanFlag (value) {
|
||||
if (typeof value === 'boolean') return value
|
||||
if (typeof value === 'number') return value === 1
|
||||
|
||||
const normalizedValue = String(value ?? '').trim().toLowerCase()
|
||||
return normalizedValue === '1' || normalizedValue === 'true' || normalizedValue === 'evet'
|
||||
}
|
||||
|
||||
function normalizeCMPriceTypeId (value, groupName) {
|
||||
if (!isCMGroupName(groupName)) return null
|
||||
if (value === null || value === undefined || value === '') return 1
|
||||
|
||||
const numericValue = Number(value)
|
||||
if (numericValue === 2) return 2
|
||||
return 1
|
||||
}
|
||||
|
||||
function resolveCMPriceTypeChecked (row) {
|
||||
return normalizeCMPriceTypeId(row?.cmPriceTypeId ?? row?.cm_price_type_id, row?.sAciklama3) === 2
|
||||
}
|
||||
|
||||
function firstDefinedValue (source, keys) {
|
||||
for (const key of keys) {
|
||||
const value = source?.[key]
|
||||
if (value !== undefined && value !== null && String(value).trim() !== '') {
|
||||
return value
|
||||
}
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
function normalizeExchangeRatesPayload (payload, fallbackDate = '') {
|
||||
return {
|
||||
rateDate: normalizeDateInput(firstDefinedValue(payload, ['rateDate', 'RateDate', 'date', 'Date'])) || fallbackDate,
|
||||
tryRate: 1,
|
||||
usdRate: parseMoneyInput(firstDefinedValue(payload, ['usdRate', 'USDRate', 'usd', 'USD'])),
|
||||
eurRate: parseMoneyInput(firstDefinedValue(payload, ['eurRate', 'EURRate', 'eur', 'EUR'])),
|
||||
gbpRate: parseMoneyInput(firstDefinedValue(payload, ['gbpRate', 'GBPRate', 'gbp', 'GBP']))
|
||||
}
|
||||
}
|
||||
|
||||
function buildRowEditorHammaddeOption (source) {
|
||||
const value = String(source?.value || source?.nHammaddeTuruNo || '').trim()
|
||||
const name = String(source?.sHammaddeTuruAdi || '').trim()
|
||||
const groupName = String(source?.sAciklama3 || '').trim()
|
||||
return {
|
||||
kind: 'hammadde',
|
||||
value,
|
||||
label: String(source?.label || `${value}${name ? ` - ${name}` : ''}`).trim(),
|
||||
nHammaddeTuruNo: value,
|
||||
sHammaddeTuruAdi: name,
|
||||
sAciklama3: groupName,
|
||||
sParcaAdi: String(source?.sParcaAdi || groupName).trim()
|
||||
}
|
||||
}
|
||||
|
||||
function buildRowEditorItemOption (source) {
|
||||
const value = String(source?.value || source?.sKodu || '').trim()
|
||||
const desc = String(source?.sAciklama || '').trim()
|
||||
return {
|
||||
kind: 'item',
|
||||
value,
|
||||
nStokID: String(source?.nStokID || '').trim(),
|
||||
sModel: String(source?.sModel || '').trim(),
|
||||
label: String(source?.label || `${value}${desc ? ` - ${desc}` : ''}`).trim(),
|
||||
sKodu: value,
|
||||
sAciklama: desc,
|
||||
sBirim: extractPrimaryUnitValue(source?.sBirim)
|
||||
}
|
||||
}
|
||||
|
||||
function buildRowEditorColorOption (source) {
|
||||
const value = String(source?.value || source?.colorCode || source?.ColorCode || source?.sRenk || '').trim()
|
||||
const desc = String(source?.colorDescription || source?.ColorDescription || '').trim()
|
||||
return {
|
||||
kind: 'color',
|
||||
value,
|
||||
label: String(source?.label || `${value}${desc ? ` - ${desc}` : ''}`).trim(),
|
||||
colorCode: value,
|
||||
colorDescription: desc
|
||||
}
|
||||
}
|
||||
|
||||
function upsertEditorOption (optionsRef, option) {
|
||||
if (!option?.value) return
|
||||
const nextOptions = [...optionsRef.value]
|
||||
const idx = nextOptions.findIndex(x => String(x?.value || '').trim() === option.value)
|
||||
if (idx >= 0) {
|
||||
nextOptions[idx] = { ...nextOptions[idx], ...option }
|
||||
} else {
|
||||
nextOptions.unshift(option)
|
||||
}
|
||||
optionsRef.value = nextOptions
|
||||
}
|
||||
|
||||
async function fetchRowEditorOptions (kind, search = '', extraParams = {}) {
|
||||
const response = await get('/pricing/production-product-costing/detail-editor-options', {
|
||||
kind,
|
||||
search,
|
||||
limit: ROW_EDITOR_OPTIONS_LIMIT,
|
||||
trace_id: traceId.value,
|
||||
...extraParams
|
||||
})
|
||||
return Array.isArray(response) ? response : []
|
||||
}
|
||||
|
||||
function setRowEditorOptionsByKind (kind, rows) {
|
||||
if (kind === 'hammadde') {
|
||||
rowEditorHammaddeAllOptions.value = rows
|
||||
rowEditorHammaddeOptions.value = rows
|
||||
return
|
||||
}
|
||||
if (kind === 'item') {
|
||||
rowEditorItemAllOptions.value = rows
|
||||
rowEditorItemOptions.value = rows
|
||||
return
|
||||
}
|
||||
rowEditorColorAllOptions.value = rows
|
||||
rowEditorColorOptions.value = rows
|
||||
}
|
||||
|
||||
function setRowEditorLookupLoading (kind, isLoading) {
|
||||
if (kind === 'hammadde') {
|
||||
rowEditorHammaddeLoading.value = isLoading
|
||||
return
|
||||
}
|
||||
if (kind === 'item') {
|
||||
rowEditorItemLoading.value = isLoading
|
||||
return
|
||||
}
|
||||
rowEditorColorLoading.value = isLoading
|
||||
}
|
||||
|
||||
async function refreshRowEditorOptions (kind, search = '') {
|
||||
const extraParams = kind === 'color'
|
||||
? { model_code: String(rowEditorForm.value.sModel || '').trim() }
|
||||
: {}
|
||||
|
||||
if (kind === 'color' && !extraParams.model_code) {
|
||||
setRowEditorOptionsByKind(kind, [])
|
||||
primeRowEditorOptionsFromForm()
|
||||
return []
|
||||
}
|
||||
|
||||
setRowEditorLookupLoading(kind, true)
|
||||
try {
|
||||
const rows = await fetchRowEditorOptions(kind, search, extraParams)
|
||||
setRowEditorOptionsByKind(kind, rows)
|
||||
primeRowEditorOptionsFromForm()
|
||||
return rows
|
||||
} finally {
|
||||
setRowEditorLookupLoading(kind, false)
|
||||
}
|
||||
}
|
||||
|
||||
async function filterRowEditorOptions (kind, val, update, abort) {
|
||||
const normalizedSearch = String(val || '').trim()
|
||||
if (kind === 'item' && normalizedSearch.length < ROW_EDITOR_ITEM_MIN_SEARCH_LENGTH) {
|
||||
update(() => {
|
||||
rowEditorItemAllOptions.value = []
|
||||
rowEditorItemOptions.value = []
|
||||
primeRowEditorOptionsFromForm()
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const rows = await refreshRowEditorOptions(kind, normalizedSearch)
|
||||
update(() => {
|
||||
setRowEditorOptionsByKind(kind, rows)
|
||||
primeRowEditorOptionsFromForm()
|
||||
})
|
||||
} catch (err) {
|
||||
abort()
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: `Lookup getirilemedi: ${await extractApiErrorDetail(err)}`,
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function filterRowEditorHammaddeOptions (val, update, abort) {
|
||||
return filterRowEditorOptions('hammadde', val, update, abort)
|
||||
}
|
||||
|
||||
function filterRowEditorItemOptions (val, update, abort) {
|
||||
return filterRowEditorOptions('item', val, update, abort)
|
||||
}
|
||||
|
||||
function filterRowEditorColorOptions (val, update, abort) {
|
||||
const modelCode = String(rowEditorForm.value.sModel || '').trim()
|
||||
if (!modelCode) {
|
||||
update(() => {
|
||||
rowEditorColorAllOptions.value = []
|
||||
rowEditorColorOptions.value = []
|
||||
})
|
||||
return
|
||||
}
|
||||
return filterRowEditorOptions('color', val, update, abort)
|
||||
}
|
||||
|
||||
async function loadRowEditorColorOptions () {
|
||||
const modelCode = String(rowEditorForm.value.sModel || '').trim()
|
||||
if (!modelCode) return []
|
||||
try {
|
||||
return await fetchRowEditorOptions('color', '', { model_code: modelCode })
|
||||
} catch (err) {
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: `Renk lookup getirilemedi: ${await extractApiErrorDetail(err)}`,
|
||||
position: 'top-right'
|
||||
})
|
||||
return []
|
||||
}
|
||||
}
|
||||
|
||||
function primeRowEditorOptionsFromForm () {
|
||||
upsertEditorOption(rowEditorHammaddeAllOptions, buildRowEditorHammaddeOption(rowEditorForm.value))
|
||||
upsertEditorOption(rowEditorHammaddeOptions, buildRowEditorHammaddeOption(rowEditorForm.value))
|
||||
upsertEditorOption(rowEditorItemAllOptions, buildRowEditorItemOption(rowEditorForm.value))
|
||||
upsertEditorOption(rowEditorItemOptions, buildRowEditorItemOption(rowEditorForm.value))
|
||||
upsertEditorOption(rowEditorColorAllOptions, buildRowEditorColorOption(rowEditorForm.value))
|
||||
upsertEditorOption(rowEditorColorOptions, buildRowEditorColorOption(rowEditorForm.value))
|
||||
}
|
||||
|
||||
function getNextDetailNo () {
|
||||
const maxNo = flatDetailRows.value.reduce((acc, row) => {
|
||||
const rowNo = parseInt(String(row?.nOnMLDetNo || '').trim(), 10)
|
||||
return Number.isFinite(rowNo) ? Math.max(acc, rowNo) : acc
|
||||
}, 0)
|
||||
return String(maxNo + 1)
|
||||
}
|
||||
|
||||
function resolveRowColorCode (row) {
|
||||
return normalizeCodeValue(firstDefinedValue(row, [
|
||||
'ColorCode',
|
||||
'colorCode',
|
||||
'sRenk',
|
||||
's_renk',
|
||||
'renk'
|
||||
]))
|
||||
}
|
||||
|
||||
function resolveRowItemDim1Code (row) {
|
||||
return normalizeCodeValue(firstDefinedValue(row, [
|
||||
'ItemDim1Code',
|
||||
'itemDim1Code',
|
||||
'sBeden',
|
||||
's_beden'
|
||||
]))
|
||||
}
|
||||
|
||||
function extractNamedArray (payload, keys) {
|
||||
for (const key of keys) {
|
||||
if (Array.isArray(payload?.[key])) return payload[key]
|
||||
if (Array.isArray(payload?.data?.[key])) return payload.data[key]
|
||||
}
|
||||
return []
|
||||
}
|
||||
|
||||
function parseDateSortValue (value) {
|
||||
const rawValue = String(value || '').trim()
|
||||
if (!rawValue) return 0
|
||||
const normalizedValue = rawValue.replace(' ', 'T')
|
||||
const timeValue = Date.parse(normalizedValue)
|
||||
return Number.isFinite(timeValue) ? timeValue : 0
|
||||
}
|
||||
|
||||
function sortHistoryRowsByDateDesc (rows) {
|
||||
return [...rows].sort((a, b) => parseDateSortValue(b?.dateValue) - parseDateSortValue(a?.dateValue))
|
||||
}
|
||||
|
||||
function resolveHistorySourceType (item, forcedType = '') {
|
||||
const normalizedType = String(forcedType || firstDefinedValue(item, [
|
||||
'sourceType',
|
||||
'source',
|
||||
'kaynak',
|
||||
'historyType',
|
||||
'tip'
|
||||
])).trim().toLowerCase()
|
||||
|
||||
if (['recipe', 'recete', 'uretim'].includes(normalizedType)) return 'recipe'
|
||||
if (['purchase', 'invoice', 'satinalma', 'baggi_v3', 'baggi-v3'].includes(normalizedType)) return 'purchase'
|
||||
if (firstDefinedValue(item, ['MasrafKodu', 'FaturaKodu', 'EvrakFiyat', 'ItemDim1Code']) !== '') return 'purchase'
|
||||
if (firstDefinedValue(item, ['nOnMLNo', 'dteIslemTarihi', 'lDovizFiyati', 'lDovizTutari']) !== '') return 'recipe'
|
||||
return normalizedType || 'history'
|
||||
}
|
||||
|
||||
function resolveHistorySourceLabel (sourceType) {
|
||||
if (sourceType === 'purchase') return 'BAGGI_V3'
|
||||
if (sourceType === 'recipe') return 'URETIM'
|
||||
return 'HISTORY'
|
||||
}
|
||||
|
||||
function normalizeHistoryRowFromItem (item, index, forcedType = '') {
|
||||
const sourceType = resolveHistorySourceType(item, forcedType)
|
||||
const price = parseMoneyInput(firstDefinedValue(item, [
|
||||
'EvrakFiyat',
|
||||
'evrakFiyat',
|
||||
'fiyat_girilen',
|
||||
'fiyatGirilen',
|
||||
'price',
|
||||
'fiyat',
|
||||
'birimFiyat',
|
||||
'unitPrice',
|
||||
'lDovizFiyati',
|
||||
'lFiyat'
|
||||
]))
|
||||
const quantity = parseMoneyInput(firstDefinedValue(item, [
|
||||
'Miktar',
|
||||
'miktar',
|
||||
'quantity',
|
||||
'qty',
|
||||
'adet',
|
||||
'lMiktar'
|
||||
]))
|
||||
const amountValue = firstDefinedValue(item, [
|
||||
'EvrakTutar',
|
||||
'evrakTutar',
|
||||
'tutar',
|
||||
'amount',
|
||||
'toplamTutar',
|
||||
'lTutar',
|
||||
'lDovizTutari'
|
||||
])
|
||||
const currency = normalizePriceCurrency(firstDefinedValue(item, [
|
||||
'EvrakDoviz',
|
||||
'evrakDoviz',
|
||||
'fiyat_doviz',
|
||||
'fiyatDoviz',
|
||||
'currency',
|
||||
'priceCurrency',
|
||||
'prBr',
|
||||
'pb',
|
||||
'sDovizCinsi',
|
||||
'USD'
|
||||
]))
|
||||
const dateValue = String(firstDefinedValue(item, [
|
||||
'Tarih',
|
||||
'tarih',
|
||||
'InvoiceDate',
|
||||
'invoiceDate',
|
||||
'dteIslemTarihi',
|
||||
'islemTarihi',
|
||||
'dteKayitTarihi',
|
||||
'date'
|
||||
])).trim()
|
||||
const amount = amountValue === ''
|
||||
? price * quantity
|
||||
: parseMoneyInput(amountValue)
|
||||
|
||||
return {
|
||||
__historyKey: String(firstDefinedValue(item, ['id', '__historyKey', 'historyKey'])).trim() || `${sourceType}-${index}`,
|
||||
raw: item,
|
||||
sourceType,
|
||||
sourceLabel: resolveHistorySourceLabel(sourceType),
|
||||
dateValue,
|
||||
dateLabel: formatDateTR(dateValue),
|
||||
invoiceCode: String(firstDefinedValue(item, [
|
||||
'FaturaKodu',
|
||||
'faturaKodu',
|
||||
'InvoiceNumber',
|
||||
'invoiceCode',
|
||||
'FaturaNo',
|
||||
'nOnMLNo',
|
||||
'n_onml_no'
|
||||
])).trim(),
|
||||
companyCode: String(firstDefinedValue(item, [
|
||||
'FirmaKodu',
|
||||
'firmaKodu',
|
||||
'CurrAccCode',
|
||||
'currAccCode',
|
||||
'accountCode',
|
||||
'vendorCode'
|
||||
])).trim(),
|
||||
companyDescription: String(firstDefinedValue(item, [
|
||||
'FirmaAciklama',
|
||||
'firmaAciklama',
|
||||
'CurrAccDescription',
|
||||
'currAccDescription',
|
||||
'companyDescription',
|
||||
'vendorDescription'
|
||||
])).trim(),
|
||||
itemCode: String(firstDefinedValue(item, [
|
||||
'MasrafKodu',
|
||||
'masrafKodu',
|
||||
'sKodu',
|
||||
's_kodu',
|
||||
'ItemCode',
|
||||
'itemCode'
|
||||
])).trim(),
|
||||
itemDescription: String(firstDefinedValue(item, [
|
||||
'MasrafDetay',
|
||||
'masrafDetay',
|
||||
'sAciklama',
|
||||
's_aciklama',
|
||||
'ItemDescription',
|
||||
'itemDescription',
|
||||
'description'
|
||||
])).trim(),
|
||||
colorCode: String(firstDefinedValue(item, [
|
||||
'ColorCode',
|
||||
'colorCode',
|
||||
'sRenk',
|
||||
's_renk'
|
||||
])).trim(),
|
||||
colorDescription: String(firstDefinedValue(item, [
|
||||
'ColorDescription',
|
||||
'colorDescription',
|
||||
'sRenkAdi',
|
||||
's_renk_adi'
|
||||
])).trim(),
|
||||
itemDim1Code: String(firstDefinedValue(item, [
|
||||
'ItemDim1Code',
|
||||
'itemDim1Code',
|
||||
'sBeden',
|
||||
's_beden'
|
||||
])).trim(),
|
||||
itemDim1Description: String(firstDefinedValue(item, [
|
||||
'ItemDim1Description',
|
||||
'itemDim1Description',
|
||||
'sAciklama2',
|
||||
's_aciklama2'
|
||||
])).trim(),
|
||||
priceType: String(item?.priceType || '').trim(),
|
||||
quantity,
|
||||
unit: String(firstDefinedValue(item, [
|
||||
'BIRIM',
|
||||
'birim',
|
||||
'unit',
|
||||
'Unit',
|
||||
'sBirim',
|
||||
's_birim'
|
||||
])).trim(),
|
||||
price,
|
||||
amount,
|
||||
currency: currency || 'USD',
|
||||
recipeInfo: String(firstDefinedValue(item, [
|
||||
'recipeInfo',
|
||||
'receteBilgisi',
|
||||
'recete',
|
||||
'DUMMY',
|
||||
'nUrtReceteID',
|
||||
'sAciklama3',
|
||||
'Description',
|
||||
'Aciklama',
|
||||
'Aciklama1',
|
||||
'LineDescription',
|
||||
'note'
|
||||
])).trim()
|
||||
}
|
||||
}
|
||||
|
||||
function normalizeBulkPriceItems (payload) {
|
||||
const list = Array.isArray(payload)
|
||||
? payload
|
||||
: extractNamedArray(payload, ['items', 'data', 'updates', 'matchedItems', 'rows'])
|
||||
|
||||
return list.map((item, index) => {
|
||||
const price = parseMoneyInput(firstDefinedValue(item, [
|
||||
'EvrakFiyat',
|
||||
'evrakFiyat',
|
||||
'fiyat_girilen',
|
||||
'fiyatGirilen',
|
||||
'price',
|
||||
'fiyat',
|
||||
'unitPrice',
|
||||
'birimFiyat',
|
||||
'lDovizFiyati',
|
||||
'lFiyat'
|
||||
]))
|
||||
const currency = normalizePriceCurrency(firstDefinedValue(item, [
|
||||
'EvrakDoviz',
|
||||
'evrakDoviz',
|
||||
'fiyat_doviz',
|
||||
'fiyatDoviz',
|
||||
'currency',
|
||||
'priceCurrency',
|
||||
'prBr',
|
||||
'pb',
|
||||
'sDovizCinsi'
|
||||
]))
|
||||
|
||||
return {
|
||||
__updateKey: `upd-${index}`,
|
||||
__rowKey: String(firstDefinedValue(item, ['__rowKey', 'rowKey'])).trim(),
|
||||
nOnMLDetNo: String(firstDefinedValue(item, ['nOnMLDetNo', 'n_onml_det_no'])).trim(),
|
||||
nHammaddeTuruNo: String(firstDefinedValue(item, ['nHammaddeTuruNo', 'n_hammadde_turu_no'])).trim(),
|
||||
sKodu: normalizeCodeValue(firstDefinedValue(item, ['sKodu', 's_kodu', 'stokKodu', 'MasrafKodu', 'masrafKodu', 'ItemCode', 'itemCode'])),
|
||||
colorCode: normalizeCodeValue(firstDefinedValue(item, ['ColorCode', 'colorCode', 'sRenk', 's_renk', 'renk'])),
|
||||
itemDim1Code: normalizeCodeValue(firstDefinedValue(item, ['ItemDim1Code', 'itemDim1Code', 'item_dim1_code', 'sBeden', 's_beden'])),
|
||||
inputPrice: normalizeInputPrice(price),
|
||||
fiyat_girilen: price,
|
||||
inputPricePrBr: currency || 'USD',
|
||||
fiyat_doviz: currency || 'USD'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function normalizeLineHistoryRows (payload) {
|
||||
const purchaseRows = extractNamedArray(payload, [
|
||||
'purchaseRows',
|
||||
'purchase_items',
|
||||
'purchaseItems',
|
||||
'invoiceRows',
|
||||
'invoice_items',
|
||||
'invoiceItems',
|
||||
'baggiV3Rows',
|
||||
'baggi_v3_rows',
|
||||
'baggiRows'
|
||||
])
|
||||
const recipeRows = extractNamedArray(payload, [
|
||||
'recipeRows',
|
||||
'recipe_items',
|
||||
'recipeItems',
|
||||
'uretimRows',
|
||||
'uretim_rows',
|
||||
'productionRows'
|
||||
])
|
||||
|
||||
if (purchaseRows.length > 0 || recipeRows.length > 0) {
|
||||
const normalizedPurchaseRows = sortHistoryRowsByDateDesc(
|
||||
purchaseRows.map((item, index) => normalizeHistoryRowFromItem(item, index, 'purchase'))
|
||||
)
|
||||
const normalizedRecipeRows = sortHistoryRowsByDateDesc(
|
||||
recipeRows.map((item, index) => normalizeHistoryRowFromItem(item, index, 'recipe'))
|
||||
)
|
||||
return sortHistoryRowsByDateDesc([
|
||||
...normalizedPurchaseRows,
|
||||
...normalizedRecipeRows
|
||||
]).slice(0, LINE_HISTORY_COMBINED_ROW_LIMIT)
|
||||
}
|
||||
|
||||
const flatList = Array.isArray(payload)
|
||||
? payload
|
||||
: extractNamedArray(payload, ['items', 'data', 'rows'])
|
||||
|
||||
const normalizedRows = flatList.map((item, index) => normalizeHistoryRowFromItem(item, index))
|
||||
const purchaseHistoryRows = sortHistoryRowsByDateDesc(normalizedRows.filter(row => row.sourceType === 'purchase'))
|
||||
const recipeHistoryRows = sortHistoryRowsByDateDesc(normalizedRows.filter(row => row.sourceType === 'recipe'))
|
||||
const otherHistoryRows = sortHistoryRowsByDateDesc(normalizedRows.filter(row => !['purchase', 'recipe'].includes(row.sourceType)))
|
||||
|
||||
return sortHistoryRowsByDateDesc([
|
||||
...purchaseHistoryRows,
|
||||
...recipeHistoryRows,
|
||||
...otherHistoryRows
|
||||
]).slice(0, LINE_HISTORY_COMBINED_ROW_LIMIT)
|
||||
}
|
||||
|
||||
function rowMatchesBulkUpdate (row, update) {
|
||||
if (update.__rowKey && update.__rowKey === row.__rowKey) return true
|
||||
if (update.nOnMLDetNo && String(row?.nOnMLDetNo || '').trim() === update.nOnMLDetNo) return true
|
||||
|
||||
const rowKodu = normalizeCodeValue(row?.sKodu)
|
||||
const rowRenk = resolveRowColorCode(row)
|
||||
const rowTur = String(row?.nHammaddeTuruNo || '').trim()
|
||||
const rowItemDim1Code = resolveRowItemDim1Code(row)
|
||||
|
||||
if (update.nHammaddeTuruNo && update.sKodu) {
|
||||
if (rowTur === update.nHammaddeTuruNo && rowKodu === update.sKodu) return true
|
||||
}
|
||||
|
||||
if (update.sKodu && update.colorCode && update.itemDim1Code) {
|
||||
if (rowKodu === update.sKodu && rowRenk === update.colorCode && rowItemDim1Code === update.itemDim1Code) return true
|
||||
}
|
||||
|
||||
if (update.sKodu && update.colorCode) {
|
||||
if (rowKodu === update.sKodu && rowRenk === update.colorCode) return true
|
||||
}
|
||||
|
||||
if (update.sKodu && update.itemDim1Code) {
|
||||
if (rowKodu === update.sKodu && rowItemDim1Code === update.itemDim1Code) return true
|
||||
}
|
||||
|
||||
if (update.sKodu) {
|
||||
return rowKodu === update.sKodu
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
|
||||
function resolveExchangeRateValue (currency) {
|
||||
const normalizedCurrency = normalizePriceCurrency(currency)
|
||||
if (normalizedCurrency === 'TRY') return 1
|
||||
if (normalizedCurrency === 'USD') return parseMoneyInput(exchangeRates.value?.usdRate)
|
||||
if (normalizedCurrency === 'EUR') return parseMoneyInput(exchangeRates.value?.eurRate)
|
||||
if (normalizedCurrency === 'GBP') return parseMoneyInput(exchangeRates.value?.gbpRate)
|
||||
return 0
|
||||
}
|
||||
|
||||
function resolveInputCurrency (row) {
|
||||
return normalizePriceCurrency(row?.inputPricePrBr || row?.fiyat_doviz) || 'USD'
|
||||
}
|
||||
|
||||
function resolveNumericRowQuantity (row) {
|
||||
return parseMoneyInput(row?.miktarInput ?? row?.lMiktar)
|
||||
}
|
||||
|
||||
function resolveNumericRowInputPrice (row) {
|
||||
return parseMoneyInput(row?.inputPrice ?? row?.fiyat_girilen)
|
||||
}
|
||||
|
||||
function resolveTRYUnitPriceByInput (inputPrice, inputCurrency, usdRate, eurRate, gbpRate) {
|
||||
if (inputPrice <= 0) return 0
|
||||
if (inputCurrency === 'TRY') return inputPrice
|
||||
if (inputCurrency === 'USD') return usdRate > 0 ? inputPrice * usdRate : 0
|
||||
if (inputCurrency === 'EUR') return eurRate > 0 ? inputPrice * eurRate : 0
|
||||
if (inputCurrency === 'GBP') return gbpRate > 0 ? inputPrice * gbpRate : 0
|
||||
return 0
|
||||
}
|
||||
|
||||
function resolveUSDUnitPriceByInput (inputPrice, inputCurrency, usdRate, eurRate, gbpRate) {
|
||||
if (inputPrice <= 0) return 0
|
||||
if (inputCurrency === 'USD') return inputPrice
|
||||
if (inputCurrency === 'TRY') return usdRate > 0 ? inputPrice / usdRate : 0
|
||||
if (inputCurrency === 'EUR' || inputCurrency === 'GBP') {
|
||||
const tryEquivalent = resolveTRYUnitPriceByInput(inputPrice, inputCurrency, usdRate, eurRate, gbpRate)
|
||||
return usdRate > 0 ? tryEquivalent / usdRate : 0
|
||||
}
|
||||
return 0
|
||||
}
|
||||
|
||||
function normalizeDetailRows (items, groupName = '') {
|
||||
const list = Array.isArray(items) ? items : []
|
||||
return list.map((x, i) => ({
|
||||
...x,
|
||||
__rowKey: x?.__rowKey || `${x?.nOnMLNo || ''}-${x?.nOnMLDetNo || ''}-${i}`,
|
||||
miktarInput: x?.miktarInput ?? normalizeQuantityInput(x?.lMiktar),
|
||||
inputPrice: x?.inputPrice ?? normalizeInputPrice(x?.fiyat_girilen),
|
||||
inputPricePrBr: normalizePriceCurrency(x?.inputPricePrBr || x?.fiyat_doviz || x?.sDovizCinsi) || 'USD',
|
||||
maliyeteDahil: x?.maliyeteDahil ?? normalizeBooleanFlag(x?.maliyete_dahil ?? x?.Maliyete_dahil),
|
||||
cmPriceTypeId: normalizeCMPriceTypeId(x?.cmPriceTypeId ?? x?.cm_price_type_id, groupName || x?.sAciklama3),
|
||||
draftChanged: Boolean(x?.draftChanged),
|
||||
priceUpdateState: String(x?.priceUpdateState || '').trim()
|
||||
}))
|
||||
}
|
||||
|
||||
function normalizeDetailGroups (groups) {
|
||||
const list = Array.isArray(groups) ? groups : []
|
||||
return list.map(grp => {
|
||||
const groupName = String(grp?.sAciklama3 || '').trim()
|
||||
const items = normalizeDetailRows(grp?.items, groupName).map(row => ({
|
||||
...row,
|
||||
sAciklama3: String(grp?.sAciklama3 || row?.sAciklama3 || '').trim(),
|
||||
cmPriceTypeId: normalizeCMPriceTypeId(row?.cmPriceTypeId ?? row?.cm_price_type_id, groupName || row?.sAciklama3)
|
||||
}))
|
||||
// USD TUTAR (DESC) sıralama
|
||||
items.sort((a, b) => {
|
||||
const valA = resolveRowUSDTutar(a)
|
||||
const valB = resolveRowUSDTutar(b)
|
||||
return valB - valA
|
||||
})
|
||||
return {
|
||||
...grp,
|
||||
items
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function recalculateDetailRow (row, options = {}) {
|
||||
const quantity = resolveNumericRowQuantity(row)
|
||||
const inputPrice = resolveNumericRowInputPrice(row)
|
||||
const inputCurrency = resolveInputCurrency(row)
|
||||
const usdRate = resolveExchangeRateValue('USD')
|
||||
const eurRate = resolveExchangeRateValue('EUR')
|
||||
const gbpRate = resolveExchangeRateValue('GBP')
|
||||
const unitTRY = resolveTRYUnitPriceByInput(inputPrice, inputCurrency, usdRate, eurRate, gbpRate)
|
||||
const unitUSD = resolveUSDUnitPriceByInput(inputPrice, inputCurrency, usdRate, eurRate, gbpRate)
|
||||
const unitEUR = eurRate > 0 ? unitTRY / eurRate : 0
|
||||
const unitGBP = gbpRate > 0 ? unitTRY / gbpRate : 0
|
||||
const maliyeteDahil = normalizeBooleanFlag(row?.maliyeteDahil ?? row?.maliyete_dahil ?? row?.Maliyete_dahil)
|
||||
const cmPriceTypeId = normalizeCMPriceTypeId(row?.cmPriceTypeId ?? row?.cm_price_type_id, row?.sAciklama3)
|
||||
|
||||
row.lMiktar = quantity
|
||||
row.fiyat_girilen = inputPrice
|
||||
row.fiyat_doviz = inputCurrency
|
||||
row.inputPricePrBr = inputCurrency
|
||||
row.maliyeteDahil = maliyeteDahil
|
||||
row.maliyete_dahil = maliyeteDahil ? 1 : 0
|
||||
row.Maliyete_dahil = maliyeteDahil ? 1 : 0
|
||||
row.cmPriceTypeId = cmPriceTypeId
|
||||
row.cm_price_type_id = cmPriceTypeId
|
||||
row.sDovizCinsi = 'USD'
|
||||
row.lDovizKuru = usdRate
|
||||
row.lDovizFiyati = unitUSD
|
||||
row.lFiyat = unitTRY
|
||||
row.lTutar = unitTRY * quantity
|
||||
row.usdTutar = unitUSD * quantity
|
||||
row.eurTutar = unitEUR * quantity
|
||||
row.gbpTutar = unitGBP * quantity
|
||||
row.lTutarUSD = row.usdTutar
|
||||
row.lTutarEURO = row.eurTutar
|
||||
row.lTutarGBP = row.gbpTutar
|
||||
row.lTutarTL = row.lTutar
|
||||
|
||||
if (!options.preserveInputs) {
|
||||
row.miktarInput = normalizeQuantityInput(quantity)
|
||||
row.inputPrice = normalizeInputPrice(inputPrice)
|
||||
}
|
||||
|
||||
if (options.markChanged) {
|
||||
row.draftChanged = true
|
||||
}
|
||||
|
||||
if (options.priceType !== undefined) {
|
||||
row.sFiyatTipi = options.priceType
|
||||
}
|
||||
|
||||
if (options.updateState !== undefined) {
|
||||
row.priceUpdateState = options.updateState
|
||||
}
|
||||
|
||||
return row
|
||||
}
|
||||
|
||||
function recalculateAllDetailRows () {
|
||||
detailGroups.value = detailGroups.value.map(grp => ({
|
||||
...grp,
|
||||
items: (Array.isArray(grp?.items) ? grp.items : []).map(row => recalculateDetailRow({ ...row }, { preserveInputs: true }))
|
||||
}))
|
||||
}
|
||||
|
||||
function resolveRowTRYTutar (row) {
|
||||
const tryAmount = Number(row?.lTutar || 0)
|
||||
return Number.isFinite(tryAmount) ? tryAmount : 0
|
||||
}
|
||||
|
||||
function resolveRowEURTutar (row) {
|
||||
const eurAmount = Number(row?.eurTutar || 0)
|
||||
return Number.isFinite(eurAmount) ? eurAmount : 0
|
||||
}
|
||||
|
||||
function resolveRowGBPTutar (row) {
|
||||
const gbpAmount = Number(row?.gbpTutar || 0)
|
||||
return Number.isFinite(gbpAmount) ? gbpAmount : 0
|
||||
}
|
||||
|
||||
function resolveRowUSDTutar (row) {
|
||||
const usdAmount = Number(row?.usdTutar || 0)
|
||||
if (Number.isFinite(usdAmount)) return usdAmount
|
||||
|
||||
const miktar = resolveNumericRowQuantity(row)
|
||||
const dovizFiyati = Number(row?.lDovizFiyati || 0)
|
||||
const calc = miktar * dovizFiyati
|
||||
return Number.isFinite(calc) ? calc : 0
|
||||
}
|
||||
|
||||
function shouldIgnoreGroupMaliyeteDahil (grp) {
|
||||
return isCMGroupName(grp?.sAciklama3)
|
||||
}
|
||||
|
||||
function shouldIncludeRowInGroupTotal (grp, row) {
|
||||
return shouldIgnoreGroupMaliyeteDahil(grp) || normalizeBooleanFlag(row?.maliyeteDahil)
|
||||
}
|
||||
|
||||
function resolveGroupTRYTutar (grp) {
|
||||
const items = Array.isArray(grp?.items) ? grp.items : []
|
||||
return items.reduce((acc, row) => acc + (shouldIncludeRowInGroupTotal(grp, row) ? resolveRowTRYTutar(row) : 0), 0)
|
||||
}
|
||||
|
||||
function resolveGroupUSDTutar (grp) {
|
||||
const items = Array.isArray(grp?.items) ? grp.items : []
|
||||
return items.reduce((acc, row) => acc + (shouldIncludeRowInGroupTotal(grp, row) ? resolveRowUSDTutar(row) : 0), 0)
|
||||
}
|
||||
|
||||
function groupKey (grp, gi) {
|
||||
return `${String(grp?.sAciklama3 || 'TANIMSIZ')}-${gi}`
|
||||
}
|
||||
|
||||
function isGroupOpen (grp, gi) {
|
||||
return groupOpenState.value[groupKey(grp, gi)] !== false
|
||||
}
|
||||
|
||||
function toggleGroup (grp, gi) {
|
||||
const key = groupKey(grp, gi)
|
||||
groupOpenState.value = {
|
||||
...groupOpenState.value,
|
||||
[key]: !isGroupOpen(grp, gi)
|
||||
}
|
||||
}
|
||||
|
||||
function resolveElHeight (refVal) {
|
||||
const el = refVal?.$el || refVal
|
||||
return Number(el?.offsetHeight || 0)
|
||||
}
|
||||
|
||||
function updateStickyTop () {
|
||||
const stackH = resolveElHeight(stickyStackRef.value)
|
||||
// Quasar default header height is usually around 50px
|
||||
// If we are in a sub-layout or context where top header is not 50px, this might need adjustment
|
||||
const layoutHeader = document.querySelector('.q-header')
|
||||
const layoutHeaderH = layoutHeader ? layoutHeader.offsetHeight : 50
|
||||
subHeaderTop.value = (stackH || 0) + layoutHeaderH
|
||||
}
|
||||
|
||||
function toggleHeaderInfo () {
|
||||
headerInfoCollapsed.value = !headerInfoCollapsed.value
|
||||
nextTick(() => {
|
||||
updateStickyTop()
|
||||
})
|
||||
}
|
||||
|
||||
function onUretimSekliChange (newId) {
|
||||
if (!detailHeader.value) return
|
||||
const found = productionTypes.value.find(t => String(t.id) === String(newId))
|
||||
if (found) {
|
||||
detailHeader.value.UretimSekliID = found.id
|
||||
detailHeader.value.UretimSekli = found.aciklama
|
||||
schedulePersistLocalDraft()
|
||||
}
|
||||
}
|
||||
|
||||
function buildDetailFetchParams () {
|
||||
if (isNoCostDetail.value) {
|
||||
return {
|
||||
detail_source: 'no-cost',
|
||||
urun_kodu: productCode.value,
|
||||
recete_kodu: recipeCode.value,
|
||||
trace_id: traceId.value
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: productCode.value,
|
||||
trace_id: traceId.value
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchExchangeRatesForCostDate (targetDate = costDate.value) {
|
||||
const normalizedDate = normalizeDateInput(targetDate)
|
||||
if (!normalizedDate) {
|
||||
exchangeRates.value = createEmptyExchangeRates()
|
||||
recalculateAllDetailRows()
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await get('/pricing/production-product-costing/has-cost-detail-exchange-rates', {
|
||||
maliyet_tarihi: normalizedDate,
|
||||
trace_id: traceId.value
|
||||
})
|
||||
exchangeRates.value = normalizeExchangeRatesPayload(response, normalizedDate)
|
||||
} catch (err) {
|
||||
exchangeRates.value = {
|
||||
...createEmptyExchangeRates(),
|
||||
rateDate: normalizedDate
|
||||
}
|
||||
slog.error('production-product-costing.detail', 'exchange-rates:error', {
|
||||
trace_id: traceId.value,
|
||||
maliyet_tarihi: normalizedDate,
|
||||
detail: await extractApiErrorDetail(err)
|
||||
})
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: await extractApiErrorDetail(err),
|
||||
position: 'top-right'
|
||||
})
|
||||
} finally {
|
||||
recalculateAllDetailRows()
|
||||
}
|
||||
}
|
||||
|
||||
async function fetchDetail () {
|
||||
if (isNoCostDetail.value && !recipeCode.value) {
|
||||
detailError.value = 'Recete kodu bulunamadi'
|
||||
detailGroups.value = []
|
||||
detailHeader.value = null
|
||||
exchangeRates.value = createEmptyExchangeRates()
|
||||
return
|
||||
}
|
||||
|
||||
if (!isNoCostDetail.value && !onMLNo.value) {
|
||||
detailError.value = 'nOnMLNo bulunamadi'
|
||||
detailGroups.value = []
|
||||
detailHeader.value = null
|
||||
exchangeRates.value = createEmptyExchangeRates()
|
||||
return
|
||||
}
|
||||
|
||||
detailLoading.value = true
|
||||
detailError.value = ''
|
||||
detailGroups.value = []
|
||||
detailHeader.value = null
|
||||
costDate.value = ''
|
||||
exchangeRates.value = createEmptyExchangeRates()
|
||||
newRowSequence.value = 0
|
||||
rowEditorDialogOpen.value = false
|
||||
rowEditorMode.value = 'new'
|
||||
rowEditorTargetRowKey.value = ''
|
||||
rowEditorForm.value = createRowEditorForm()
|
||||
rowEditorHammaddeAllOptions.value = []
|
||||
rowEditorHammaddeOptions.value = []
|
||||
rowEditorHammaddeLoading.value = false
|
||||
rowEditorItemAllOptions.value = []
|
||||
rowEditorItemOptions.value = []
|
||||
rowEditorItemLoading.value = false
|
||||
rowEditorColorAllOptions.value = []
|
||||
rowEditorColorOptions.value = []
|
||||
rowEditorColorLoading.value = false
|
||||
lineHistoryDialogOpen.value = false
|
||||
lineHistoryLoading.value = false
|
||||
lineHistoryError.value = ''
|
||||
lineHistoryRows.value = []
|
||||
lineHistoryTargetRowKey.value = ''
|
||||
lineHistoryTargetHammaddeTuruNo.value = ''
|
||||
lineHistoryTargetItemCode.value = ''
|
||||
lineHistoryTargetSummary.value = ''
|
||||
lineHistorySearchMode.value = 'exact'
|
||||
lineHistoryLastPurchaseMatchStage.value = ''
|
||||
lineHistoryLastRecipeMatchStage.value = ''
|
||||
|
||||
try {
|
||||
const detailParams = buildDetailFetchParams()
|
||||
slog.info('production-product-costing.detail', 'fetch-detail:start', {
|
||||
trace_id: traceId.value,
|
||||
detail_source: detailSource.value || 'has-cost',
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: productCode.value,
|
||||
recete_kodu: recipeCode.value
|
||||
})
|
||||
const [headerData, groupsData, typesData] = await Promise.all([
|
||||
get('/pricing/production-product-costing/has-cost-detail-header', detailParams),
|
||||
get('/pricing/production-product-costing/has-cost-detail-groups', detailParams),
|
||||
get('/pricing/production-product-costing/production-types', {
|
||||
trace_id: traceId.value
|
||||
})
|
||||
])
|
||||
detailHeader.value = headerData && typeof headerData === 'object' ? headerData : null
|
||||
productionTypes.value = Array.isArray(typesData) ? typesData : []
|
||||
costDate.value = normalizeDateInput(detailHeader.value?.dteKayitTarihi)
|
||||
detailGroups.value = normalizeDetailGroups(groupsData)
|
||||
initialHeaderSnapshot.value = currentHeaderSnapshot.value
|
||||
// Optional: hydrate local draft after base data load.
|
||||
tryHydrateFromLocalDraft()
|
||||
// ensure required placeholder rows exist (based on mapping screen)
|
||||
try {
|
||||
const mappings = await fetchRequiredParcaMappings()
|
||||
ensureNoCostRequiredRowsFromMappings(mappings)
|
||||
} catch (err) {
|
||||
slog.error('production-product-costing.detail', 'required-mapping:error', {
|
||||
trace_id: traceId.value,
|
||||
detail: await extractApiErrorDetail(err)
|
||||
})
|
||||
}
|
||||
const initialOpen = {}
|
||||
detailGroups.value.forEach((grp, gi) => {
|
||||
initialOpen[groupKey(grp, gi)] = true
|
||||
})
|
||||
groupOpenState.value = initialOpen
|
||||
slog.info('production-product-costing.detail', 'fetch-detail:ok', {
|
||||
trace_id: traceId.value,
|
||||
detail_source: detailSource.value || 'has-cost',
|
||||
group_count: detailGroups.value.length,
|
||||
item_count: flatDetailRows.value.length,
|
||||
urun_kodu: detailHeader.value?.UrunKodu || productCode.value,
|
||||
n_urt_recete_id: detailHeader.value?.nUrtReceteID || ''
|
||||
})
|
||||
} catch (err) {
|
||||
detailError.value = await extractApiErrorDetail(err)
|
||||
slog.error('production-product-costing.detail', 'fetch-detail:error', {
|
||||
trace_id: traceId.value,
|
||||
detail_source: detailSource.value || 'has-cost',
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: productCode.value,
|
||||
recete_kodu: recipeCode.value,
|
||||
detail: detailError.value
|
||||
})
|
||||
} finally {
|
||||
detailLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function goBack () {
|
||||
if (isNoCostDetail.value) {
|
||||
router.push({ name: 'production-product-costing-no-cost' })
|
||||
return
|
||||
}
|
||||
|
||||
const urunKodu = productCode.value
|
||||
if (!urunKodu) {
|
||||
router.push({ name: 'production-product-costing-has-cost' })
|
||||
return
|
||||
}
|
||||
router.push({
|
||||
name: 'production-product-costing-has-cost-history',
|
||||
query: { urun_kodu: urunKodu }
|
||||
})
|
||||
}
|
||||
|
||||
function buildDetailItemRequestPayload (row) {
|
||||
return {
|
||||
__rowKey: row.__rowKey,
|
||||
n_onml_no: String(row?.nOnMLNo || detailHeader.value?.nOnMLNo || onMLNo.value || '').trim(),
|
||||
n_onml_det_no: String(row?.nOnMLDetNo || '').trim(),
|
||||
n_hammadde_turu_no: String(row?.nHammaddeTuruNo || '').trim(),
|
||||
s_kodu: String(row?.sKodu || '').trim(),
|
||||
s_aciklama: String(row?.sAciklama || '').trim(),
|
||||
s_renk: String(row?.sRenk || '').trim(),
|
||||
color_code: String(firstDefinedValue(row, ['ColorCode', 'colorCode', 'sRenk', 's_renk'])).trim(),
|
||||
color_description: String(firstDefinedValue(row, ['ColorDescription', 'colorDescription', 'sRenkAdi', 's_renk_adi'])).trim(),
|
||||
item_dim1_code: String(firstDefinedValue(row, ['ItemDim1Code', 'itemDim1Code', 'sBeden', 's_beden'])).trim(),
|
||||
item_dim1_description: String(firstDefinedValue(row, ['ItemDim1Description', 'itemDim1Description', 'sAciklama2', 's_aciklama2'])).trim(),
|
||||
s_birim: String(row?.sBirim || '').trim(),
|
||||
l_miktar: resolveNumericRowQuantity(row),
|
||||
fiyat_girilen: resolveNumericRowInputPrice(row),
|
||||
fiyat_doviz: resolveInputCurrency(row),
|
||||
maliyete_dahil: row?.maliyeteDahil ? 1 : 0,
|
||||
cm_price_type_id: normalizeCMPriceTypeId(row?.cmPriceTypeId ?? row?.cm_price_type_id, row?.sAciklama3)
|
||||
}
|
||||
}
|
||||
|
||||
function applyPriceSelectionToRow (targetRowKey, price, currency, priceType) {
|
||||
const normalizedCurrency = normalizePriceCurrency(currency) || 'USD'
|
||||
const normalizedPrice = parseMoneyInput(price)
|
||||
const finalPriceType = priceType || 'SAF'
|
||||
|
||||
detailGroups.value = detailGroups.value.map(grp => ({
|
||||
...grp,
|
||||
items: (Array.isArray(grp?.items) ? grp.items : []).map(row => {
|
||||
if (row.__rowKey !== targetRowKey) return row
|
||||
return recalculateDetailRow({
|
||||
...row,
|
||||
inputPrice: normalizeInputPrice(normalizedPrice),
|
||||
fiyat_girilen: normalizedPrice,
|
||||
inputPricePrBr: normalizedCurrency,
|
||||
fiyat_doviz: normalizedCurrency
|
||||
}, {
|
||||
priceType: finalPriceType,
|
||||
updateState: 'selection',
|
||||
markChanged: true
|
||||
})
|
||||
})
|
||||
}))
|
||||
}
|
||||
|
||||
async function fetchSimilarItemHistory (mode = 'prefix') {
|
||||
if (mode === 'exact') {
|
||||
const row = flatDetailRows.value.find(r => r.__rowKey === lineHistoryTargetRowKey.value)
|
||||
if (row) {
|
||||
await openLineHistory(row)
|
||||
}
|
||||
return
|
||||
}
|
||||
|
||||
if (!lineHistoryTargetHammaddeTuruNo.value && !lineHistoryTargetItemCode.value) return
|
||||
|
||||
const normalizedMode = mode === 'alternative' ? 'alternative' : 'prefix'
|
||||
lineHistorySearchMode.value = normalizedMode
|
||||
lineHistoryLoading.value = true
|
||||
lineHistoryError.value = ''
|
||||
|
||||
try {
|
||||
slog.info('production-product-costing.detail', 'line-history-similar:start', {
|
||||
trace_id: traceId.value,
|
||||
search_mode: normalizedMode,
|
||||
n_hammadde_turu_no: lineHistoryTargetHammaddeTuruNo.value,
|
||||
s_kodu: lineHistoryTargetItemCode.value,
|
||||
maliyet_tarihi: costDate.value,
|
||||
limit: LINE_HISTORY_ROW_LIMIT
|
||||
})
|
||||
|
||||
const response = await get('/pricing/production-product-costing/has-cost-detail-similar-history', {
|
||||
n_hammadde_turu_no: lineHistoryTargetHammaddeTuruNo.value,
|
||||
s_kodu: lineHistoryTargetItemCode.value,
|
||||
maliyet_tarihi: costDate.value,
|
||||
limit: LINE_HISTORY_ROW_LIMIT,
|
||||
search_mode: normalizedMode,
|
||||
trace_id: traceId.value
|
||||
})
|
||||
|
||||
lineHistoryRows.value = normalizeLineHistoryRows(response)
|
||||
lineHistoryLastPurchaseMatchStage.value = String(response?.purchase_match_stage || '').trim()
|
||||
lineHistoryLastRecipeMatchStage.value = String(response?.recipe_match_stage || '').trim()
|
||||
slog.info('production-product-costing.detail', 'line-history-similar:ok', {
|
||||
trace_id: traceId.value,
|
||||
search_mode: normalizedMode,
|
||||
purchase_match_stage: response?.purchase_match_stage || '',
|
||||
recipe_match_stage: response?.recipe_match_stage || '',
|
||||
similar_code_prefix: response?.similar_code_prefix || '',
|
||||
row_count: lineHistoryRows.value.length
|
||||
})
|
||||
|
||||
if (lineHistoryRows.value.length === 0) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Bu hammadde türü için de benzer ürün kaydı bulunamadı.',
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
} catch (err) {
|
||||
lineHistoryError.value = await extractApiErrorDetail(err)
|
||||
slog.error('production-product-costing.detail', 'line-history-similar:error', {
|
||||
trace_id: traceId.value,
|
||||
search_mode: normalizedMode,
|
||||
n_hammadde_turu_no: lineHistoryTargetHammaddeTuruNo.value,
|
||||
s_kodu: lineHistoryTargetItemCode.value,
|
||||
error: lineHistoryError.value
|
||||
})
|
||||
} finally {
|
||||
lineHistoryLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function onRowQuantityInput (row, value) {
|
||||
row.miktarInput = value
|
||||
recalculateDetailRow(row, {
|
||||
preserveInputs: true,
|
||||
markChanged: true
|
||||
})
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function triggerUIUpdate () {
|
||||
detailGroups.value = [...detailGroups.value]
|
||||
}
|
||||
|
||||
function normalizeRowQuantityDisplay (row) {
|
||||
row.miktarInput = normalizeQuantityInput(row?.miktarInput)
|
||||
recalculateDetailRow(row, {
|
||||
preserveInputs: true
|
||||
})
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function onRowInputPriceChange (row, value) {
|
||||
row.inputPrice = value
|
||||
recalculateDetailRow(row, {
|
||||
preserveInputs: true,
|
||||
priceType: 'MAN',
|
||||
updateState: 'manual',
|
||||
markChanged: true
|
||||
})
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function normalizeRowPriceDisplay (row) {
|
||||
row.inputPrice = normalizeInputPrice(row?.inputPrice)
|
||||
recalculateDetailRow(row, {
|
||||
preserveInputs: true
|
||||
})
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function onRowInputPriceCurrencyChange (row, value) {
|
||||
row.inputPricePrBr = normalizePriceCurrency(value) || 'USD'
|
||||
recalculateDetailRow(row, {
|
||||
preserveInputs: true,
|
||||
priceType: 'MAN',
|
||||
updateState: 'manual',
|
||||
markChanged: true
|
||||
})
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function onRowMaliyeteDahilChange (row, value) {
|
||||
row.maliyeteDahil = Boolean(value)
|
||||
row.maliyete_dahil = value ? 1 : 0
|
||||
row.Maliyete_dahil = value ? 1 : 0
|
||||
row.draftChanged = true
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
function onRowCMPriceTypeChange (row, value) {
|
||||
row.cmPriceTypeId = isCMGroupName(row?.sAciklama3) ? (value ? 2 : 1) : null
|
||||
row.cm_price_type_id = row.cmPriceTypeId
|
||||
row.draftChanged = true
|
||||
schedulePersistLocalDraft()
|
||||
triggerUIUpdate()
|
||||
}
|
||||
|
||||
async function fetchBulkItemPrices () {
|
||||
const flatRows = detailGroups.value.flatMap(grp => Array.isArray(grp?.items) ? grp.items : [])
|
||||
if (flatRows.length === 0) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Toplu fiyat cagrisi icin satir bulunamadi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
bulkPriceLoading.value = true
|
||||
try {
|
||||
const response = await post('/pricing/production-product-costing/has-cost-detail-bulk-prices', {
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: detailHeader.value?.UrunKodu || productCode.value,
|
||||
n_urt_recete_id: detailHeader.value?.nUrtReceteID || '',
|
||||
maliyet_tarihi: costDate.value,
|
||||
items: flatRows.map(buildDetailItemRequestPayload)
|
||||
}, {
|
||||
params: {
|
||||
trace_id: traceId.value
|
||||
}
|
||||
})
|
||||
|
||||
const updates = normalizeBulkPriceItems(response)
|
||||
if (updates.length === 0) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Toplu fiyat cagrisindan uygulanacak veri donmedi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
let appliedCount = 0
|
||||
detailGroups.value = detailGroups.value.map(grp => ({
|
||||
...grp,
|
||||
items: (Array.isArray(grp?.items) ? grp.items : []).map(row => {
|
||||
const match = updates.find(update => rowMatchesBulkUpdate(row, update))
|
||||
if (!match) return row
|
||||
appliedCount += 1
|
||||
return recalculateDetailRow({
|
||||
...row,
|
||||
inputPrice: match.inputPrice,
|
||||
fiyat_girilen: match.fiyat_girilen,
|
||||
inputPricePrBr: match.inputPricePrBr,
|
||||
fiyat_doviz: match.fiyat_doviz
|
||||
}, {
|
||||
priceType: match.priceType || 'SAF',
|
||||
updateState: 'bulk',
|
||||
markChanged: true
|
||||
})
|
||||
})
|
||||
}))
|
||||
|
||||
$q.notify({
|
||||
type: appliedCount > 0 ? 'positive' : 'warning',
|
||||
message: appliedCount > 0
|
||||
? `${appliedCount} kalemin fiyat ve pr. br. bilgisi guncellendi.`
|
||||
: 'Donen veriler satirlarla eslestirilemedi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
} catch (err) {
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: await extractApiErrorDetail(err),
|
||||
position: 'top-right'
|
||||
})
|
||||
} finally {
|
||||
bulkPriceLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function openLineHistory (row) {
|
||||
const rowCode = String(row?.sKodu || '').trim()
|
||||
if (!rowCode) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'History acmak icin satirda kod bilgisi olmali.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
lineHistoryDialogOpen.value = true
|
||||
lineHistoryLoading.value = true
|
||||
lineHistoryError.value = ''
|
||||
lineHistoryRows.value = []
|
||||
lineHistoryTargetRowKey.value = row.__rowKey
|
||||
lineHistoryTargetHammaddeTuruNo.value = String(row?.nHammaddeTuruNo || '').trim()
|
||||
lineHistoryTargetItemCode.value = rowCode
|
||||
lineHistoryTargetSummary.value = `${rowCode} | ${String(row?.sAciklama || '').trim() || 'TANIMSIZ'}`
|
||||
lineHistorySearchMode.value = 'exact'
|
||||
lineHistoryLastPurchaseMatchStage.value = ''
|
||||
lineHistoryLastRecipeMatchStage.value = ''
|
||||
|
||||
try {
|
||||
const response = await get('/pricing/production-product-costing/has-cost-detail-line-history', {
|
||||
n_onml_no: onMLNo.value,
|
||||
urun_kodu: detailHeader.value?.UrunKodu || productCode.value,
|
||||
n_urt_recete_id: detailHeader.value?.nUrtReceteID || '',
|
||||
n_onml_det_no: String(row?.nOnMLDetNo || '').trim(),
|
||||
n_hammadde_turu_no: String(row?.nHammaddeTuruNo || '').trim(),
|
||||
s_kodu: rowCode,
|
||||
s_renk: String(row?.sRenk || '').trim(),
|
||||
color_code: String(firstDefinedValue(row, ['ColorCode', 'colorCode', 'sRenk', 's_renk'])).trim(),
|
||||
item_dim1_code: String(firstDefinedValue(row, ['ItemDim1Code', 'itemDim1Code', 'sBeden', 's_beden'])).trim(),
|
||||
maliyet_tarihi: costDate.value,
|
||||
trace_id: traceId.value
|
||||
})
|
||||
lineHistoryRows.value = normalizeLineHistoryRows(response)
|
||||
} catch (err) {
|
||||
lineHistoryError.value = await extractApiErrorDetail(err)
|
||||
} finally {
|
||||
lineHistoryLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
function onDetailRowClick (evt, row) {
|
||||
// Grid satırı tıklanabilir değil, artık ikonlar ve butonlar kullanılıyor.
|
||||
}
|
||||
|
||||
function applyLineHistorySelection (historyRow) {
|
||||
applyPriceSelectionToRow(lineHistoryTargetRowKey.value, historyRow?.price, historyRow?.currency, historyRow?.priceType)
|
||||
lineHistoryDialogOpen.value = false
|
||||
$q.notify({
|
||||
type: 'positive',
|
||||
message: 'Secilen history fiyati satira uygulandi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
|
||||
function resolveDetailRowClass (row) {
|
||||
const key = String(row?.__rowKey || '').trim()
|
||||
if (key && requiredAttentionRowKeys.value?.[key]) return 'pcd-detail-row-required'
|
||||
if (row?.requiredPlaceholder) return 'pcd-detail-row-required'
|
||||
return row?.draftChanged ? 'pcd-detail-row-secondary' : ''
|
||||
}
|
||||
|
||||
async function bootstrapRowEditorOptions () {
|
||||
try {
|
||||
const hammaddeSearch = String(rowEditorForm.value.nHammaddeTuruNo || '').trim()
|
||||
const itemSearch = String(rowEditorForm.value.sKodu || '').trim()
|
||||
const colorSearch = String(rowEditorForm.value.ColorCode || '').trim()
|
||||
const [hammaddeRows, itemRows] = await Promise.all([
|
||||
refreshRowEditorOptions('hammadde', hammaddeSearch),
|
||||
itemSearch.length >= ROW_EDITOR_ITEM_MIN_SEARCH_LENGTH
|
||||
? refreshRowEditorOptions('item', itemSearch)
|
||||
: Promise.resolve([])
|
||||
])
|
||||
if (itemSearch.length < ROW_EDITOR_ITEM_MIN_SEARCH_LENGTH) {
|
||||
rowEditorItemAllOptions.value = []
|
||||
rowEditorItemOptions.value = []
|
||||
primeRowEditorOptionsFromForm()
|
||||
}
|
||||
const selectedHammadde = hammaddeRows.find(opt => String(opt?.value || '') === hammaddeSearch)
|
||||
if (selectedHammadde) {
|
||||
rowEditorForm.value.sHammaddeTuruAdi = String(selectedHammadde.sHammaddeTuruAdi || rowEditorForm.value.sHammaddeTuruAdi || '').trim()
|
||||
rowEditorForm.value.sAciklama3 = String(selectedHammadde.sAciklama3 || rowEditorForm.value.sAciklama3 || 'TANIMSIZ').trim() || 'TANIMSIZ'
|
||||
rowEditorForm.value.sParcaAdi = String(selectedHammadde.sParcaAdi || selectedHammadde.sAciklama3 || rowEditorForm.value.sParcaAdi || '').trim()
|
||||
}
|
||||
const selectedItem = itemRows.find(opt => String(opt?.value || '') === itemSearch)
|
||||
if (selectedItem) {
|
||||
rowEditorForm.value.nStokID = String(selectedItem.nStokID || rowEditorForm.value.nStokID || '').trim()
|
||||
rowEditorForm.value.sModel = String(selectedItem.sModel || rowEditorForm.value.sModel || '').trim()
|
||||
rowEditorForm.value.sAciklama = String(selectedItem.sAciklama || rowEditorForm.value.sAciklama || '').trim()
|
||||
rowEditorForm.value.sBirim = extractPrimaryUnitValue(selectedItem.sBirim || rowEditorForm.value.sBirim || 'AD') || 'AD'
|
||||
}
|
||||
await refreshRowEditorOptions('color', colorSearch)
|
||||
primeRowEditorOptionsFromForm()
|
||||
} catch (err) {
|
||||
rowEditorHammaddeAllOptions.value = []
|
||||
rowEditorHammaddeOptions.value = []
|
||||
rowEditorItemAllOptions.value = []
|
||||
rowEditorItemOptions.value = []
|
||||
rowEditorColorAllOptions.value = []
|
||||
rowEditorColorOptions.value = []
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: await extractApiErrorDetail(err),
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function onRowEditorHammaddeChange (value) {
|
||||
const selected = rowEditorHammaddeOptions.value.find(opt => String(opt?.value || '') === String(value || ''))
|
||||
rowEditorForm.value.nHammaddeTuruNo = String(value || '').trim()
|
||||
if (!selected) return
|
||||
rowEditorForm.value.sHammaddeTuruAdi = String(selected.sHammaddeTuruAdi || '').trim()
|
||||
rowEditorForm.value.sAciklama3 = String(selected.sAciklama3 || 'TANIMSIZ').trim() || 'TANIMSIZ'
|
||||
rowEditorForm.value.sParcaAdi = String(selected.sParcaAdi || selected.sAciklama3 || '').trim()
|
||||
if (!isCMGroupName(rowEditorForm.value.sAciklama3)) {
|
||||
rowEditorForm.value.cmPriceTypeChecked = false
|
||||
}
|
||||
}
|
||||
|
||||
async function onRowEditorItemChange (value) {
|
||||
const selected = rowEditorItemOptions.value.find(opt => String(opt?.value || '') === String(value || ''))
|
||||
rowEditorForm.value.sKodu = String(value || '').trim()
|
||||
if (!selected) return
|
||||
const previousColorCode = String(rowEditorForm.value.ColorCode || '').trim()
|
||||
rowEditorForm.value.nStokID = String(selected.nStokID || '').trim()
|
||||
rowEditorForm.value.sModel = String(selected.sModel || '').trim()
|
||||
rowEditorForm.value.sAciklama = String(selected.sAciklama || '').trim()
|
||||
rowEditorForm.value.sBirim = extractPrimaryUnitValue(selected.sBirim || rowEditorForm.value.sBirim || 'AD') || 'AD'
|
||||
rowEditorForm.value.ColorCode = ''
|
||||
rowEditorForm.value.sRenk = ''
|
||||
rowEditorForm.value.ColorDescription = ''
|
||||
try {
|
||||
await refreshRowEditorOptions('color', previousColorCode)
|
||||
} catch (err) {
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: `Renk lookup getirilemedi: ${await extractApiErrorDetail(err)}`,
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
const matchedColor = rowEditorColorOptions.value.find(opt => String(opt?.value || '') === previousColorCode)
|
||||
if (matchedColor) {
|
||||
rowEditorForm.value.ColorCode = previousColorCode
|
||||
rowEditorForm.value.sRenk = previousColorCode
|
||||
rowEditorForm.value.ColorDescription = String(matchedColor.colorDescription || '').trim()
|
||||
}
|
||||
}
|
||||
|
||||
function onRowEditorColorChange (value) {
|
||||
const selected = rowEditorColorOptions.value.find(opt => String(opt?.value || '') === String(value || ''))
|
||||
const normalizedValue = String(value || '').trim()
|
||||
rowEditorForm.value.ColorCode = normalizedValue
|
||||
rowEditorForm.value.sRenk = normalizedValue
|
||||
if (!selected) return
|
||||
rowEditorForm.value.ColorDescription = String(selected.colorDescription || '').trim()
|
||||
}
|
||||
|
||||
function buildRowFromEditorForm () {
|
||||
const form = rowEditorForm.value
|
||||
const existingRow = flatDetailRows.value.find(row => row.__rowKey === rowEditorTargetRowKey.value)
|
||||
const cmPriceTypeId = normalizeCMPriceTypeId(form.cmPriceTypeChecked ? 2 : 1, form.sAciklama3)
|
||||
if (!existingRow) {
|
||||
newRowSequence.value += 1
|
||||
}
|
||||
|
||||
return recalculateDetailRow({
|
||||
...(existingRow || {}),
|
||||
__rowKey: existingRow?.__rowKey || `new-editor-row-${newRowSequence.value}`,
|
||||
isNew: Boolean(existingRow?.isNew) || rowEditorMode.value === 'new',
|
||||
nOnMLNo: detailHeader.value?.nOnMLNo || onMLNo.value || '',
|
||||
nStokID: String(form.nStokID || '').trim(),
|
||||
sModel: String(form.sModel || '').trim(),
|
||||
nOnMLDetNo: String(form.nOnMLDetNo || '').trim(),
|
||||
sParcaAdi: String(form.sParcaAdi || form.sAciklama3 || '').trim(),
|
||||
sAciklama3: String(form.sAciklama3 || form.sParcaAdi || 'TANIMSIZ').trim() || 'TANIMSIZ',
|
||||
nHammaddeTuruNo: String(form.nHammaddeTuruNo || '').trim(),
|
||||
sHammaddeTuruAdi: String(form.sHammaddeTuruAdi || '').trim(),
|
||||
sKodu: String(form.sKodu || '').trim(),
|
||||
sAciklama: String(form.sAciklama || '').trim(),
|
||||
sRenk: String(form.sRenk || form.ColorCode || '').trim(),
|
||||
ColorCode: String(form.ColorCode || form.sRenk || '').trim(),
|
||||
ColorDescription: String(form.ColorDescription || '').trim(),
|
||||
lMiktar: parseMoneyInput(form.miktarInput),
|
||||
miktarInput: normalizeQuantityInput(form.miktarInput),
|
||||
inputPrice: normalizeInputPrice(form.inputPrice),
|
||||
inputPricePrBr: normalizePriceCurrency(form.inputPricePrBr) || 'USD',
|
||||
fiyat_girilen: parseMoneyInput(form.inputPrice),
|
||||
fiyat_doviz: normalizePriceCurrency(form.inputPricePrBr) || 'USD',
|
||||
maliyeteDahil: Boolean(form.maliyeteDahil),
|
||||
maliyete_dahil: form.maliyeteDahil ? 1 : 0,
|
||||
Maliyete_dahil: form.maliyeteDahil ? 1 : 0,
|
||||
cmPriceTypeId,
|
||||
cm_price_type_id: cmPriceTypeId,
|
||||
sBirim: String(form.sBirim || 'AD').trim() || 'AD',
|
||||
draftChanged: true
|
||||
}, {
|
||||
preserveInputs: true,
|
||||
priceType: 'MAN',
|
||||
updateState: 'editor',
|
||||
markChanged: true
|
||||
})
|
||||
}
|
||||
|
||||
function applyEditorRowToGroups (nextRow) {
|
||||
const targetGroupName = String(nextRow?.sAciklama3 || 'TANIMSIZ').trim() || 'TANIMSIZ'
|
||||
const nextGroups = detailGroups.value
|
||||
.map(grp => ({
|
||||
...grp,
|
||||
items: (Array.isArray(grp?.items) ? grp.items : []).filter(row => row.__rowKey !== nextRow.__rowKey)
|
||||
}))
|
||||
.filter(grp => (Array.isArray(grp?.items) ? grp.items.length : 0) > 0 || String(grp?.sAciklama3 || '').trim() === targetGroupName)
|
||||
|
||||
const targetIndex = nextGroups.findIndex(grp => String(grp?.sAciklama3 || '').trim() === targetGroupName)
|
||||
if (targetIndex >= 0) {
|
||||
nextGroups[targetIndex] = {
|
||||
...nextGroups[targetIndex],
|
||||
items: [...(Array.isArray(nextGroups[targetIndex].items) ? nextGroups[targetIndex].items : []), nextRow]
|
||||
.sort((left, right) => parseInt(String(left?.nOnMLDetNo || '0'), 10) - parseInt(String(right?.nOnMLDetNo || '0'), 10))
|
||||
}
|
||||
} else {
|
||||
nextGroups.push({
|
||||
sAciklama3: targetGroupName,
|
||||
totalTutar: 0,
|
||||
totalUSDTutar: 0,
|
||||
items: [nextRow]
|
||||
})
|
||||
}
|
||||
|
||||
detailGroups.value = nextGroups
|
||||
syncAllGroupsOpen()
|
||||
schedulePersistLocalDraft()
|
||||
}
|
||||
|
||||
function syncAllGroupsOpen () {
|
||||
const openState = {}
|
||||
detailGroups.value.forEach((grp, gi) => {
|
||||
openState[groupKey(grp, gi)] = true
|
||||
})
|
||||
groupOpenState.value = openState
|
||||
}
|
||||
|
||||
function normalizeHammaddeNo (value) {
|
||||
return String(value || '').trim()
|
||||
}
|
||||
|
||||
function normalizeGroupName (value) {
|
||||
return String(value || 'TANIMSIZ').trim() || 'TANIMSIZ'
|
||||
}
|
||||
|
||||
async function fetchRequiredParcaMappings () {
|
||||
const ana = String(detailHeader.value?.UrunAnaGrubu || '').trim()
|
||||
const alt = String(detailHeader.value?.UrunAltGrubu || '').trim()
|
||||
if (!ana || !alt) return []
|
||||
|
||||
const data = await get('/pricing/production-product-costing/maliyet-parca-eslestirme', {
|
||||
trace_id: traceId.value,
|
||||
only_active: 1,
|
||||
urun_ana_grubu: ana,
|
||||
urun_alt_grubu: alt
|
||||
})
|
||||
return Array.isArray(data) ? data : []
|
||||
}
|
||||
|
||||
function ensureNoCostRequiredRowsFromMappings (mappings) {
|
||||
const list = Array.isArray(mappings) ? mappings : []
|
||||
requiredParcaMappings.value = list
|
||||
if (list.length === 0) return
|
||||
|
||||
// Add missing placeholder rows (qty=1, price=0) to remind user
|
||||
list.forEach(mapping => {
|
||||
const groupName = normalizeGroupName(mapping?.parcaBolumAdi || mapping?.mtBolumAdi || mapping?.sAciklama3)
|
||||
const hList = Array.isArray(mapping?.nHammaddeTurleri) ? mapping.nHammaddeTurleri : []
|
||||
hList.forEach(hNoRaw => {
|
||||
const hNo = normalizeHammaddeNo(hNoRaw)
|
||||
if (!hNo) return
|
||||
|
||||
const exists = flatDetailRows.value.some(r =>
|
||||
normalizeGroupName(r?.sAciklama3) === groupName &&
|
||||
normalizeHammaddeNo(r?.nHammaddeTuruNo) === hNo
|
||||
)
|
||||
if (exists) return
|
||||
|
||||
newRowSequence.value += 1
|
||||
const rowKey = `req-auto-row-${newRowSequence.value}`
|
||||
const placeholder = recalculateDetailRow({
|
||||
__rowKey: rowKey,
|
||||
isNew: true,
|
||||
nOnMLNo: detailHeader.value?.nOnMLNo || onMLNo.value || '',
|
||||
nOnMLDetNo: '',
|
||||
sParcaAdi: groupName,
|
||||
sAciklama3: groupName,
|
||||
nHammaddeTuruNo: hNo,
|
||||
sHammaddeTuruAdi: '',
|
||||
sKodu: '',
|
||||
sAciklama: '',
|
||||
sRenk: '',
|
||||
ColorCode: '',
|
||||
ColorDescription: '',
|
||||
lMiktar: 1,
|
||||
miktarInput: '1',
|
||||
inputPrice: '0',
|
||||
inputPricePrBr: 'USD',
|
||||
fiyat_girilen: 0,
|
||||
fiyat_doviz: 'USD',
|
||||
maliyeteDahil: true,
|
||||
maliyete_dahil: 1,
|
||||
Maliyete_dahil: 1,
|
||||
cmPriceTypeId: normalizeCMPriceTypeId(1, groupName),
|
||||
cm_price_type_id: normalizeCMPriceTypeId(1, groupName),
|
||||
sBirim: 'AD',
|
||||
draftChanged: true,
|
||||
requiredPlaceholder: true
|
||||
}, {
|
||||
preserveInputs: true,
|
||||
priceType: 'REQ',
|
||||
updateState: 'required',
|
||||
markChanged: true
|
||||
})
|
||||
|
||||
applyEditorRowToGroups(placeholder)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function computeMissingRequiredSlots () {
|
||||
const list = Array.isArray(requiredParcaMappings.value) ? requiredParcaMappings.value : []
|
||||
const missing = []
|
||||
if (list.length === 0) return missing
|
||||
|
||||
list.forEach(mapping => {
|
||||
const groupName = normalizeGroupName(mapping?.parcaBolumAdi || mapping?.mtBolumAdi || mapping?.sAciklama3)
|
||||
const hList = Array.isArray(mapping?.nHammaddeTurleri) ? mapping.nHammaddeTurleri : []
|
||||
hList.forEach(hNoRaw => {
|
||||
const hNo = normalizeHammaddeNo(hNoRaw)
|
||||
if (!hNo) return
|
||||
|
||||
const match = flatDetailRows.value.find(r =>
|
||||
normalizeGroupName(r?.sAciklama3) === groupName &&
|
||||
normalizeHammaddeNo(r?.nHammaddeTuruNo) === hNo
|
||||
)
|
||||
const price = resolveNumericRowInputPrice(match)
|
||||
if (!match || !(price > 0)) {
|
||||
missing.push({ groupName, nHammaddeTuruNo: hNo, rowKey: match?.__rowKey || '' })
|
||||
}
|
||||
})
|
||||
})
|
||||
return missing
|
||||
}
|
||||
|
||||
function removeDetailRowByKey (rowKey) {
|
||||
const normalizedRowKey = String(rowKey || '').trim()
|
||||
if (!normalizedRowKey) return false
|
||||
|
||||
const existingRow = flatDetailRows.value.find(r => String(r?.__rowKey || '').trim() === normalizedRowKey)
|
||||
|
||||
const nextGroups = detailGroups.value
|
||||
.map(grp => ({
|
||||
...grp,
|
||||
items: (Array.isArray(grp?.items) ? grp.items : []).filter(row => row.__rowKey !== normalizedRowKey)
|
||||
}))
|
||||
.filter(grp => (Array.isArray(grp?.items) ? grp.items.length : 0) > 0)
|
||||
|
||||
const hasChanged = nextGroups.length !== detailGroups.value.length ||
|
||||
nextGroups.some((grp, index) => (grp?.items?.length || 0) !== (detailGroups.value[index]?.items?.length || 0))
|
||||
|
||||
if (!hasChanged) return false
|
||||
|
||||
detailGroups.value = nextGroups
|
||||
syncAllGroupsOpen()
|
||||
if (existingRow && !existingRow?.isNew) {
|
||||
deletedDetailRows.value = [
|
||||
...(Array.isArray(deletedDetailRows.value) ? deletedDetailRows.value : []),
|
||||
{
|
||||
__rowKey: normalizedRowKey,
|
||||
nOnMLNo: String(existingRow?.nOnMLNo || '').trim(),
|
||||
nOnMLDetNo: String(existingRow?.nOnMLDetNo || '').trim(),
|
||||
nHammaddeTuruNo: String(existingRow?.nHammaddeTuruNo || '').trim(),
|
||||
sKodu: String(existingRow?.sKodu || '').trim(),
|
||||
sRenk: String(existingRow?.sRenk || '').trim()
|
||||
}
|
||||
]
|
||||
}
|
||||
schedulePersistLocalDraft()
|
||||
return true
|
||||
}
|
||||
|
||||
function openNewRowDialog () {
|
||||
if (!detailHeader.value) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Yeni satir eklemek icin once detay verisi olmali.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
rowEditorMode.value = 'new'
|
||||
rowEditorTargetRowKey.value = ''
|
||||
rowEditorForm.value = createRowEditorForm({
|
||||
isNew: true,
|
||||
nOnMLDetNo: getNextDetailNo(),
|
||||
inputPricePrBr: normalizePriceCurrency(detailHeader.value?.sDovizCinsi) || 'USD',
|
||||
maliyeteDahil: true,
|
||||
sBirim: 'AD'
|
||||
})
|
||||
primeRowEditorOptionsFromForm()
|
||||
rowEditorDialogOpen.value = true
|
||||
void bootstrapRowEditorOptions()
|
||||
}
|
||||
|
||||
function openRowEditorForEdit (row) {
|
||||
rowEditorMode.value = 'edit'
|
||||
rowEditorTargetRowKey.value = String(row?.__rowKey || '').trim()
|
||||
rowEditorForm.value = createRowEditorForm({
|
||||
...row,
|
||||
sAciklama3: row?.sAciklama3 || ''
|
||||
})
|
||||
primeRowEditorOptionsFromForm()
|
||||
rowEditorDialogOpen.value = true
|
||||
void bootstrapRowEditorOptions()
|
||||
}
|
||||
|
||||
function deleteRowEditor () {
|
||||
const targetRowKey = String(rowEditorTargetRowKey.value || rowEditorForm.value.__rowKey || '').trim()
|
||||
if (!targetRowKey) return
|
||||
|
||||
$q.dialog({
|
||||
title: 'Satiri Sil',
|
||||
message: 'Bu satir gridden kaldirilacak. Devam edilsin mi?',
|
||||
cancel: {
|
||||
flat: true,
|
||||
color: 'grey-7',
|
||||
label: 'Vazgec'
|
||||
},
|
||||
ok: {
|
||||
unelevated: true,
|
||||
color: 'negative',
|
||||
label: 'Sil'
|
||||
},
|
||||
persistent: true
|
||||
}).onOk(() => {
|
||||
if (!removeDetailRowByKey(targetRowKey)) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Silinecek satir bulunamadi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
rowEditorDialogOpen.value = false
|
||||
$q.notify({
|
||||
type: 'positive',
|
||||
message: 'Satir gridden kaldirildi.',
|
||||
position: 'top-right'
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function saveRowEditor () {
|
||||
if (!String(rowEditorForm.value.nOnMLDetNo || '').trim()) {
|
||||
rowEditorForm.value.nOnMLDetNo = getNextDetailNo()
|
||||
}
|
||||
if (!String(rowEditorForm.value.nHammaddeTuruNo || '').trim()) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Hammadde Turu secilmeden satir kaydedilemez.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!String(rowEditorForm.value.sKodu || '').trim()) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Kod secilmeden satir kaydedilemez.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
const nextRow = buildRowFromEditorForm()
|
||||
applyEditorRowToGroups(nextRow)
|
||||
rowEditorDialogOpen.value = false
|
||||
}
|
||||
|
||||
async function saveChanges () {
|
||||
saveLoading.value = true
|
||||
try {
|
||||
requiredAttentionRowKeys.value = {}
|
||||
if (isNoCostDetail.value) {
|
||||
const missing = computeMissingRequiredSlots()
|
||||
if (missing.length > 0) {
|
||||
const ok = await new Promise(resolve => {
|
||||
$q.dialog({
|
||||
title: 'Eksik Maliyet Parcalari',
|
||||
message: `Eslestirilen parcalarda (fiyat > 0) girilmemis satirlar var. Devam etmek istiyor musunuz? (Eksik: ${missing.length})`,
|
||||
cancel: true,
|
||||
persistent: true
|
||||
}).onOk(() => resolve(true)).onCancel(() => resolve(false))
|
||||
})
|
||||
if (!ok) {
|
||||
const next = {}
|
||||
missing.forEach(x => {
|
||||
if (x.rowKey) next[String(x.rowKey)] = true
|
||||
})
|
||||
requiredAttentionRowKeys.value = next
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Eksik parcalar isaretlendi. Fiyat girip tekrar deneyin.',
|
||||
position: 'top-right'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Kaydetme endpointi henuz eklenmedi. Buton hazir, backend baglantisi bir sonraki adimda eklenebilir.',
|
||||
position: 'top-right'
|
||||
})
|
||||
} finally {
|
||||
saveLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
watch(
|
||||
() => [onMLNo.value, productCode.value, recipeCode.value, detailSource.value],
|
||||
() => {
|
||||
fetchDetail()
|
||||
}
|
||||
)
|
||||
|
||||
watch(
|
||||
() => costDate.value,
|
||||
value => {
|
||||
const normalizedDate = normalizeDateInput(value)
|
||||
if (detailHeader.value) {
|
||||
detailHeader.value.dteKayitTarihi = normalizedDate
|
||||
}
|
||||
fetchExchangeRatesForCostDate(normalizedDate)
|
||||
}
|
||||
)
|
||||
|
||||
onMounted(() => {
|
||||
if (!canReadOrder.value) return
|
||||
fetchDetail()
|
||||
nextTick(() => {
|
||||
updateStickyTop()
|
||||
})
|
||||
window.addEventListener('resize', updateStickyTop)
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.removeEventListener('resize', updateStickyTop)
|
||||
ensureBeforeUnloadGuard(false)
|
||||
if (localDraftTimer.value) window.clearTimeout(localDraftTimer.value)
|
||||
})
|
||||
|
||||
watch(
|
||||
() => hasUnsavedChanges.value,
|
||||
(value) => {
|
||||
ensureBeforeUnloadGuard(Boolean(value))
|
||||
}
|
||||
)
|
||||
|
||||
onBeforeRouteLeave((to, from, next) => {
|
||||
if (!hasUnsavedChanges.value) {
|
||||
next()
|
||||
return
|
||||
}
|
||||
|
||||
$q.dialog({
|
||||
title: 'Sayfadan ayriliyorsunuz',
|
||||
message: pageMode.value === 'edit'
|
||||
? 'Yaptiginiz degisiklikler kaybolacak. Devam edilsin mi?'
|
||||
: 'Taslak korunacak. Sayfadan cikmak istiyor musunuz?',
|
||||
ok: { label: 'Evet', color: 'negative' },
|
||||
cancel: { label: 'Hayir' },
|
||||
persistent: true
|
||||
})
|
||||
.onOk(() => {
|
||||
// NEW (no-cost): always persist draft so it can be resumed
|
||||
if (pageMode.value === 'new') {
|
||||
persistLocalDraftNow()
|
||||
next()
|
||||
return
|
||||
}
|
||||
|
||||
// EDIT (has-cost): allow exit, keep draft for now (later we can clear it after successful save)
|
||||
next()
|
||||
})
|
||||
.onCancel(() => next(false))
|
||||
})
|
||||
|
||||
watch(
|
||||
() => [detailLoading.value, detailError.value, !!detailHeader.value, headerInfoCollapsed.value],
|
||||
() => {
|
||||
nextTick(() => {
|
||||
updateStickyTop()
|
||||
})
|
||||
}
|
||||
)
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.pcd-page {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.pcd-content-body {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.pcd-sticky-stack {
|
||||
position: sticky !important;
|
||||
top: 50px !important;
|
||||
z-index: 1000 !important;
|
||||
background: #fff;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pcd-save-toolbar {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.pcd-toolbar-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.pcd-toolbar-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.pcd-toolbar-title {
|
||||
flex: 0 0 auto;
|
||||
font-size: 15px;
|
||||
font-weight: 800;
|
||||
color: #223048;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pcd-toolbar-summary {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.pcd-toolbar-pill {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
padding: 5px 8px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #d7e0ea;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pcd-toolbar-pill-emphasis {
|
||||
background: var(--q-primary);
|
||||
border-color: #145ea8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.pcd-toolbar-pill-neutral {
|
||||
background: #f5f7fa;
|
||||
color: #2b3c54;
|
||||
}
|
||||
|
||||
.pcd-toolbar-pill-label {
|
||||
font-size: 10px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.02em;
|
||||
opacity: 0.88;
|
||||
}
|
||||
|
||||
.pcd-toolbar-pill-value {
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.pcd-toolbar-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 6px;
|
||||
flex: 0 0 auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.pcd-toolbar-btn {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pcd-toolbar-btn :deep(.q-btn__content) {
|
||||
min-height: 34px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
.pcd-add-row-dialog {
|
||||
min-width: 360px;
|
||||
}
|
||||
|
||||
.pcd-row-editor-dialog {
|
||||
width: min(960px, 96vw);
|
||||
max-width: 96vw;
|
||||
}
|
||||
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__control) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 18%, white) !important;
|
||||
border: 1px solid var(--q-secondary) !important;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__label),
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__native),
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__input),
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__marginal),
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-select__dropdown-icon),
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-field__selection) {
|
||||
color: var(--q-secondary) !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry.q-field--focused .q-field__control) {
|
||||
box-shadow: 0 0 0 1px var(--q-secondary), 0 0 0 3px color-mix(in srgb, var(--q-secondary) 24%, white);
|
||||
}
|
||||
|
||||
.pcd-row-editor-dialog :deep(.pcd-row-editor-entry .q-placeholder) {
|
||||
color: var(--q-secondary) !important;
|
||||
opacity: 0.76;
|
||||
}
|
||||
|
||||
.pcd-row-editor-flag {
|
||||
background: color-mix(in srgb, var(--q-secondary) 10%, white);
|
||||
border: 1px solid color-mix(in srgb, var(--q-secondary) 35%, white);
|
||||
border-radius: 8px;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.pcd-history-dialog {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.pcd-detail-header-bar {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.pcd-emphasis-field :deep(.q-field__control) {
|
||||
background: var(--q-primary) !important;
|
||||
border: 1px solid #145ea8;
|
||||
}
|
||||
|
||||
.pcd-emphasis-field :deep(.q-field__label) {
|
||||
color: #eaf3ff !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pcd-emphasis-field :deep(.q-field__native),
|
||||
.pcd-emphasis-field :deep(.q-field__input) {
|
||||
color: #ffffff !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.pcd-emphasis-field-alt :deep(.q-field__control) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 25%, white) !important;
|
||||
border: 1px solid var(--q-secondary);
|
||||
}
|
||||
|
||||
.pcd-emphasis-field-alt :deep(.q-field__label) {
|
||||
color: var(--q-primary) !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pcd-emphasis-field-alt :deep(.q-field__native),
|
||||
.pcd-emphasis-field-alt :deep(.q-field__input),
|
||||
.pcd-emphasis-field-alt :deep(.q-field__selection) {
|
||||
color: var(--q-primary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.pcd-readonly-header-input :deep(.q-field__control) {
|
||||
background: #f8f9fa !important;
|
||||
}
|
||||
|
||||
.pcd-group-card {
|
||||
border: 1px solid #dfe3e8;
|
||||
border-radius: 6px;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
margin: 0 10px 15px;
|
||||
}
|
||||
|
||||
.pcd-sub-header {
|
||||
position: sticky !important;
|
||||
top: var(--pcd-subheader-top) !important;
|
||||
z-index: 990 !important;
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 8px 10px;
|
||||
min-height: 42px;
|
||||
height: 42px;
|
||||
border-top: 1px solid #d6c06a;
|
||||
border-bottom: 1px solid #d6c06a;
|
||||
background: linear-gradient(90deg, #fffbe9 0%, #fff4c4 50%, #fff1b0 100%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.pcd-sub-header .sub-left {
|
||||
font-weight: 800;
|
||||
color: #2b1f05;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.pcd-sub-header .sub-right {
|
||||
font-weight: 900;
|
||||
color: #3b2f09;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
text-align: right;
|
||||
}
|
||||
.pcd-sub-right-clickable {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table__middle) {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table thead) {
|
||||
display: table-header-group !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table thead tr:first-child th) {
|
||||
position: sticky !important;
|
||||
top: calc(var(--pcd-subheader-top) + 42px) !important;
|
||||
z-index: 980 !important;
|
||||
background: #f8f9fa !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table thead th) {
|
||||
font-size: 11px;
|
||||
padding: 3px 4px;
|
||||
white-space: normal;
|
||||
line-height: 1.2;
|
||||
vertical-align: bottom;
|
||||
border-bottom: 1px solid rgba(0,0,0,0.12);
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table tbody td) {
|
||||
font-size: 11px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.q-table tbody tr) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-detail-row-secondary td) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 14%, white) !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-detail-row-required td) {
|
||||
background: color-mix(in srgb, #ff9800 18%, white) !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-entry-header) {
|
||||
background: color-mix(in srgb, var(--q-primary) 16%, #f8f9fa) !important;
|
||||
color: var(--q-primary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-secondary-header) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 18%, #f8f9fa) !important;
|
||||
color: var(--q-secondary) !important;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-secondary-cell) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 10%, white) !important;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-field__control) {
|
||||
background: color-mix(in srgb, var(--q-primary) 12%, white) !important;
|
||||
border: 1px solid var(--q-primary) !important;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-field__native),
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-field__input),
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-field__marginal),
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-select__dropdown-icon) {
|
||||
color: var(--q-primary) !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-entry-input.q-field--focused .q-field__control) {
|
||||
box-shadow: 0 0 0 1px var(--q-primary), 0 0 0 3px color-mix(in srgb, var(--q-primary) 28%, white);
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-entry-input .q-placeholder) {
|
||||
color: var(--q-primary) !important;
|
||||
opacity: 0.72;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-inline-input .q-field__control) {
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.pcd-detail-table :deep(.pcd-inline-input .q-field__native),
|
||||
.pcd-detail-table :deep(.pcd-inline-input .q-field__input) {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.pcd-detail-table {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pcd-part-summary-card {
|
||||
margin-top: 8px;
|
||||
border: 1px solid #d7e0ea;
|
||||
border-radius: 8px;
|
||||
background: #fcfdfe;
|
||||
padding: 8px;
|
||||
}
|
||||
.pcd-part-summary-title {
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
color: #2b3c54;
|
||||
margin-bottom: 6px;
|
||||
padding-left: 4px;
|
||||
border-left: 3px solid var(--q-primary);
|
||||
}
|
||||
.pcd-part-summary-table {
|
||||
background: transparent !important;
|
||||
}
|
||||
.pcd-part-summary-table thead th {
|
||||
background: #f5f7fa;
|
||||
font-weight: 800;
|
||||
color: #44556c;
|
||||
}
|
||||
.pcd-part-summary-table tbody td {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pcd-history-table :deep(.q-table thead th) {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pcd-history-table :deep(.q-table tbody td) {
|
||||
font-size: 12px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.pcd-history-table :deep(.pcd-history-row-purchase td) {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pcd-history-table :deep(.pcd-history-row-recipe td) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 10%, white);
|
||||
}
|
||||
|
||||
.pcd-history-table :deep(.pcd-history-row-similar td) {
|
||||
background: #fff8e1 !important;
|
||||
border-bottom: 1px solid #ffe082 !important;
|
||||
}
|
||||
|
||||
.pcd-history-source-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 72px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
font-size: 11px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.pcd-history-source-chip--purchase {
|
||||
background: color-mix(in srgb, var(--q-primary) 12%, white);
|
||||
color: var(--q-primary);
|
||||
}
|
||||
|
||||
.pcd-history-source-chip--bnz-v3,
|
||||
.pcd-history-source-chip--bnz-rec {
|
||||
background: #f3e5f5;
|
||||
color: #7b1fa2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pcd-history-source-chip--recipe {
|
||||
background: color-mix(in srgb, var(--q-secondary) 18%, white);
|
||||
color: color-mix(in srgb, var(--q-secondary) 82%, black);
|
||||
}
|
||||
|
||||
.pcd-history-source-chip--history {
|
||||
background: #eceff3;
|
||||
color: #44556c;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user