price calulator changed

src/views/base/gold/index.vue

@@ -330,7 +330,19 @@ import { getLastPrices, getTradeBuyPrice, getTradeSellPrice, lastPrice } from '@
 import type { Product } from '@/models/products'
 import { useFundUserStore } from '@/store/fundStore'
 import {useConfigStore} from "@/store/configStore";
-import { calcFeeInGrams, calcOrderGoldAmount, calcPayablePriceRial, calcSellGoldDebit, calcSellTargetCash, feeDeductFromGold, loadServiceFeeFromSettings } from '@/utils/serviceFee'
+import {
+  calcFeeInGrams,
+  calcGramFromLockedRial,
+  calcOrderGoldAmount,
+  calcPayablePriceRial,
+  calcRialFromLockedGram,
+  calcSellGoldDebit,
+  calcSellTargetCash,
+  feeDeductFromGold,
+  loadServiceFeeFromSettings,
+  serviceFeePercentage,
+  type TradeInputLock,
+} from '@/utils/serviceFee'
 import { isStoreClosed, getStoreClosedMessage } from '@/utils/storeHours'
 import { formatCashWalletBalanceText, getWeightUnit } from '@/utils/productDealMethod'
 import { formatProductWalletBalanceText, getCashWalletBalance, getProductInventoryQuantity } from '@/utils/productAssets'
@@ -386,6 +398,7 @@ const contentClass = computed(() => {
   return 'mt-5 px-3 pb-4'
 })
 const isBuy = ref<boolean>(true)
+const inputLock = ref<TradeInputLock>(null)
 
 const tradeProductLabel = computed(() => {
   const title = props.ProductItem?.title?.trim()
@@ -436,7 +449,13 @@ const unitPrice = computed(() => {
   return isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value)
 })
 const orderGoldAmount = computed(() =>
-  calcOrderGoldAmount(form.value?.goldValue, form.value?.goldCash, unitPrice.value, isBuy.value)
+  calcOrderGoldAmount(
+    form.value?.goldValue,
+    form.value?.goldCash,
+    unitPrice.value,
+    isBuy.value,
+    inputLock.value
+  )
 )
 const feeInGrams = computed(() => calcFeeInGrams(orderGoldAmount.value))
 const finalPrice = computed(() => orderGoldAmount.value * unitPrice.value)
@@ -447,7 +466,7 @@ const payablePrice = computed(() =>
     finalPrice.value,
     feeInRial.value,
     isBuy.value,
-    !isBuy.value ? form.value?.goldCash : undefined
+    !isBuy.value && inputLock.value === 'rial' ? form.value?.goldCash : undefined
   )
 )
 const sellGoldDebit = computed(() => calcSellGoldDebit(orderGoldAmount.value, feeInGrams.value))
