66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
|
<p-table
|
||
|
|
stripedRows
|
||
|
|
[value]="items"
|
||
|
|
[loading]="loading"
|
||
|
|
showGridlines
|
||
|
|
tableStyleClass="table-fixed border-collapse"
|
||
|
|
scrollable
|
||
|
|
>
|
||
|
|
<ng-template #header>
|
||
|
|
<tr>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', width: '4rem' }">ردیف</th>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', width: '8rem' }">تاریخ</th>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">شرح</th>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', width: '6rem' }">شماره</th>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', minWidth: '14rem', width: '14rem' }">طرف حساب</th>
|
||
|
|
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">انبار</th>
|
||
|
|
<th colspan="2" class="text-center!" [style]="{ width: '15rem' }">وارده</th>
|
||
|
|
<th colspan="2" class="text-center!" [style]="{ width: '15rem' }">خروجی</th>
|
||
|
|
<th colspan="3" class="text-center!" [style]="{ width: '25rem' }">مانده</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '5rem' }">تعداد</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '10rem' }">فی</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '5rem' }">تعداد</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '10rem' }">فی</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '5rem' }">تعداد</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '10rem' }">فی</th>
|
||
|
|
<th [style]="{ textAlign: 'center', width: '10rem' }">مجموع قیمت</th>
|
||
|
|
</tr>
|
||
|
|
</ng-template>
|
||
|
|
|
||
|
|
<ng-template #body let-item let-i="rowIndex">
|
||
|
|
<tr>
|
||
|
|
<td class="text-center!">{{ i + 1 }}</td>
|
||
|
|
<td class="text-center!" [jalaliDate]="item.createdAt"></td>
|
||
|
|
<td class="text-center!"><catalog-movement-reference-tag [type]="item.referenceType" /></td>
|
||
|
|
<td class="text-center!">{{ item.referenceId || "-" }}</td>
|
||
|
|
<td class="text-center!">{{ item.supplier?.name || "-" }}</td>
|
||
|
|
<td class="text-center!">{{ item.inventory.name || "-" }}</td>
|
||
|
|
<td class="text-center!">
|
||
|
|
{{ item.type === "IN" ? item.quantity : 0 }}
|
||
|
|
</td>
|
||
|
|
<td class="text-center!">
|
||
|
|
@if (item.type === "IN") {
|
||
|
|
<span [appPriceMask]="item.fee"></span>
|
||
|
|
} @else {
|
||
|
|
0
|
||
|
|
}
|
||
|
|
</td>
|
||
|
|
<td class="text-center!">
|
||
|
|
{{ item.type === "OUT" ? item.quantity : 0 }}
|
||
|
|
</td>
|
||
|
|
<td class="text-center!">
|
||
|
|
@if (item.type === "OUT") {
|
||
|
|
<span [appPriceMask]="item.fee"></span>
|
||
|
|
} @else {
|
||
|
|
0
|
||
|
|
}
|
||
|
|
</td>
|
||
|
|
<td class="text-center!">{{ item.remainedInStock }}</td>
|
||
|
|
<td class="text-center!"><span [appPriceMask]="item.fee"></span></td>
|
||
|
|
<td class="text-center!"><span [appPriceMask]="item.totalCost"></span></td>
|
||
|
|
</tr>
|
||
|
|
</ng-template>
|
||
|
|
</p-table>
|