84 lines
3.0 KiB
Vue
84 lines
3.0 KiB
Vue
|
<template>
|
||
|
|
<BasicActionSheet v-model:show="visible">
|
||
|
|
<div class="pb-20">
|
||
|
|
<div>
|
||
|
|
<div class="w-full text-center font-bold">موجودی ها</div>
|
||
|
|
<div class="h-30vh overflow-y-auto">
|
||
|
|
<div class="mt-5">
|
||
|
|
<BasicInfoItem
|
||
|
|
class="flex justify-between"
|
||
|
|
title="مجموعه کل دارایی طلایی"
|
||
|
|
is-line
|
||
|
|
:info="`در این قسمت مجموع کل وزن طلای آبشده (${(walletInfo?.gold ?? 0)?.toFixed(3)}) + ارزش دارایی ها (${(walletInfo?.treasure_sum ?? 0)?.toFixed(3)} ) را مشاهده میفرمایید.`"
|
||
|
|
infoHead="مجموع کل دارایی طلایی"
|
||
|
|
:value="parseFloat((walletInfo?.gold_sum ?? 0).toFixed(2)) + ' گرم'"
|
||
|
|
/>
|
||
|
|
<a-divider class="!my-1" />
|
||
|
|
<BasicInfoItem
|
||
|
|
class="flex justify-between"
|
||
|
|
title="دارایی کیف پول ریالی"
|
||
|
|
is-line
|
||
|
|
:value="usePrice(walletInfo?.cash ?? 0)"
|
||
|
|
/>
|
||
|
|
<a-divider class="!my-1" />
|
||
|
|
<BasicInfoItem
|
||
|
|
class="flex justify-between"
|
||
|
|
title="دارایی کیف پول طلایی"
|
||
|
|
is-line
|
||
|
|
:value="(walletInfo?.count_gold_wallet ?? 0) + ' گرم'"
|
||
|
|
/>
|
||
|
|
<a-divider v-if="nameProject === 'goldsun'" class="!my-1" />
|
||
|
|
<BasicInfoItem
|
||
|
|
v-if="nameProject === 'goldsun'"
|
||
|
|
class="flex justify-between"
|
||
|
|
title="دارایی کیف پول نقره"
|
||
|
|
is-line
|
||
|
|
:value="(walletInfo?.count_silver ?? 0) + ' گرم'"
|
||
|
|
/>
|
||
|
|
<a-divider v-if="nameProject === 'goldsun'" class="!my-1" />
|
||
|
|
<BasicInfoItem
|
||
|
|
v-if="nameProject === 'goldsun'"
|
||
|
|
class="flex justify-between"
|
||
|
|
title="دارایی کیف پول مس"
|
||
|
|
is-line
|
||
|
|
:value="(walletInfo?.count_copper ?? 0) + ' گرم'"
|
||
|
|
/>
|
||
|
|
<a-divider class="!my-1" />
|
||
|
|
<BasicInfoItem
|
||
|
|
class="flex justify-between"
|
||
|
|
title="معادل ریالی مجموع دارایی ها"
|
||
|
|
is-line
|
||
|
|
:value="usePrice(walletInfo?.count_cash_total ?? 0)"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</BasicActionSheet>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import BasicActionSheet from '@/components/BasicPacks/BasicActionSheet.vue'
|
||
|
|
import BasicInfoItem from '@/components/BasicPacks/BasicInfoItem.vue'
|
||
|
|
import { useConfigStore } from '@/store/configStore'
|
||
|
|
import {usePrice} from "@/utils/usePrice";
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
show: boolean
|
||
|
|
walletInfo: any
|
||
|
|
goldVal: number
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const emit = defineEmits<{
|
||
|
|
'update:show': [value: boolean]
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const config = useConfigStore()
|
||
|
|
const nameProject = config.config.name
|
||
|
|
|
||
|
|
const visible = computed({
|
||
|
|
get: () => props.show,
|
||
|
|
set: (val) => emit('update:show', val)
|
||
|
|
})
|
||
|
|
</script>
|