<pro-header [title]="'基础详情页'"></pro-header>
|
<nz-card [nzNoHovering]="true" [nzBordered]="false">
|
<ng-template #body>
|
<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>
|
<nz-table [nzDataSource]="data.basicGoods" [nzLoading]="basicLoading" [nzIsPagination]="false" class="d-block mb-lg">
|
<thead nz-thead>
|
<tr>
|
<th nz-th><span>商品编号</span></th>
|
<th nz-th><span>商品名称</span></th>
|
<th nz-th><span>商品条码</span></th>
|
<th nz-th class="text-right"><span>单价</span></th>
|
<th nz-th class="text-right"><span>数量（件）</span></th>
|
<th nz-th class="text-right"><span>金额</span></th>
|
</tr>
|
</thead>
|
<tbody nz-tbody>
|
<tr nz-tbody-tr *ngFor="let i of data.basicGoods">
|
<td nz-td><a (click)="msg.success(i.id)">{{i.id}}</a></td>
|
<td nz-td>{{i.name}}</td>
|
<td nz-td>{{i.barcode}}</td>
|
<td nz-td class="text-right">{{i.price}}</td>
|
<td nz-td class="text-right">{{i.num}}</td>
|
<td nz-td class="text-right">{{i.amount}}</td>
|
</tr>
|
<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>
|
</tbody>
|
</nz-table>
|
<div class="text-lg mb-md">退货进度</div>
|
<nz-table [nzDataSource]="data.basicProgress" [nzLoading]="basicLoading" [nzIsPagination]="false">
|
<thead nz-thead>
|
<tr>
|
<th nz-th><span>时间</span></th>
|
<th nz-th><span>当前进度</span></th>
|
<th nz-th><span>状态</span></th>
|
<th nz-th><span>操作员ID</span></th>
|
<th nz-th><span>耗时</span></th>
|
</tr>
|
</thead>
|
<tbody nz-tbody>
|
<tr nz-tbody-tr *ngFor="let i of data.basicProgress">
|
<td nz-td>{{i.time}}</td>
|
<td nz-td>{{i.rate}}</td>
|
<td nz-td>
|
<nz-badge *ngIf="i.status === 'success'" [nzStatus]="'success'" [nzText]="'成功'"></nz-badge>
|
<nz-badge *ngIf="i.status !== 'success'" [nzStatus]="'processing'" [nzText]="'进行中'"></nz-badge>
|
</td>
|
<td nz-td>{{i.operator}}</td>
|
<td nz-td>{{i.cost}}</td>
|
</tr>
|
</tbody>
|
</nz-table>
|
</ng-template>
|
</nz-card>
|
