fix(product): show formula price beside pricing fields for melted products
Formula section was only in non-melted automatic mode; now appears next to adjustment fields for melted app/reference/fixed and all non-melted sources. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Cursor
@@ -23,124 +23,34 @@
|
||||
<div class="product-spec-label">
|
||||
<DashboardLabelWithHelp label="مرجع قیمت" :help="meltedPriceSourceHelp" size="sm" />
|
||||
</div>
|
||||
<a-radio-group :value="meltedPriceOption" name="meltedPriceGroup" @update:value="$emit('update:meltedPriceOption', $event)">
|
||||
<a-radio value="app">قیمت صفحه اصلی اپلیکیشن</a-radio>
|
||||
<a-radio value="fixed">ثابت</a-radio>
|
||||
<a-radio value="reference">مرجع متفاوت</a-radio>
|
||||
<a-radio-group
|
||||
:value="meltedPriceOption"
|
||||
name="meltedPriceGroup"
|
||||
button-style="solid"
|
||||
@update:value="$emit('update:meltedPriceOption', $event)"
|
||||
>
|
||||
<a-radio-button value="app">قیمت صفحه اصلی اپلیکیشن</a-radio-button>
|
||||
<a-radio-button value="fixed">ثابت</a-radio-button>
|
||||
<a-radio-button value="reference">مرجع متفاوت</a-radio-button>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
<div v-if="meltedPriceOption === 'fixed'" class="grid gap-4 md:grid-cols-3">
|
||||
<div v-if="meltedPriceOption === 'fixed'" class="grid items-start gap-4 md:grid-cols-3">
|
||||
<a-form-item name="price" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت ثابت" :help="fixedPriceHelp" size="sm" />
|
||||
</template>
|
||||
<BasicInput addon-before="ریال" type="price" v-model:value="form.price" />
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
class="md:col-span-2"
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="meltedPriceOption === 'reference'" class="grid gap-4 md:grid-cols-3">
|
||||
<a-form-item name="reading_method" class="!mb-0 md:col-span-2">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="مرجع قیمت" :help="priceReferenceHelp" size="sm" />
|
||||
</template>
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<div class="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3">
|
||||
<BasicSelect
|
||||
class="price-reference-select min-w-0 flex-1"
|
||||
allowClear
|
||||
:hasTooltip="false"
|
||||
popup-class-name="price-reference-select-dropdown"
|
||||
:dropdown-match-select-width="false"
|
||||
:dropdown-style="{ minWidth: '28rem' }"
|
||||
:items="pricesList"
|
||||
valueName="name"
|
||||
keyName="id"
|
||||
v-model:value="form.reading_method"
|
||||
/>
|
||||
<span
|
||||
v-if="selectedReferenceTotal > 0"
|
||||
class="price-reference-live shrink-0 text-sm font-700"
|
||||
>
|
||||
{{ usePrice(selectedReferenceTotal) }}
|
||||
</span>
|
||||
<span
|
||||
v-else-if="isOrphanReference"
|
||||
class="price-reference-live-empty shrink-0 text-sm"
|
||||
>
|
||||
در لیست فعلی نیست
|
||||
</span>
|
||||
<span
|
||||
v-else-if="form.reading_method"
|
||||
class="price-reference-live-empty shrink-0 text-sm"
|
||||
>
|
||||
قیمت مرجع در دسترس نیست
|
||||
</span>
|
||||
</div>
|
||||
<a-alert
|
||||
v-if="isOrphanReference"
|
||||
type="warning"
|
||||
show-icon
|
||||
class="!mb-0"
|
||||
message="این مرجع قبلاً روی محصول ذخیره شده، ولی الان در لیست قیمت همکار نیست. یک مرجع معتبر انتخاب کنید یا فیلد را پاک کنید."
|
||||
/>
|
||||
</div>
|
||||
</a-form-item>
|
||||
<a-form-item name="price_offset_percent" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="تعدیل مرجع (٪)" :help="referencePriceOffsetHelp" size="sm" />
|
||||
</template>
|
||||
<BasicInput type="number" v-model:value="form.price_offset_percent" placeholder="مثلاً 5 یا -3" />
|
||||
</a-form-item>
|
||||
<a-form-item name="use_last_price_if_zero" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت صفر از مرجع" :help="useLastPriceIfZeroHelp" size="sm" />
|
||||
</template>
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
</div>
|
||||
<div v-if="meltedPriceOption === 'app'" class="grid gap-4 md:grid-cols-3">
|
||||
<a-form-item name="price_offset_percent" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="تعدیل قیمت صفحه اصلی اپلیکیشن (٪)" :help="appPriceOffsetHelp" size="sm" />
|
||||
</template>
|
||||
<BasicInput type="number" v-model:value="form.price_offset_percent" placeholder="مثلاً 5 یا -3" />
|
||||
</a-form-item>
|
||||
<a-form-item name="use_last_price_if_zero" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت صفر از مرجع" :help="useLastPriceIfZeroHelp" size="sm" />
|
||||
</template>
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!usesMeltedPricing" class="flex flex-col gap-4">
|
||||
<div class="product-spec-switch-row">
|
||||
<div class="product-spec-label">
|
||||
<DashboardLabelWithHelp label="دریافت قیمت از" :help="priceSourceHelp" size="sm" />
|
||||
</div>
|
||||
<a-radio-group :value="methodOption" name="radioGroup" @update:value="$emit('update:methodOption', $event)">
|
||||
<a-radio value="1">دستی</a-radio>
|
||||
<a-radio value="2">اتوماتیک</a-radio>
|
||||
<a-radio value="3">قیمت صفحه اصلی اپلیکیشن</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
<div v-if="methodOption === '1' && !form.price_formula_enabled" class="grid gap-4 md:grid-cols-3">
|
||||
<a-form-item name="price" class="!mb-0 md:col-span-2">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت وسط" :help="manualPriceHelp" size="sm" />
|
||||
</template>
|
||||
<div class="flex items-center gap-2">
|
||||
<BasicInput class="flex-1" addon-before="ریال" type="price" v-model:value="form.price" />
|
||||
<AButton class="border-green text-green shrink-0 rounded-full aspect-square" size="small" shape="circle" @click="$emit('addPrice')">
|
||||
<template #icon><Icon icon="vuesax-linear:add" size="20" /></template>
|
||||
</AButton>
|
||||
<AButton class="border-red text-red shrink-0 rounded-full" size="small" shape="circle" @click="$emit('minusPrice')">
|
||||
<template #icon><Icon icon="vuesax-linear:minus" size="20" /></template>
|
||||
</AButton>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</div>
|
||||
<div v-if="methodOption === '2' || form.price_formula_enabled" class="grid gap-4 md:grid-cols-3">
|
||||
<div v-if="meltedPriceOption === 'reference'" class="grid items-start gap-4 md:grid-cols-4">
|
||||
<a-form-item name="reading_method" class="!mb-0 md:col-span-2">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="مرجع قیمت" :help="priceReferenceHelp" size="sm" />
|
||||
@@ -193,6 +103,13 @@
|
||||
</template>
|
||||
<BasicInput type="number" v-model:value="form.price_offset_percent" placeholder="مثلاً 5 یا -3" />
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
<a-form-item name="use_last_price_if_zero" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت صفر از مرجع" :help="useLastPriceIfZeroHelp" size="sm" />
|
||||
@@ -200,9 +117,141 @@
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
</div>
|
||||
<div v-if="methodOption === '3' && !form.price_formula_enabled" class="flex flex-col gap-3">
|
||||
<div class="grid gap-4 md:grid-cols-3">
|
||||
<a-form-item name="price_offset_percent" class="!mb-0">
|
||||
<div v-if="meltedPriceOption === 'app'" class="grid items-start gap-4 md:grid-cols-4">
|
||||
<a-form-item v-if="!form.price_formula_enabled" name="price_offset_percent" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="تعدیل قیمت صفحه اصلی اپلیکیشن (٪)" :help="appPriceOffsetHelp" size="sm" />
|
||||
</template>
|
||||
<BasicInput type="number" v-model:value="form.price_offset_percent" placeholder="مثلاً 5 یا -3" />
|
||||
</a-form-item>
|
||||
<a-form-item name="use_last_price_if_zero" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت صفر از مرجع" :help="useLastPriceIfZeroHelp" size="sm" />
|
||||
</template>
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
class="md:col-span-2"
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!usesMeltedPricing" class="flex flex-col gap-4">
|
||||
<div class="product-spec-switch-row">
|
||||
<div class="product-spec-label">
|
||||
<DashboardLabelWithHelp label="دریافت قیمت از" :help="priceSourceHelp" size="sm" />
|
||||
</div>
|
||||
<a-radio-group
|
||||
:value="methodOption"
|
||||
name="radioGroup"
|
||||
button-style="solid"
|
||||
@update:value="$emit('update:methodOption', $event)"
|
||||
>
|
||||
<a-radio-button value="1">دستی</a-radio-button>
|
||||
<a-radio-button value="2">اتوماتیک</a-radio-button>
|
||||
<a-radio-button value="3">قیمت صفحه اصلی اپلیکیشن</a-radio-button>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
<div v-if="methodOption === '1'" class="grid items-start gap-4 md:grid-cols-4">
|
||||
<a-form-item v-if="!form.price_formula_enabled" name="price" class="!mb-0 md:col-span-2">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت وسط" :help="manualPriceHelp" size="sm" />
|
||||
</template>
|
||||
<div class="flex items-center gap-2">
|
||||
<BasicInput class="flex-1" addon-before="ریال" type="price" v-model:value="form.price" />
|
||||
<AButton class="border-green text-green shrink-0 rounded-full aspect-square" size="small" shape="circle" @click="$emit('addPrice')">
|
||||
<template #icon><Icon icon="vuesax-linear:add" size="20" /></template>
|
||||
</AButton>
|
||||
<AButton class="border-red text-red shrink-0 rounded-full" size="small" shape="circle" @click="$emit('minusPrice')">
|
||||
<template #icon><Icon icon="vuesax-linear:minus" size="20" /></template>
|
||||
</AButton>
|
||||
</div>
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
:class="form.price_formula_enabled ? 'md:col-span-4' : 'md:col-span-2'"
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="methodOption === '2' || form.price_formula_enabled" class="grid gap-4 md:grid-cols-4">
|
||||
<a-form-item name="reading_method" class="!mb-0 md:col-span-2">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="مرجع قیمت" :help="priceReferenceHelp" size="sm" />
|
||||
</template>
|
||||
<div class="flex flex-col gap-1.5">
|
||||
<div class="flex flex-col gap-1.5 sm:flex-row sm:items-center sm:gap-3">
|
||||
<BasicSelect
|
||||
class="price-reference-select min-w-0 flex-1"
|
||||
allowClear
|
||||
:hasTooltip="false"
|
||||
popup-class-name="price-reference-select-dropdown"
|
||||
:dropdown-match-select-width="false"
|
||||
:dropdown-style="{ minWidth: '28rem' }"
|
||||
:items="pricesList"
|
||||
valueName="name"
|
||||
keyName="id"
|
||||
v-model:value="form.reading_method"
|
||||
/>
|
||||
<span
|
||||
v-if="selectedReferenceTotal > 0"
|
||||
class="price-reference-live shrink-0 text-sm font-700"
|
||||
>
|
||||
{{ usePrice(selectedReferenceTotal) }}
|
||||
</span>
|
||||
<span
|
||||
v-else-if="isOrphanReference"
|
||||
class="price-reference-live-empty shrink-0 text-sm"
|
||||
>
|
||||
در لیست فعلی نیست
|
||||
</span>
|
||||
<span
|
||||
v-else-if="form.reading_method"
|
||||
class="price-reference-live-empty shrink-0 text-sm"
|
||||
>
|
||||
قیمت مرجع در دسترس نیست
|
||||
</span>
|
||||
</div>
|
||||
<a-alert
|
||||
v-if="isOrphanReference"
|
||||
type="warning"
|
||||
show-icon
|
||||
class="!mb-0"
|
||||
message="این مرجع قبلاً روی محصول ذخیره شده، ولی الان در لیست قیمت همکار نیست. یک مرجع معتبر انتخاب کنید یا فیلد را پاک کنید."
|
||||
/>
|
||||
</div>
|
||||
</a-form-item>
|
||||
<a-form-item v-if="!form.price_formula_enabled" name="price_offset_percent" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="تعدیل مرجع (٪)" :help="referencePriceOffsetHelp" size="sm" />
|
||||
</template>
|
||||
<BasicInput type="number" v-model:value="form.price_offset_percent" placeholder="مثلاً 5 یا -3" />
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
class="md:col-span-1"
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
<a-form-item name="use_last_price_if_zero" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="قیمت صفر از مرجع" :help="useLastPriceIfZeroHelp" size="sm" />
|
||||
</template>
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
</div>
|
||||
<div v-if="methodOption === '3'" class="flex flex-col gap-3">
|
||||
<div class="grid items-start gap-4 md:grid-cols-4">
|
||||
<a-form-item v-if="!form.price_formula_enabled" name="price_offset_percent" class="!mb-0">
|
||||
<template #label>
|
||||
<DashboardLabelWithHelp label="تعدیل قیمت صفحه اصلی اپلیکیشن (٪)" :help="appPriceOffsetHelp" size="sm" />
|
||||
</template>
|
||||
@@ -214,60 +263,59 @@
|
||||
</template>
|
||||
<a-switch v-model:checked="form.use_last_price_if_zero" />
|
||||
</a-form-item>
|
||||
<FormulaPriceSection
|
||||
class="md:col-span-2"
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
</div>
|
||||
<div class="rounded-lg border border-solid border-amber-200 bg-amber-50 px-3 py-2 text-xs leading-6 text-amber-800">
|
||||
<div
|
||||
v-if="!form.price_formula_enabled"
|
||||
class="rounded-lg border border-solid border-amber-200 bg-amber-50 px-3 py-2 text-xs leading-6 text-amber-800"
|
||||
>
|
||||
قیمت هر واحد این محصول = «قیمت هر گرم اپ» × «وزن محصول به گرم». مثلاً برای وزن ۱٫۵ گرم، قیمت = ۱٫۵ برابر قیمت هر گرم اپ. برای فعال بودن، «وزن محصول» را «دارد» بگذارید.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid gap-4 md:grid-cols-2">
|
||||
<FormulaPriceSection
|
||||
:model-value="form"
|
||||
:reference-middle-price="formulaReferenceMiddlePrice"
|
||||
:product-amount="Number(form.amount) || 0"
|
||||
@update:model-value="onFormulaFormPatch"
|
||||
@enabled-change="onFormulaEnabledChange"
|
||||
/>
|
||||
|
||||
<div class="live-price-preview rounded-lg border border-solid px-3 py-2 self-start">
|
||||
<div class="flex flex-col gap-2">
|
||||
<div class="flex flex-wrap items-center gap-x-3 gap-y-1">
|
||||
<DashboardLabelWithHelp
|
||||
label="قیمت لحظه‌ای"
|
||||
:help="livePriceHelp"
|
||||
size="sm"
|
||||
text-class="live-price-preview__label"
|
||||
/>
|
||||
<span
|
||||
v-if="livePricePreview.status === 'ready'"
|
||||
class="live-price-preview__amount text-base font-700"
|
||||
>
|
||||
{{ usePrice(livePricePreview.amount) }}
|
||||
<div class="live-price-preview rounded-lg border border-solid px-3 py-2">
|
||||
<div class="flex flex-col gap-2 md:flex-row md:items-center md:justify-between md:gap-3">
|
||||
<div class="flex flex-wrap items-center gap-x-3 gap-y-1 md:min-w-0 md:flex-1">
|
||||
<DashboardLabelWithHelp
|
||||
label="قیمت لحظه‌ای"
|
||||
:help="livePriceHelp"
|
||||
size="sm"
|
||||
text-class="live-price-preview__label"
|
||||
/>
|
||||
<span
|
||||
v-if="livePricePreview.status === 'ready'"
|
||||
class="live-price-preview__amount text-base font-700"
|
||||
>
|
||||
{{ usePrice(livePricePreview.amount) }}
|
||||
</span>
|
||||
<span
|
||||
v-else-if="livePricePreview.message"
|
||||
class="live-price-preview__message text-sm"
|
||||
>
|
||||
{{ livePricePreview.message }}
|
||||
</span>
|
||||
<span
|
||||
v-if="livePricePreview.status === 'ready'"
|
||||
class="live-price-preview__source truncate text-xs"
|
||||
>
|
||||
مبنا: {{ livePricePreview.source }}
|
||||
<span v-if="!form.price_formula_enabled && Number(form.price_offset_percent) !== 0">
|
||||
— تعدیل {{ form.price_offset_percent }}٪
|
||||
</span>
|
||||
<span
|
||||
v-else-if="livePricePreview.message"
|
||||
class="live-price-preview__message text-sm"
|
||||
>
|
||||
{{ livePricePreview.message }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between gap-2">
|
||||
<span
|
||||
v-if="livePricePreview.status === 'ready'"
|
||||
class="live-price-preview__source truncate text-xs"
|
||||
>
|
||||
مبنا: {{ livePricePreview.source }}
|
||||
<span v-if="!form.price_formula_enabled && Number(form.price_offset_percent) !== 0">
|
||||
— تعدیل {{ form.price_offset_percent }}٪
|
||||
</span>
|
||||
</span>
|
||||
<AButton size="small" class="shrink-0" @click="$emit('refreshPrices')">
|
||||
بروزرسانی
|
||||
</AButton>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<AButton size="small" class="shrink-0 self-end md:self-auto" @click="$emit('refreshPrices')">
|
||||
بروزرسانی
|
||||
</AButton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user