@@ -620,20 +639,18 @@ onMounted(() => {
 })
 
 function percentChange(val: number) {
-  if (val !== 0)
+  if (val !== 0) {
     if (isBuy.value) {
       form.value.goldCash = unitCashCalculator.value * val
       calculateGold(form.value.goldCash)
-      calculateCash(form.value.goldValue)
     } else {
-      // console.log((unitGoldCalculator.value * val).toFixed(2))
-      // form.value.goldValue = parseFloat((unitGoldCalculator.value * val).toFixed(2))
-      form.value.goldValue = toFixedDownThreeChar(parseFloat(unitGoldCalculator.value * val))
+      form.value.goldValue = toFixedDownThreeChar(parseFloat(String(unitGoldCalculator.value * val)))
       calculateCash(form.value.goldValue)
     }
-  else {
+  } else {
     form.value.goldValue = undefined
     form.value.goldCash = undefined
+    inputLock.value = null
   }
 }
 
@@ -643,13 +660,22 @@ const unitCashCalculator = computed(() => {
   return cashWalletBalance.value / 100
 })
 
+function formatTradeGramDisplay(grams: number) {
+  if (Number(serviceFeePercentage.value) > 0) {
+    return parseFloat(grams.toFixed(6))
+  }
+  return toFixedDownThreeChar(grams)
+}
+
 function syncFormWithLatestPrice() {
   const unit = unitPrice.value
-  if (!unit || Number.isNaN(unit)) return
+  if (!unit || Number.isNaN(unit) || !inputLock.value) return
 
-  const goldValue = form.value.goldValue
-  if (goldValue !== undefined && goldValue !== null && goldValue !== '' && !isNaN(Number(goldValue))) {
-    calculateCash(Number(goldValue))
+  if (inputLock.value === 'gram') {
+    const goldValue = form.value.goldValue
+    if (goldValue !== undefined && goldValue !== null && goldValue !== '' && !isNaN(Number(goldValue))) {
+      calculateCash(Number(goldValue))
+    }
     return
   }
 
@@ -666,39 +692,37 @@ watch(
   }
 )
 
+watch([feeDeductFromGold, () => serviceFeePercentage.value], () => {
+  syncFormWithLatestPrice()
+})
+
 function calculateCash(val: number) {
+  inputLock.value = 'gram'
   priceErrorVisible.value = false
   const unit = unitPrice.value
   if (!unit || Number.isNaN(unit)) return
 
-  form.value.goldCash = val ? parseFloat((val * unit).toFixed(0)) : undefined
+  if (val === undefined || val === null || Number.isNaN(val)) {
+    form.value.goldCash = undefined
+    inputLock.value = null
+    return
+  }
+
+  form.value.goldCash = calcRialFromLockedGram(val, unit, isBuy.value)
 }
 
 function calculateGold(val: number) {
+  inputLock.value = 'rial'
   const unit = unitPrice.value
   if (!unit || Number.isNaN(unit)) return
 
-  if (isBuy.value) {
-    if (val) {
-      form.value.goldValue = toFixedDownThreeChar(parseFloat(String(val / unit)))
-      priceErrorVisible.value = parseInt(String(finalPrice.value)) > 0
-    } else if (val.toString() === '') {
-      form.value.goldValue = undefined
-      priceErrorVisible.value = false
-    } else {
-      form.value.goldValue = 0
-      priceErrorVisible.value = false
-    }
-  } else if (val) {
-    if (!isBuy.value && feeDeductFromGold.value) {
-      form.value.goldValue = parseFloat((val / unit).toFixed(6))
-    } else {
-      form.value.goldValue = toFixedDownThreeChar(parseFloat(String(val / unit)))
-    }
+  if (val) {
+    form.value.goldValue = formatTradeGramDisplay(calcGramFromLockedRial(val, unit, isBuy.value))
     priceErrorVisible.value = parseInt(String(finalPrice.value)) > 0
   } else if (val.toString() === '') {
     form.value.goldValue = undefined
     priceErrorVisible.value = false
+    inputLock.value = null
   } else {
     form.value.goldValue = 0
     priceErrorVisible.value = false
@@ -725,6 +749,7 @@ function setIsBuy(val: boolean) {
   form.value.goldCash = undefined
   form.value.percentWallet = 0
   priceErrorVisible.value = false
+  inputLock.value = null
   // console.log(bganim.value.classList)
   // bganim?.value?.classList.add(val?'right':'left')
   // bganim?.value?.style.transform = `translateX(${val ? '0' : '-100'});`
@@ -778,7 +803,12 @@ async function ok() {
       direction: isBuy.value ? 1 : 2,
       price: Math.round(unitPrice.value),
       amount: orderGoldAmount.value,
-      target_cash: calcSellTargetCash(form.value.goldCash, form.value.goldValue, unitPrice.value),
+      target_cash: calcSellTargetCash(
+        form.value.goldCash,
+        form.value.goldValue,
+        unitPrice.value,
+        inputLock.value
+      ),
       abshode_id: props.ProductItem?.id,
     })
     confirmAction.value = false
@@ -790,6 +820,7 @@ async function ok() {
       goldCash: undefined,
       percentWallet: undefined
     }
+    inputLock.value = null
     message.success('سفارش شما با موفقیت انجام شد')
     await fundStore.getMyFund()
   } catch (e) {