<page-header [title]="'基础详情页'"></page-header>
|
<nz-card [nzHoverable]="true" [nzBordered]="false">
|
<desc-list size="large" title="退款申请" class="mb-lg">
|
<desc-list-item term="取货单号">1000000000</desc-list-item>
|
<desc-list-item term="状态">已取货</desc-list-item>
|
<desc-list-item term="销售单号">1234123421</desc-list-item>
|
<desc-list-item term="子订单">3214321432</desc-list-item>
|
</desc-list>
|
<nz-divider class="mb-lg"></nz-divider>
|
<desc-list size="large" title="用户信息" class="mb-lg">
|
<desc-list-item term="用户姓名">付小小</desc-list-item>
|
<desc-list-item term="联系电话">18100000000</desc-list-item>
|
<desc-list-item term="常用快递">菜鸟仓储</desc-list-item>
|
<desc-list-item term="取货地址">浙江省杭州市西湖区万塘路18号</desc-list-item>
|
<desc-list-item term="备注">无</desc-list-item>
|
</desc-list>
|
<nz-divider class="mb-lg"></nz-divider>
|
<div class="text-lg mb-md">退货商品</div>
|
<simple-table [data]="goods" [columns]="goodsColumns">
|
<ng-template #body>
|
<tr nz-tbody-tr>
|
<td nz-td>合计</td>
|
<td nz-td></td>
|
<td nz-td></td>
|
<td nz-td class="text-right"></td>
|
<td nz-td class="text-right">
|
<strong>{{basicNum}}</strong>
|
</td>
|
<td nz-td class="text-right">
|
<strong>{{amountNum}}</strong>
|
</td>
|
</tr>
|
</ng-template>
|
</simple-table>
|
<div class="text-lg my-md">退货进度</div>
|
<simple-table [data]="progress" [columns]="progressColumns">
|
<ng-template st-row="status" let-i>
|
<nz-badge *ngIf="i.status === 'success'" [nzStatus]="'success'" [nzText]="'成功'"></nz-badge>
|
<nz-badge *ngIf="i.status !== 'success'" [nzStatus]="'processing'" [nzText]="'进行中'"></nz-badge>
|
</ng-template>
|
</simple-table>
|
</nz-card>
|
