fix(gallery): resolve image zoom stretching and add rich viewer features
deploy-chabokan / deploy (push) Canceled after 0s
deploy-chabokan / deploy (push) Canceled after 0s
This commit is contained in:
@@ -48,15 +48,7 @@ const formatNumber = (num) => {
|
||||
<h3 class="font-bold text-lg text-surface-900 dark:text-surface-0 mb-1">آخرین گردشهای انبار</h3>
|
||||
<p class="text-xs text-muted-color">گزارش لحظهای ثبت ورود و خروج کالا در انبارها</p>
|
||||
</div>
|
||||
<Button
|
||||
label="مشاهده همه"
|
||||
icon="pi pi-arrow-left"
|
||||
iconPos="right"
|
||||
size="small"
|
||||
text
|
||||
class="text-xs"
|
||||
@click="viewAllTransactions"
|
||||
/>
|
||||
<Button label="مشاهده همه" icon="pi pi-arrow-left" iconPos="right" size="small" text class="text-xs" @click="viewAllTransactions" />
|
||||
</div>
|
||||
|
||||
<!-- Flow stats summary banner -->
|
||||
@@ -68,14 +60,10 @@ const formatNumber = (num) => {
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[11px] text-muted-color block">مجموع ورودی</span>
|
||||
<span class="text-xs font-bold text-emerald-700 dark:text-emerald-400">
|
||||
{{ formatNumber(warehouseFlow.inQuantity) }} واحد
|
||||
</span>
|
||||
<span class="text-xs font-bold text-emerald-700 dark:text-emerald-400"> {{ formatNumber(warehouseFlow.inQuantity) }} واحد </span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-xs font-medium text-emerald-600 dark:text-emerald-400">
|
||||
{{ formatNumber(warehouseFlow.inCount) }} تراکنش
|
||||
</span>
|
||||
<span class="text-xs font-medium text-emerald-600 dark:text-emerald-400"> {{ formatNumber(warehouseFlow.inCount) }} تراکنش </span>
|
||||
</div>
|
||||
|
||||
<div class="p-3 rounded-xl bg-rose-50/60 dark:bg-rose-950/20 border border-rose-200/50 dark:border-rose-800/30 flex items-center justify-between">
|
||||
@@ -85,14 +73,10 @@ const formatNumber = (num) => {
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-[11px] text-muted-color block">مجموع خروجی</span>
|
||||
<span class="text-xs font-bold text-rose-700 dark:text-rose-400">
|
||||
{{ formatNumber(warehouseFlow.outQuantity) }} واحد
|
||||
</span>
|
||||
<span class="text-xs font-bold text-rose-700 dark:text-rose-400"> {{ formatNumber(warehouseFlow.outQuantity) }} واحد </span>
|
||||
</div>
|
||||
</div>
|
||||
<span class="text-xs font-medium text-rose-600 dark:text-rose-400">
|
||||
{{ formatNumber(warehouseFlow.outCount) }} تراکنش
|
||||
</span>
|
||||
<span class="text-xs font-medium text-rose-600 dark:text-rose-400"> {{ formatNumber(warehouseFlow.outCount) }} تراکنش </span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -110,18 +94,12 @@ const formatNumber = (num) => {
|
||||
|
||||
<!-- Transactions List -->
|
||||
<ul v-else class="list-none p-0 m-0 divide-y divide-surface-100 dark:divide-surface-800">
|
||||
<li
|
||||
v-for="tx in transactions"
|
||||
:key="tx._id"
|
||||
class="py-3 flex items-center justify-between gap-3 hover:bg-surface-50 dark:hover:bg-surface-800/50 px-2 rounded-xl transition-colors duration-150"
|
||||
>
|
||||
<li v-for="tx in transactions" :key="tx._id" class="py-3 flex items-center justify-between gap-3 hover:bg-surface-50 dark:hover:bg-surface-800/50 px-2 rounded-xl transition-colors duration-150">
|
||||
<div class="flex items-center gap-3 min-w-0">
|
||||
<div
|
||||
:class="[
|
||||
'w-9 h-9 rounded-xl flex items-center justify-center shrink-0 font-bold text-xs',
|
||||
tx.type === 'IN'
|
||||
? 'bg-emerald-100 dark:bg-emerald-500/20 text-emerald-600 dark:text-emerald-400'
|
||||
: 'bg-rose-100 dark:bg-rose-500/20 text-rose-600 dark:text-rose-400'
|
||||
tx.type === 'IN' ? 'bg-emerald-100 dark:bg-emerald-500/20 text-emerald-600 dark:text-emerald-400' : 'bg-rose-100 dark:bg-rose-500/20 text-rose-600 dark:text-rose-400'
|
||||
]"
|
||||
>
|
||||
<i :class="['pi text-xs', tx.type === 'IN' ? 'pi-arrow-down' : 'pi-arrow-up']"></i>
|
||||
@@ -135,9 +113,7 @@ const formatNumber = (num) => {
|
||||
<span
|
||||
:class="[
|
||||
'px-1.5 py-0.2 rounded text-[10px] font-bold',
|
||||
tx.type === 'IN'
|
||||
? 'bg-emerald-100 dark:bg-emerald-900/40 text-emerald-700 dark:text-emerald-300'
|
||||
: 'bg-rose-100 dark:bg-rose-900/40 text-rose-700 dark:text-rose-300'
|
||||
tx.type === 'IN' ? 'bg-emerald-100 dark:bg-emerald-900/40 text-emerald-700 dark:text-emerald-300' : 'bg-rose-100 dark:bg-rose-900/40 text-rose-700 dark:text-rose-300'
|
||||
]"
|
||||
>
|
||||
{{ tx.type === 'IN' ? 'ورود' : 'خروج' }}
|
||||
@@ -152,12 +128,7 @@ const formatNumber = (num) => {
|
||||
</div>
|
||||
|
||||
<div class="text-left shrink-0">
|
||||
<div
|
||||
:class="[
|
||||
'font-bold text-sm font-mono',
|
||||
tx.type === 'IN' ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400'
|
||||
]"
|
||||
>
|
||||
<div :class="['font-bold text-sm font-mono', tx.type === 'IN' ? 'text-emerald-600 dark:text-emerald-400' : 'text-rose-600 dark:text-rose-400']">
|
||||
{{ tx.type === 'IN' ? '+' : '-' }}{{ formatNumber(tx.quantity) }} {{ tx.unit }}
|
||||
</div>
|
||||
<span class="text-[10px] text-muted-color font-mono block">
|
||||
|
||||
Reference in New Issue
Block a user