feat(user): rename gold day menu to calculator with metal labels
This commit is contained in:
@@ -24,3 +24,4 @@
|
||||
- 2026-09-09 | زیرصفحات قلک دسکتاپ | `piggy/new` + `piggy/info` + create/info composable | ساخت/ویرایش و جزئیات با DesktopPageTopbar و گرید دوستونه
|
||||
- 2026-09-09 | عرض قلک دسکتاپ | `desktop-piggy-create.less` | کانتینر ساخت هم max-width ۱۱۸۰ مثل لیست/جزئیات/کیفپول
|
||||
- 2026-09-09 | نام منوی کاربر | `navigation.ts` + `MobileBottomNav.vue` | «تنظیمات» → «امکانات بیشتر» (دسکتاپ+موبایل)
|
||||
- 2026-09-09 | ماشین حساب | `useUserPage.ts` + `GoldDayCalculatorModal.vue` | «قیمت روز طلا» → «ماشین حساب»؛ برچسب فلز/واحد از settingsStore (metalTypeLabel + tradeWeightUnit) نه هاردکد طلا/گرم
|
||||
|
||||
@@ -8,15 +8,19 @@
|
||||
>
|
||||
<template #title>
|
||||
<div class="gold-day-calc-modal__title">
|
||||
<BasicIcon icon="vuesax-linear:chart-2" size="20" class="gold-day-calc-modal__title-icon" />
|
||||
<span>محاسبهگر طلای شما</span>
|
||||
<BasicIcon icon="vuesax-linear:calculator" size="20" class="gold-day-calc-modal__title-icon" />
|
||||
<span>ماشین حساب</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="gold-day-calc" dir="rtl">
|
||||
<p class="gold-day-calc__hint text-xs text-gray-500">
|
||||
وزن مورد نظر را وارد کنید تا ارزش آن بر اساس قیمت لحظهای محاسبه شود.
|
||||
</p>
|
||||
|
||||
<BasicInput
|
||||
v-model:value="weight"
|
||||
title="وزن طلا (گرم)"
|
||||
:title="`وزن ${metalTypeLabel} (${weightUnit})`"
|
||||
type="tel"
|
||||
place-holder="مثلاً ۱۰.۵"
|
||||
inputmode="decimal"
|
||||
@@ -24,7 +28,7 @@
|
||||
|
||||
<BasicInput
|
||||
:value="unitPriceInput"
|
||||
title="قیمت روز طلا"
|
||||
:title="`قیمت روز ${metalTypeLabel}`"
|
||||
type="tel"
|
||||
disabled
|
||||
addon-before="ریال"
|
||||
@@ -55,7 +59,7 @@
|
||||
</div>
|
||||
<div class="mt-2 flex flex-col gap-1 text-xs text-gray-600">
|
||||
<div class="flex justify-between gap-2">
|
||||
<span>هزینه طلا</span>
|
||||
<span>هزینه {{ metalTypeLabel }}</span>
|
||||
<span class="gold-day-calc__num">{{ formatRial(breakdown.goldCost) }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between gap-2">
|
||||
@@ -95,8 +99,13 @@ import {
|
||||
import { getPriceDisplayState, NO_QUOTE_MESSAGE } from '@/utils/storeHours'
|
||||
import { usePriceWithoutType } from '@/utils/usePrice'
|
||||
import { persianToEnglishDigits } from '@/utils/persianDigits'
|
||||
import { useSettingsStore } from '@/store/settingsStore'
|
||||
|
||||
const visible = goldDayCalculatorVisible
|
||||
const settingsStore = useSettingsStore()
|
||||
|
||||
const metalTypeLabel = computed(() => settingsStore.metalTypeLabel)
|
||||
const weightUnit = computed(() => settingsStore.tradeWeightUnit)
|
||||
|
||||
const weight = ref<string | number>('')
|
||||
const feePercent = ref<string | number>('')
|
||||
@@ -186,6 +195,11 @@ watch(visible, async (open) => {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.gold-day-calc__hint {
|
||||
margin: 0;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.gold-day-calc__result {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
||||
@@ -127,8 +127,8 @@ export function useUserPage() {
|
||||
},
|
||||
{
|
||||
id: 'goldDayCalculator',
|
||||
label: 'قیمت روز طلا',
|
||||
icon: 'vuesax-linear:chart-2',
|
||||
label: 'ماشین حساب',
|
||||
icon: 'vuesax-linear:calculator',
|
||||
onClick: () => openGoldDayCalculator(),
|
||||
visible: true,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user