handle huge things!

src/views/base/gold/index.vue

@@ -6,11 +6,11 @@
       <div class="flex justify-evenly w-full px-2 h-11 items-center bg-gray-50 relative rounded ">
         <div :class="isBuy?'text-tertiary':'text-gray-400'" class="w-full text-center z-2"
              @click.stop="setIsBuy(true) ">
-          خرید طلا {{ props?.ProductItem?.title }}
+          خرید {{ meltedGoldLabel }} {{ props?.ProductItem?.title }}
         </div>
         <div :class="!isBuy?'text-tertiary':'text-gray-400'" class="w-full text-center z-2"
              @click.stop="setIsBuy(false) ">
-          فروش طلا {{ props?.ProductItem?.title }}
+          فروش {{ meltedGoldLabel }} {{ props?.ProductItem?.title }}
         </div>
         <!--        <div ref="bganim" class="absolute bg-white h-8 w-1/2 rounded-lg " :style="`transform:   translateX(${isbuy? '0':'-100%'}); left: ${isbuy? '0':'100%'}`"></div>-->
         <div ref="bganim" :style="useStyle()"
@@ -160,7 +160,7 @@
         <div class="flex justify-between mt-3">
           <div>مظنه:</div>
           <div class="flex items-center">
-            <div class="font-bold">{{ usePriceWithoutType(isBuy ? price.buy ?? 0 : price.sell ?? 0) }}</div>
+            <div class="font-bold">{{ usePriceWithoutType(isBuy ? getTradeBuyPrice(lastPrice) : getTradeSellPrice(lastPrice)) }}</div>
             <div class="text-xs mr-1">ریال</div>
           </div>
         </div>
@@ -227,16 +227,20 @@ import type { Transaction } from '@/models/transaction'
 import type { TableEngineInput, TableOutput } from '@/models/table'
 import { useInfiniteScroll } from '@vueuse/core'
 import { getTransactionTable } from '@/api/transaction'
-import { getLastPrices, getUpPrice, lastPrice, setIntervalGetAllPrice, stopPriceInterval } from '@/utils/price'
+import { getLastPrices, getTradeBuyPrice, getTradeSellPrice, lastPrice, setIntervalGetAllPrice, stopPriceInterval } from '@/utils/price'
 import type { Product } from '@/models/products'
 import { useFundUserStore } from '@/store/fundStore'
 import {useConfigStore} from "@/store/configStore";
 import { calcFeeInGrams, loadServiceFeeFromSettings } from '@/utils/serviceFee'
 import { formatCashWalletBalanceText, formatGoldWalletBalanceText } from '@/utils/productDealMethod'
+import { useSettingsStore } from '@/store/settingsStore'
+import { storeToRefs } from 'pinia'
 
 const infoVisible = ref(false)
 const walletStore = useWalletStore()
 const userStore = useUserStore()
+const settingsStore = useSettingsStore()
+const { meltedGoldLabel } = storeToRefs(settingsStore)
 const fundStore = useFundUserStore()
 const confirmAction = ref<boolean>(false)
 const noCompleteVisible = ref<boolean>(false)
@@ -274,7 +278,7 @@ const sellPagination = ref<TableEngineInput>({
 })
 
 const unitPrice = computed(() =>
-  isBuy.value ? price.value?.buy ?? 0 : price.value?.sell ?? 0
+  isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value)
 )
 const feeInGrams = computed(() => calcFeeInGrams(form.value?.goldValue))
 const finalPrice = computed(() => (form.value?.goldValue ?? 0) * unitPrice.value)
