|
|
@ -2,181 +2,235 @@ |
|
|
|
<app-breadcrumb></app-breadcrumb> |
|
|
|
<app-breadcrumb></app-breadcrumb> |
|
|
|
<!-- end 面包屑 --> |
|
|
|
<!-- end 面包屑 --> |
|
|
|
|
|
|
|
|
|
|
|
<!--条件搜索--> |
|
|
|
<nz-spin [nzSpinning]="loadingObject.status" [nzTip]="loadingObject.title"> |
|
|
|
<div class="inner-content"> |
|
|
|
<!-- start 搜索条件 --> |
|
|
|
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)"> |
|
|
|
<div [@openClose]="isCollapse ? 'open' : 'closed'"> |
|
|
|
<div nz-row> |
|
|
|
<div class="inner-content"> |
|
|
|
<div nz-col nzSpan="8" *ngIf="roleType === 1"> |
|
|
|
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)"> |
|
|
|
<nz-form-item> |
|
|
|
<div nz-row> |
|
|
|
<nz-form-label [nzSpan]="6">区域公司</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch nzAllowClear [formControlName]="'companyId'" (ngModelChange)="getMerchantListByCompany($event)"> |
|
|
|
|
|
|
|
<nz-option *ngFor="let item of companyData" nzValue="{{item.id}}" nzLabel="{{item.name}}"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8" *ngIf="roleType === 5 || roleType === 1"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">商户</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch nzAllowClear [formControlName]="'merchantId'"> |
|
|
|
|
|
|
|
<nz-option *ngFor="let item of merchantData" nzValue="{{item.id}}" nzLabel="{{item.merchantName}}"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">订单号</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<input nz-input formControlName="orderNo"/> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">商品名称</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<input nz-input formControlName="memDiscountName"/> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">用户电话</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<input nz-input formControlName="memPhone"/> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">支付模式</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="payModel" nzPlaceHolder="请选择支付模式"> |
|
|
|
|
|
|
|
<nz-option nzLabel="金币支付" nzValue="1"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="第三方支付" nzValue="2"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="混合支付" nzValue="3"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">支付方式</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="payType" nzPlaceHolder="请选择支付模式"> |
|
|
|
|
|
|
|
<nz-option nzLabel="支付宝" nzValue="1"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="微信" nzValue="2"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="金币" nzValue="3"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="工会卡" nzValue="4"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="银联" nzValue="5"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">状态</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择订单状态" formControlName="orderStatus"> |
|
|
|
|
|
|
|
<nz-option nzLabel="待支付" nzValue="1"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="已支付" nzValue="2"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="已完成" nzValue="3"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="已退款" nzValue="4"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="已取消" nzValue="5"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="退款中" nzValue="6"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzLabel="退款失败" nzValue="7"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="6">时间区间</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
|
|
|
|
<nz-range-picker [nzShowTime]="{ nzFormat: 'HH:mm' }" formControlName="payTime"></nz-range-picker> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div nz-row> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="24" class="search-button"> |
|
|
|
<nz-form-item> |
|
|
|
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button> |
|
|
|
<nz-form-label [nzSpan]="8">交易单号</nz-form-label> |
|
|
|
<button nz-button nzType="default" (click)="resetForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
</div> |
|
|
|
<input nz-input formControlName="orderNo" /> |
|
|
|
</div> |
|
|
|
</nz-form-control> |
|
|
|
</form> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">客户电话</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<input nz-input formControlName="memPhone" /> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">交易状态</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-select formControlName="orderStatus" nzAllowClear> |
|
|
|
|
|
|
|
<nz-option *ngFor="let item of orderStatusArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div nz-row *ngIf="isCollapse"> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8" *ngIf="roleType == 0 || roleType == 1"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">分公司</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-select nzShowSearch formControlName="companyId" nzAllowClear> |
|
|
|
|
|
|
|
<nz-option *ngFor="let item of companyArray" nzValue="{{item['id']}}" nzLabel="{{item['name']}}"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">支付方式</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-select nzAllowClear formControlName="payType"> |
|
|
|
|
|
|
|
<nz-option nzValue="1" nzLabel="支付宝"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="2" nzLabel="微信"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="3" nzLabel="积分抵扣"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="4" nzLabel="汇联通工会卡"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="5" nzLabel="银联"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="6" nzLabel="银联分期"></nz-option> |
|
|
|
|
|
|
|
<nz-option nzValue="7" nzLabel="嗨森逛油卡"></nz-option> |
|
|
|
|
|
|
|
</nz-select> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">支付卡号</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<input nz-input formControlName="memCardNo" /> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">支付时间</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-range-picker |
|
|
|
|
|
|
|
[nzShowTime]="{ nzHideDisabledOptions: true }" |
|
|
|
|
|
|
|
formControlName="payTimeArray" |
|
|
|
|
|
|
|
nzFormat="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
|
|
></nz-range-picker> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label [nzSpan]="8">创建时间</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-range-picker |
|
|
|
|
|
|
|
[nzShowTime]="{ nzHideDisabledOptions: true }" |
|
|
|
|
|
|
|
formControlName="createTimeArray" |
|
|
|
|
|
|
|
nzFormat="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
|
|
></nz-range-picker> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="inner-content"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<span>共计 {{total}} 条数据</span> |
|
|
|
<nz-form-item> |
|
|
|
<div class="operating-button"> |
|
|
|
<nz-form-label [nzSpan]="8">退款时间</nz-form-label> |
|
|
|
<button nz-button nzType="primary" class="right-btn" (click)="downloadTemplate(searchForm.value)" ><i nz-icon nzType="download" nzTheme="outline"></i>导出订单</button> |
|
|
|
<nz-form-control [nzSpan]="14"> |
|
|
|
|
|
|
|
<nz-range-picker |
|
|
|
|
|
|
|
[nzShowTime]="{ nzHideDisabledOptions: true }" |
|
|
|
|
|
|
|
formControlName="refundTimeArray" |
|
|
|
|
|
|
|
nzFormat="yyyy-MM-dd HH:mm:ss" |
|
|
|
|
|
|
|
></nz-range-picker> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div nz-row> |
|
|
|
|
|
|
|
<div nz-col nzSpan="24" class="search-button"> |
|
|
|
|
|
|
|
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button> |
|
|
|
|
|
|
|
<button nz-button nzType="default" (click)="searchForm.reset();"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
|
|
|
|
|
|
|
<a class="collapse" (click)="isCollapse = !isCollapse;">{{!isCollapse ? '更多条件' : '隐藏条件'}}<i nz-icon [nzType]="!isCollapse ? 'down' : 'up'"></i></a> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<nz-table |
|
|
|
<!-- end 搜索条件 --> |
|
|
|
class="table" |
|
|
|
|
|
|
|
#ajaxTable |
|
|
|
|
|
|
|
nzShowSizeChanger |
|
|
|
|
|
|
|
[nzFrontPagination]="false" |
|
|
|
|
|
|
|
[nzData]="requestData" |
|
|
|
|
|
|
|
[nzLoading]="loading" |
|
|
|
|
|
|
|
[nzTotal]="total" |
|
|
|
|
|
|
|
[(nzPageIndex)]="pageNum" |
|
|
|
|
|
|
|
[(nzPageSize)]="pageSize" |
|
|
|
|
|
|
|
[nzScroll]="{ x: '1200px' }" |
|
|
|
|
|
|
|
(nzPageIndexChange)="getRequest(false , searchForm.value)" |
|
|
|
|
|
|
|
(nzPageSizeChange)="getRequest(false , searchForm.value)"> |
|
|
|
|
|
|
|
<thead nzSingleSort> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th nzWidth="50px">编号</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">商品名称</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">订单来源</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">订单类型</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">订单号</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">支付流水号</th> |
|
|
|
|
|
|
|
<th nzWidth="120px">客户名称</th> |
|
|
|
|
|
|
|
<th nzWidth="130px">客户电话</th> |
|
|
|
|
|
|
|
<th nzWidth="110px">支付模式</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">支付方式</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">支付金额</th> |
|
|
|
|
|
|
|
<th nzWidth="140px">生成时间</th> |
|
|
|
|
|
|
|
<th nzWidth="140px">支付时间</th> |
|
|
|
|
|
|
|
<th nzWidth="140px">取消时间</th> |
|
|
|
|
|
|
|
<th nzRight nzWidth="100px">状态</th> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
|
|
<tr *ngFor="let data of ajaxTable.data; let i = index"> |
|
|
|
|
|
|
|
<td>{{i+1}}</td> |
|
|
|
|
|
|
|
<td>{{data.goodsName}}</td> |
|
|
|
|
|
|
|
<td>{{data.giveawayType}}</td> |
|
|
|
|
|
|
|
<td>{{data.goodsType}}</td> |
|
|
|
|
|
|
|
<td>{{data.orderNo}}</td> |
|
|
|
|
|
|
|
<td>{{data.paySerialNo}}</td> |
|
|
|
|
|
|
|
<td>{{data.memName == null ? '暂无': data.memName}}</td> |
|
|
|
|
|
|
|
<td>{{data.memPhone == null ? '暂无': data.memPhone}}</td> |
|
|
|
|
|
|
|
<td>{{data.payModel}}</td> |
|
|
|
|
|
|
|
<td>{{data.payType}}</td> |
|
|
|
|
|
|
|
<td>{{data.payPrice}}</td> |
|
|
|
|
|
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
|
|
|
|
<td>{{data.payTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
|
|
|
|
<td>{{data.cancelTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
|
|
|
|
<td nzRight>{{data.orderStatus}}</td> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
|
|
|
|
</nz-table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--列表数据--> |
|
|
|
|
|
|
|
<div class="inner-content"> |
|
|
|
|
|
|
|
<span>共计 {{total?total:0}} 条数据</span> |
|
|
|
|
|
|
|
|
|
|
|
<nz-modal [(nzVisible)]="isVisible" nzTitle="退款理由" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"> |
|
|
|
|
|
|
|
<nz-form-item> |
|
|
|
|
|
|
|
<nz-form-label>退款理由</nz-form-label> |
|
|
|
|
|
|
|
<nz-form-control> |
|
|
|
|
|
|
|
<textarea [(ngModel)]="refundContent" nz-input rows="2" placeholder="请输入退款理由"></textarea> |
|
|
|
|
|
|
|
</nz-form-control> |
|
|
|
|
|
|
|
</nz-form-item> |
|
|
|
|
|
|
|
</nz-modal> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--数组表格 --> |
|
|
|
|
|
|
|
<nz-table #basicTable |
|
|
|
|
|
|
|
nzShowPagination |
|
|
|
|
|
|
|
nzShowSizeChanger |
|
|
|
|
|
|
|
nzBordered |
|
|
|
|
|
|
|
[nzData]="requestData" |
|
|
|
|
|
|
|
[nzTotal]="total" |
|
|
|
|
|
|
|
[nzLoading]="loading" |
|
|
|
|
|
|
|
[nzFrontPagination]="false" |
|
|
|
|
|
|
|
[(nzPageIndex)]="pageNum" |
|
|
|
|
|
|
|
[(nzPageSize)]="pageSize" |
|
|
|
|
|
|
|
(nzPageIndexChange)="getRequest(false , searchForm.value)" |
|
|
|
|
|
|
|
(nzPageSizeChange)="getRequest(false , searchForm.value)" |
|
|
|
|
|
|
|
[nzPageSizeOptions]="[10,20,50,100]" |
|
|
|
|
|
|
|
[nzScroll]="{ x: '1200px'}"> |
|
|
|
|
|
|
|
<thead> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th nzWidth="200px">交易单号</th> |
|
|
|
|
|
|
|
<th nzWidth="130px">客户电话</th> |
|
|
|
|
|
|
|
<th nzWidth="200px">订单名称</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">订单金额</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">支付金额</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">支付方式</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">订单状态</th> |
|
|
|
|
|
|
|
<th nzWidth="180px">创建时间</th> |
|
|
|
|
|
|
|
<th nzWidth="110px" nzRight="0px">操作</th> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
|
|
<tr *ngFor="let data of basicTable.data;let i = index"> |
|
|
|
|
|
|
|
<td>{{data.orderNo}}</td> |
|
|
|
|
|
|
|
<td>{{data.memPhone}}</td> |
|
|
|
|
|
|
|
<td>{{data.title}}</td> |
|
|
|
|
|
|
|
<td>¥{{data.totalPrice}}</td> |
|
|
|
|
|
|
|
<td>¥{{data.payPrice}}</td> |
|
|
|
|
|
|
|
<td>{{data.orderStatus == 1 || data.orderStatus == 5 ? '未支付' : data.payType | orderPayType}}</td> |
|
|
|
|
|
|
|
<td>{{data.orderStatus | orderStatus}}</td> |
|
|
|
|
|
|
|
<td>{{data.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
|
|
|
|
<td nzRight="0px" class="table-td-operation"> |
|
|
|
|
|
|
|
<a nz-dropdown [nzDropdownMenu]="menu"> 操作列表 <i nz-icon nzType="down"></i> </a> |
|
|
|
|
|
|
|
<nz-dropdown-menu #menu="nzDropdownMenu"> |
|
|
|
|
|
|
|
<ul nz-menu nzSelectable> |
|
|
|
|
|
|
|
<li nz-menu-item (click)="showOrderDetail(data.orderNo)"><a>详情</a></li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
</nz-dropdown-menu> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
|
|
|
|
</nz-table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</nz-spin> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<nz-modal [(nzVisible)]="orderDetailModal" nzTitle="交易详情" (nzOnCancel)="orderDetailModal = false" [nzFooter]="null" |
|
|
|
|
|
|
|
nzWidth="1000px" [nzBodyStyle]=" { padding: '20px 20px 30px 20px'}"> |
|
|
|
|
|
|
|
<nz-spin [nzSpinning]="orderDetailModalLoading"> |
|
|
|
|
|
|
|
<nz-tabset [nzType]="'card'"> |
|
|
|
|
|
|
|
<nz-tab nzTitle="订单信息"> |
|
|
|
|
|
|
|
<nz-descriptions nzBordered [nzColumn]="2" [nzSize]="'middle'"> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="交易订单号">{{orderDetailObject.tradeOrder.orderNo}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="第三方交易号">{{orderDetailObject.tradeOrder.paySerialNo!=null?orderDetailObject.tradeOrder.paySerialNo:'无'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="客户手机号">{{orderDetailObject.tradeOrder.memPhone}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="交易状态">{{orderDetailObject.tradeOrder.orderStatus | orderStatus}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="支付方式">{{orderDetailObject.tradeOrder.payType | orderPayType}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="支付卡号" *ngIf="orderDetailObject.tradeOrder.payType == 4 || orderDetailObject.tradeOrder.payType == 7"> |
|
|
|
|
|
|
|
{{orderDetailObject.tradeOrder.memCardNo}} |
|
|
|
|
|
|
|
</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="优惠券">{{orderDetailObject.tradeOrder.memDiscountName?orderDetailObject.tradeOrder.memDiscountName:'无'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="返利">{{orderDetailObject.tradeOrder.whetherRebate?'是':'否'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="备注">{{orderDetailObject.tradeOrder.remarks}}</nz-descriptions-item> |
|
|
|
|
|
|
|
</nz-descriptions> |
|
|
|
|
|
|
|
</nz-tab> |
|
|
|
|
|
|
|
<nz-tab nzTitle="支付信息"> |
|
|
|
|
|
|
|
<nz-descriptions nzBordered [nzColumn]="3" [nzSize]="'middle'"> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="交易总额" >{{orderDetailObject.tradeOrder.totalPrice}} 元</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="总优惠" >{{orderDetailObject.tradeOrder.totalDeductionPrice}} 元</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="产品优惠金额" >{{orderDetailObject.tradeOrder.deductionProductPrice}} 元</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="优惠券优惠" >{{orderDetailObject.tradeOrder.deductionCouponPrice}} 元</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="应付金额" >{{orderDetailObject.tradeOrder.payablePrice}} 元</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="积分抵扣" >{{orderDetailObject.tradeOrder.payGold / 100}} 元 </nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="实付金额" > |
|
|
|
|
|
|
|
{{orderDetailObject.tradeOrder.payRealPrice!=null?orderDetailObject.tradeOrder.payRealPrice+' 元':'未支付'}} |
|
|
|
|
|
|
|
</nz-descriptions-item> |
|
|
|
|
|
|
|
</nz-descriptions> |
|
|
|
|
|
|
|
</nz-tab> |
|
|
|
|
|
|
|
<nz-tab nzTitle="订单时间"> |
|
|
|
|
|
|
|
<nz-card> |
|
|
|
|
|
|
|
<nz-timeline> |
|
|
|
|
|
|
|
<nz-timeline-item *ngIf="orderDetailObject.tradeOrder.createTime != null"> |
|
|
|
|
|
|
|
<p>创建时间:{{orderDetailObject.tradeOrder.createTime | date : 'yyyy-MM-dd HH:mm:ss'}}</p> |
|
|
|
|
|
|
|
<p>备注:{{orderDetailObject.tradeOrder.remarks?orderDetailObject.tradeOrder.remarks:'无'}}</p> |
|
|
|
|
|
|
|
</nz-timeline-item> |
|
|
|
|
|
|
|
<nz-timeline-item *ngIf="orderDetailObject.tradeOrder.cancelTime != null"> |
|
|
|
|
|
|
|
<p>取消时间:{{orderDetailObject.tradeOrder.cancelTime | date : 'yyyy-MM-dd HH:mm:ss'}}</p> |
|
|
|
|
|
|
|
<p>备注:{{orderDetailObject.tradeOrder.cancelRemarks?orderDetailObject.tradeOrder.cancelRemarks:'无'}}</p> |
|
|
|
|
|
|
|
</nz-timeline-item> |
|
|
|
|
|
|
|
<nz-timeline-item *ngIf="orderDetailObject.tradeOrder.payTime != null">支付时间:{{orderDetailObject.tradeOrder.payTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item> |
|
|
|
|
|
|
|
<nz-timeline-item *ngIf="orderDetailObject.tradeOrder.finishTime != null">完成时间:{{orderDetailObject.tradeOrder.finishTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item> |
|
|
|
|
|
|
|
<nz-timeline-item *ngIf="orderDetailObject.tradeOrder.refundTime != null">退款时间:{{orderDetailObject.tradeOrder.refundTime | date : 'yyyy-MM-dd HH:mm:ss'}}</nz-timeline-item> |
|
|
|
|
|
|
|
</nz-timeline> |
|
|
|
|
|
|
|
</nz-card> |
|
|
|
|
|
|
|
</nz-tab> |
|
|
|
|
|
|
|
</nz-tabset> |
|
|
|
|
|
|
|
</nz-spin> |
|
|
|
|
|
|
|
</nz-modal> |
|
|
|