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

changes of boursemes &...

Browse Source
This commit is contained in:
safavimohadeseh78
2026-07-01 13:36:49 +02:00
parent 57876fbce8
commit 2feeefc26f
15 changed files with 213 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/physicalReceive/components/RequestItem.vue
+58 -37
View File
@@ -1,47 +1,45 @@
<template>
<div
class="rounded-lg shadow-md mx-2 bg-gradient-to-l from-primary rounded-lg p-[2px] to-transparent"
:class="{ 'dpr-item': variant === 'desktop' }"
class="physical-receive-item"
:class="{ 'physical-receive-item--desktop': variant === 'desktop' }"
>
<div class="rounded-lg flex flex-col gap-2 bg-white p-2">
<div class="flex justify-between">
<div class="font-bold">شماره سند: {{ props.item.id }}</div>
<div class="font-bold">{{ toJalali(props.item.created_at) }}</div>
</div>
<div class="flex justify-between">
<div class="flex flex-col w-full gap-1">
<div
v-for="tx in props.item.transaction"
:key="tx.id ?? tx.title"
class="w-full flex justify-between"
>
<div class="flex items-center gap-1">
<div class="w-7 h-7 flex justify-center rounded-lg bg-gray-100">
<img
width="30"
class="p-1 object-contain"
:src="getProductDisplayImage(tx.product)"
alt=""
/>
</div>
<div>{{ tx.title }}</div>
<div class="flex justify-between">
<div class="font-bold">شماره سند: {{ props.item.id }}</div>
<div class="font-bold">{{ toJalali(props.item.created_at) }}</div>
</div>
<div class="flex justify-between">
<div class="flex flex-col w-full gap-1">
<div
v-for="tx in props.item.transaction"
:key="tx.id ?? tx.title"
class="w-full flex justify-between"
>
<div class="flex items-center gap-1">
<div class="w-7 h-7 flex justify-center rounded-lg bg-gray-100">
<img
width="30"
class="p-1 object-contain"
:src="getProductDisplayImage(tx.product)"
alt=""
/>
</div>
<div>{{ tx.gold * -1 }} عدد</div>
<div>{{ tx.title }}</div>
</div>
<div>{{ tx.gold * -1 }} عدد</div>
</div>
</div>
<div class="flex justify-between">
<div class="font-bold">وضعیت:</div>
<ATag color="blue" class="!py-1 !px-2 !ml-0">
{{ props.item.sts_str }}
</ATag>
</div>
<ADivider class="!m-1" />
<div class="flex flex-col justify-between">
<div class="font-bold">آدرس:</div>
<div>
{{ props.item.address.province }}/{{ props.item.address.city }}/{{ props.item.address.address }}
</div>
</div>
<div class="flex justify-between">
<div class="font-bold">وضعیت:</div>
<ATag color="blue" class="!py-1 !px-2 !ml-0">
{{ props.item.sts_str }}
</ATag>
</div>
<ADivider class="!m-1" />
<div class="flex flex-col justify-between">
<div class="font-bold">آدرس:</div>
<div>
{{ props.item.address.province }}/{{ props.item.address.city }}/{{ props.item.address.address }}
</div>
</div>
</div>
@@ -61,3 +59,26 @@ const props = withDefaults(defineProps<Prop>(), {
variant: 'mobile',
})
</script>
<style scoped lang="less">
.physical-receive-item {
display: flex;
flex-direction: column;
gap: 8px;
margin-inline: 8px;
padding: 12px;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.physical-receive-item--desktop {
margin: 0;
padding: 16px;
border-radius: 16px;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.06);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
</style>