@@ -292,7 +296,8 @@ const disableTransaction = computed(() =>
   form.value?.goldCash === undefined ||
   (isBuy.value ? (form.value?.goldCash ?? 0) < 500000 : (form.value?.goldValue ?? 0) < 0.001) ||
   (!isBuy.value && form.value.goldValue > walletStore?.walletInfo?.gold) ||
-  price.value?.buy === undefined)
+  !lastPrice.value ||
+  (isBuy.value ? getTradeBuyPrice(lastPrice.value) <= 0 : getTradeSellPrice(lastPrice.value) <= 0))
 
 function refreshTable() {
   sellItems.value = []
@@ -468,7 +473,7 @@ const limitedPrice = computed(() => {
 })
 
 function syncFormWithLatestPrice() {
-  if (!price.value) return
+  if (!lastPrice.value) return
 
   const goldValue = form.value.goldValue
   if (goldValue !== undefined && goldValue !== null && goldValue !== '' && !isNaN(Number(goldValue))) {
@@ -483,7 +488,7 @@ function syncFormWithLatestPrice() {
 }
 
 watch(
-  () => [lastPrice.value?.buy, lastPrice.value?.sell, isBuy.value],
+  () => [getTradeBuyPrice(lastPrice.value), getTradeSellPrice(lastPrice.value), isBuy.value],
   () => {
     syncFormWithLatestPrice()
   }
@@ -491,48 +496,36 @@ watch(
 
 function calculateCash(val: number) {
   priceErrorVisible.value = false
-  // console.log(val)
-  if (price.value) {
-    if (isBuy.value) {
-      if (val) form.value.goldCash = parseFloat((val * price?.value?.buy).toFixed(0))
-      else form.value.goldCash = undefined
-    } else {
-      if (val) form.value.goldCash = parseFloat((val * price?.value?.sell).toFixed(0))
-      else form.value.goldCash = undefined
-    }
-  }
+  if (!lastPrice.value) return
+
+  const unit = isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value)
+  form.value.goldCash = val ? parseFloat((val * unit).toFixed(0)) : undefined
 }
 
 function calculateGold(val: number) {
-  // console.log(val)
-  // form.value.goldCash = usePriceWithoutType(form.value.goldCash)
-  if (price.value) {
-    if (isBuy.value) {
-      if (val) {
-        form.value.goldValue = toFixedDownThreeChar(parseFloat(val / price?.value?.buy))
-        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
-        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
-      } else if (val.toString() === '') {
-        form.value.goldValue = undefined
-        priceErrorVisible.value = false
-      } else {
-        form.value.goldValue = 0
-        priceErrorVisible.value = false
-      }
+  if (!lastPrice.value) return
+
+  const unit = isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value)
+  if (isBuy.value) {
+    if (val) {
+      form.value.goldValue = toFixedDownThreeChar(parseFloat(String(val / unit)))
+      priceErrorVisible.value = parseInt(finalPrice.value) > 0
+    } else if (val.toString() === '') {
+      form.value.goldValue = undefined
+      priceErrorVisible.value = false
     } else {
-      if (val) {
-        form.value.goldValue = toFixedDownThreeChar(parseFloat((val / price?.value?.sell)))
-        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
-        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
-      } else if (val.toString() === '') {
-        // console.log('sasasasasasa')
-        form.value.goldValue = undefined
-        priceErrorVisible.value = false
-      } else {
-        form.value.goldValue = 0
-        priceErrorVisible.value = false
-      }
+      form.value.goldValue = 0
+      priceErrorVisible.value = false
     }
+  } else if (val) {
+    form.value.goldValue = toFixedDownThreeChar(parseFloat(String(val / unit)))
+    priceErrorVisible.value = parseInt(finalPrice.value) > 0
+  } else if (val.toString() === '') {
+    form.value.goldValue = undefined
+    priceErrorVisible.value = false
+  } else {
+    form.value.goldValue = 0
+    priceErrorVisible.value = false
   }
 }
 
@@ -573,18 +566,16 @@ const formatter = (value: number) => {
 const price = computed((): Price => <Price>lastPrice.value ?? 0)
 
 const goldPriceValue = computed(() => {
-  // if (!price.value) return 0
   if (!lastPrice.value?.price) return 0
-  return isBuy.value 
-    ? (price.value.buy ?? 0)
-    : (price.value.sell ?? 0)
+  return isBuy.value
+    ? getTradeBuyPrice(lastPrice.value)
+    : getTradeSellPrice(lastPrice.value)
 })
 
 async function initPrice() {
   try {
     // chartLoading.value = true
     await getLastPrices()
-    await getUpPrice()
     await setIntervalGetAllPrice()
     loading.value = true
   } catch (e) {
@@ -605,7 +596,7 @@ async function ok() {
     infoVisible.value = true
     await createOrder({
       direction: isBuy.value ? 1 : 2,
-      price: isBuy.value ? price.value?.buy : price.value?.sell,
+      price: isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value),
       amount: form.value.goldValue ?? 0
     })
     await walletStore.getMyWallet()