boursecu/boursecu_admin
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix reports

Browse Source
This commit is contained in:
mohmdsdg
2026-06-24 01:46:30 +03:30
parent 69da635247
commit 78ce8ad4b4
5 changed files with 295 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/menuPages/withdraw/components/WithdrawMobileDetailSheet.vue
+57 -12
View File
@@ -62,15 +62,28 @@
{{ row.sts_str || '-' }}
</span>
<div class="flex flex-wrap items-center gap-2">
<span
class="inline-flex rounded-lg border px-2 py-0.5 text-xs font-600"
:class="typeTagClass(row)"
>
{{ typeLabel(row) }}
</span>
</div>
<div class="space-y-2">
<MobileStatCard bordered variant="danger" label="مقدار (ریال)" :value="usePrice(row.cash ?? 0, true, '')">
<MobileStatCard
bordered
:variant="amountVariant(row)"
label="مقدار"
:value="amountLabel(row)"
>
<template #prefix>
<BaseIcon icon="vuesax-linear:empty-wallet" size="18" color="#dc2626" />
</template>
</MobileStatCard>
<MobileStatCard bordered variant="warning" :label="metalLabel.goldUnit()" :value="goldLabel(row)">
<template #prefix>
<BaseIcon icon="vuesax-linear:coin" size="18" color="#b45309" />
<BaseIcon
:icon="isMoneyWithdraw(row) ? 'vuesax-linear:empty-wallet' : 'vuesax-linear:coin'"
size="18"
:color="amountIconColor(row)"
/>
</template>
</MobileStatCard>
</div>
@@ -104,10 +117,14 @@ import MobileInfoGrid from '@/components/mobile/MobileInfoGrid.vue'
import MobileSheetHeader from '@/components/mobile/MobileSheetHeader.vue'
import MobileStatCard from '@/components/mobile/MobileStatCard.vue'
import { status } from '@/pages/menuPages/withdraw/information/hooks/status'
import {
formatWithdrawAmountDisplay,
isMoneyWithdraw,
withdrawAmountValue,
withdrawTypeLabel
} from '@/pages/menuPages/withdraw/utils/withdrawDisplay'
import { isMobile } from '@core/utils/is'
import { toJalali } from '@core/utils/useDataTime'
import { usePrice } from '@core/utils/usePrice'
import { metalLabel } from '@/utils/adminMetalLabels'
import { toNumber } from 'lodash'
import { useRouter } from 'vue-router'
@@ -155,8 +172,36 @@ function noteLabel(row: Withdraw) {
return String(row.note)
}
function goldLabel(row: Withdraw) {
if (row.gold == null) return '-'
return String(row.gold)
function typeLabel(row: Withdraw) {
return withdrawTypeLabel(row)
}
function typeTagClass(row: Withdraw) {
if (!isMoneyWithdraw(row)) {
return 'border-amber-300 bg-amber-50 text-amber-700'
}
return withdrawAmountValue(row) > 0
? 'border-green-300 bg-green-50 text-green-700'
: withdrawAmountValue(row) < 0
? 'border-red-300 bg-red-50 text-red-700'
: 'border-gray-300 bg-gray-50 text-gray-700'
}
function amountLabel(row: Withdraw) {
return formatWithdrawAmountDisplay(row)
}
function amountVariant(row: Withdraw) {
const value = withdrawAmountValue(row)
if (value > 0) return 'success'
if (value < 0) return 'danger'
return 'warning'
}
function amountIconColor(row: Withdraw) {
const value = withdrawAmountValue(row)
if (value > 0) return '#15803d'
if (value < 0) return '#dc2626'
return '#b45309'
}
</script>
src/pages/menuPages/withdraw/components/WithdrawMobileListItem.vue
+12 -3
View File
@@ -8,7 +8,7 @@
<div class="flex items-center justify-between gap-2 text-xs">
<span class="truncate text-gray-600">{{ noteLabel }}</span>
<span class="shrink-0 font-700 text-red-600">{{ cashLabel }}</span>
<span class="shrink-0 font-700" :class="amountClass">{{ amountLabel }}</span>
</div>
</div>
</MobileCard>
@@ -18,7 +18,10 @@
import type { Withdraw } from '@/model/wallet'
import MobileCard from '@/components/mobile/MobileCard.vue'
import { toJalaliNoTime } from '@core/utils/useDataTime'
import { usePrice } from '@core/utils/usePrice'
import {
formatWithdrawAmountDisplay,
withdrawAmountValue
} from '@/pages/menuPages/withdraw/utils/withdrawDisplay'
const props = defineProps<{
item: Withdraw
@@ -35,5 +38,11 @@ const noteLabel = computed(() => {
const customerName = computed(() => props.item.customer?.name || '-')
const dateLabel = computed(() => (props.item.created_at ? toJalaliNoTime(props.item.created_at) : '-'))
const cashLabel = computed(() => usePrice(props.item.cash ?? 0, true, ''))
const amountLabel = computed(() => formatWithdrawAmountDisplay(props.item))
const amountClass = computed(() => {
const value = withdrawAmountValue(props.item)
if (value > 0) return 'text-green-600'
if (value < 0) return 'text-red-600'
return 'text-gray-600'
})
</script>
src/pages/menuPages/withdraw/hooks/withdrawColumns.tsx
+34 -10
View File
@@ -1,9 +1,13 @@
import type { BaseTableColumn } from '@core/type/baseTable'
import { toJalali, toJalaliNoTime, toTime } from '@core/utils/useDataTime'
import CustomTag from '@/components/CustomTag.vue'
import { usePrice } from '@core/utils/usePrice'
import WithdrawStatus from "@/pages/menuPages/withdraw/components/WithdrawStatus.vue";
import { metalLabel } from '@/utils/adminMetalLabels'
import {
formatWithdrawAmountDisplay,
isMoneyWithdraw,
withdrawAmountColorClass,
withdrawTypeLabel
} from '@/pages/menuPages/withdraw/utils/withdrawDisplay'
/*import BudgetSelect from '@/components/BudgetSelect.vue'
import { useStaticApiListsStore } from '@/store/staticApisStore'
import type { FilterSelect } from '@/model/filterSelect'
@@ -71,23 +75,43 @@ export function getWithdrawColumns(): BaseTableColumn[] {
type: 'Text'
},
{
title: 'مقدار (ریال)',
dataIndex: 'cash',
key: 'cash',
type: 'Number',
title: 'نوع',
dataIndex: 'asset_type',
key: 'asset_type',
filterable: false,
sortable: false,
customRender: ({ record }) => {
const label = withdrawTypeLabel(record)
if (label === '-') {
return <div class="flex justify-center px-6">-</div>
}
return (
<div class="flex justify-center">
<div class={'font-bold px-6 text-red'}>{usePrice(record.cash ?? 0, true, '')}</div>
<CustomTag
textColor={isMoneyWithdraw(record) ? '#25855A' : '#ca8a04'}
bgColor={isMoneyWithdraw(record) ? '#E3F4E9' : '#fef3c7'}
class="font-bold px-6"
>
{label}
</CustomTag>
</div>
)
}
},
{
title: metalLabel.goldUnit(),
dataIndex: 'gold',
key: 'gold',
title: 'مقدار',
dataIndex: 'amount',
key: 'amount',
type: 'Number',
customRender: ({ record }) => {
const colorClass = withdrawAmountColorClass(record)
return (
<div class="flex justify-center">
<div class={`font-bold px-6 ${colorClass}`}>{formatWithdrawAmountDisplay(record)}</div>
</div>
)
}
},
{
title: 'شماره کارت',
src/pages/menuPages/withdraw/utils/withdrawDisplay.ts
+63
View File
@@ -0,0 +1,63 @@
import type { Withdraw } from '@/model/wallet'
import { metalLabel } from '@/utils/adminMetalLabels'
import { getMainMetal } from '@/utils/metalLabels'
import {
formatMetalDisplayValue,
METAL_ID_COPPER,
METAL_ID_GOLD,
METAL_ID_SILVER,
metalDisplayUnit
} from '@/utils/metalWeight'
import { usePrice } from '@core/utils/usePrice'
export function resolveWithdrawMetalId(): number {
const main = getMainMetal()
if (main.includes('مس')) return METAL_ID_COPPER
if (main.includes('نقره')) return METAL_ID_SILVER
return METAL_ID_GOLD
}
export function isMoneyWithdraw(record: Pick<Withdraw, 'cash' | 'gold'>): boolean {
const gold = Math.abs(Number(record.gold ?? 0))
if (gold > 0) return false
return true
}
export function withdrawTypeLabel(record: Pick<Withdraw, 'cash' | 'gold'>): string {
if (!isMoneyWithdraw(record)) {
return metalLabel.goldUnit()
}
const cash = Math.abs(Number(record.cash ?? 0))
return cash > 0 ? 'پول' : '-'
}
export function withdrawAmountValue(record: Pick<Withdraw, 'cash' | 'gold'>): number {
if (isMoneyWithdraw(record)) {
return Number(record.cash ?? 0)
}
return Number(record.gold ?? 0)
}
export function formatWithdrawAmountDisplay(record: Pick<Withdraw, 'cash' | 'gold'>): string {
const value = withdrawAmountValue(record)
if (isMoneyWithdraw(record)) {
if (!value) return `0 ریال`
const formatted = usePrice(Math.abs(value), true, '')
return value > 0 ? `${formatted} ریال` : `-${formatted} ریال`
}
const metalId = resolveWithdrawMetalId()
const unit = metalDisplayUnit(metalId)
if (!value) return `0 ${unit}`
const formatted = formatMetalDisplayValue(Math.abs(value), metalId)
return value > 0 ? formatted : `-${formatted}`
}
export function withdrawAmountColorClass(record: Pick<Withdraw, 'cash' | 'gold'>): string {
const value = withdrawAmountValue(record)
if (!value) return ''
return value > 0 ? 'text-green' : 'text-red'
}