|
|
@ -6,107 +6,105 @@ |
|
|
|
<div class="inner-content"> |
|
|
|
<div class="inner-content"> |
|
|
|
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)"> |
|
|
|
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)"> |
|
|
|
<div nz-row> |
|
|
|
<div nz-row> |
|
|
|
<!-- <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]="'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">--> |
|
|
|
|
|
|
|
<!-- <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"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">订单号</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">订单状态</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<input nz-input formControlName="orderNo"/> |
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="status" 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-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">订单流水号</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">充值类型</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<input nz-input formControlName="paySerialNo"/> |
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="rechargeModel" 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-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">支付模式</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">支付方式</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="payModel" nzPlaceHolder="请选择支付模式"> |
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="payType" nzPlaceHolder="支付方式"> |
|
|
|
<nz-option nzLabel="金币支付" nzValue="1"></nz-option> |
|
|
|
<nz-option nzLabel="微信" nzValue="1"></nz-option> |
|
|
|
<nz-option nzLabel="第三方支付" nzValue="2"></nz-option> |
|
|
|
<nz-option nzLabel="工会卡" nzValue="2"></nz-option> |
|
|
|
<nz-option nzLabel="混合支付" nzValue="3"></nz-option> |
|
|
|
<nz-option nzLabel="积分" nzValue="3"></nz-option> |
|
|
|
</nz-select> |
|
|
|
</nz-select> |
|
|
|
</nz-form-control> |
|
|
|
</nz-form-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">支付方式</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">充值号码</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-select nzShowSearch nzAllowClear formControlName="payType" nzPlaceHolder="请选择支付模式"> |
|
|
|
<input nz-input placeholder="请输入充值号码..." [formControlName]="'rechargeContent'" /> |
|
|
|
<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-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">状态</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">订单号</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择订单状态" formControlName="orderStatus"> |
|
|
|
<input nz-input placeholder="请输入订单号..." [formControlName]="'orderNo'" /> |
|
|
|
<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-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</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 placeholder="请输入用户电话..." [formControlName]="'userPhone'" />--> |
|
|
|
|
|
|
|
<!-- </nz-form-control>--> |
|
|
|
|
|
|
|
<!-- </nz-form-item>--> |
|
|
|
|
|
|
|
<!-- </div>--> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<div nz-col nzSpan="8"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-item> |
|
|
|
<nz-form-label [nzSpan]="6">时间区间</nz-form-label> |
|
|
|
<nz-form-label [nzSpan]="6">支付时间</nz-form-label> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-form-control [nzSpan]="16"> |
|
|
|
<nz-range-picker [nzShowTime]="{ nzFormat: 'HH:mm' }" formControlName="payTime"></nz-range-picker> |
|
|
|
<nz-range-picker [nzShowTime]="{ nzFormat: 'HH:mm' }" formControlName="payTime"></nz-range-picker> |
|
|
|
</nz-form-control> |
|
|
|
</nz-form-control> |
|
|
|
</nz-form-item> |
|
|
|
</nz-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</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="createTime"></nz-range-picker>--> |
|
|
|
|
|
|
|
<!-- </nz-form-control>--> |
|
|
|
|
|
|
|
<!-- </nz-form-item>--> |
|
|
|
|
|
|
|
<!-- </div>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<div nz-row> |
|
|
|
<div nz-row> |
|
|
|
<div nz-col nzSpan="24" class="search-button"> |
|
|
|
<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="primary"><i nz-icon nzType="search" nzTheme="outline"></i>搜索</button> |
|
|
|
<button nz-button nzType="default" (click)="resetForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
|
|
|
<button nz-button nzType="default" (click)="resetForm()"><i nz-icon nzType="reload" |
|
|
|
|
|
|
|
nzTheme="outline"></i>重置 |
|
|
|
|
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="inner-content"> |
|
|
|
<div class="inner-content"> |
|
|
|
<span>共计 {{total}} 条数据</span> |
|
|
|
<span>共计 {{total}} 条数据</span> |
|
|
|
<!-- <div class="operating-button">--> |
|
|
|
<div class="operating-button"> |
|
|
|
<!-- <button nz-button nzType="primary" class="right-btn" (click)="downloadTemplate(searchForm.value)" ><i nz-icon nzType="download" nzTheme="outline"></i>导出订单</button>--> |
|
|
|
<button nz-button nzType="primary" class="right-btn" (click)="downloadTemplate(searchForm.value)" ><i nz-icon nzType="download" nzTheme="outline"></i>导出订单</button> |
|
|
|
<!-- </div>--> |
|
|
|
</div> |
|
|
|
<nz-table |
|
|
|
<nz-table |
|
|
|
class="table" |
|
|
|
class="table" |
|
|
|
#ajaxTable |
|
|
|
#ajaxTable |
|
|
@ -122,54 +120,61 @@ |
|
|
|
(nzPageSizeChange)="getRequest(false , searchForm.value)"> |
|
|
|
(nzPageSizeChange)="getRequest(false , searchForm.value)"> |
|
|
|
<thead nzSingleSort> |
|
|
|
<thead nzSingleSort> |
|
|
|
<tr> |
|
|
|
<tr> |
|
|
|
<th nzWidth="50px">编号</th> |
|
|
|
<th nzWidth="80px">编号</th> |
|
|
|
<th nzWidth="180px">商品名称</th> |
|
|
|
<th nzWidth="180px">订单名称</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="120px">客户名称</th> |
|
|
|
<th nzWidth="130px">客户电话</th> |
|
|
|
<th nzWidth="130px">充值号码</th> |
|
|
|
<th nzWidth="110px">支付模式</th> |
|
|
|
<th nzWidth="100px">充值金额</th> |
|
|
|
<th nzWidth="100px">支付方式</th> |
|
|
|
|
|
|
|
<th nzWidth="100px">支付金额</th> |
|
|
|
<th nzWidth="100px">支付金额</th> |
|
|
|
<th nzWidth="140px">生成时间</th> |
|
|
|
<th nzWidth="140px">生成时间</th> |
|
|
|
<th nzWidth="140px">支付时间</th> |
|
|
|
<th nzWidth="100px" nzRight>支付方式</th> |
|
|
|
<th nzWidth="140px">取消时间</th> |
|
|
|
<th nzWidth="100px" nzRight>状态</th> |
|
|
|
<th nzRight nzWidth="100px">状态</th> |
|
|
|
<th nzWidth="100px" nzRight>操作</th> |
|
|
|
<!-- <th nzWidth="80px" nzRight>操作</th>--> |
|
|
|
|
|
|
|
</tr> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tbody> |
|
|
|
<tr *ngFor="let data of ajaxTable.data; let i = index"> |
|
|
|
<tr *ngFor="let data of ajaxTable.data; let i = index"> |
|
|
|
<td>{{i+1}}</td> |
|
|
|
<td>{{i+1}}</td> |
|
|
|
<td>{{data.goodsName}}</td> |
|
|
|
<td>{{data.remarks}}</td> |
|
|
|
<td>{{data.giveawayType}}</td> |
|
|
|
<td>{{data.rechargeModel | rechargePrice}}</td> |
|
|
|
<td>{{data.orderNo}}</td> |
|
|
|
<td>{{data.orderNo}}</td> |
|
|
|
<td>{{data.paySerialNo}}</td> |
|
|
|
<td>{{data.userName == null ? '暂无': data.userName}}</td> |
|
|
|
<td>{{data.memName == null ? '暂无': data.memName}}</td> |
|
|
|
<td>{{data.rechargeContent == null ? '暂无': data.rechargeContent}}</td> |
|
|
|
<td>{{data.memPhone == null ? '暂无': data.memPhone}}</td> |
|
|
|
<td>{{data.orderPrice}}</td> |
|
|
|
<td>{{data.payModel}}</td> |
|
|
|
|
|
|
|
<td>{{data.payType}}</td> |
|
|
|
|
|
|
|
<td>{{data.payPrice}}</td> |
|
|
|
<td>{{data.payPrice}}</td> |
|
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
<td>{{data.createTimed | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
<td>{{data.payTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
<td nzRight>{{data.payType | rechargePayType}}</td> |
|
|
|
<td>{{data.cancelTime | date: 'yyyy-MM-dd HH:mm:ss'}}</td> |
|
|
|
<td nzRight>{{data.status | rechargeStatus}}</td> |
|
|
|
<td nzRight>{{data.orderStatus}}</td> |
|
|
|
<td nzRight class="table-td-operation"> |
|
|
|
<!-- <td nzRight class="table-td-operation">--> |
|
|
|
<a (click)="getDetail(data.id)">详情</a> |
|
|
|
<!-- <!– <a *ngIf="data.status !== 101" (click)="getDetail(data.id)">订单详情</a>–>--> |
|
|
|
</td> |
|
|
|
<!--<!– <a *ngIf="data.orderStatusId == 2 && data.goodsTypeId == 3" (click)="showModal(data.orderId)">申请退款</a>–>--> |
|
|
|
|
|
|
|
<!-- </td>--> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
</tbody> |
|
|
|
</nz-table> |
|
|
|
</nz-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<nz-modal [(nzVisible)]="isVisible" nzTitle="订单详情" nzWidth="1200"> |
|
|
|
<nz-modal [(nzVisible)]="isVisible" nzTitle="退款理由" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"> |
|
|
|
<nz-descriptions nzBordered [nzColumn]="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"> |
|
|
|
<nz-form-item> |
|
|
|
<nz-descriptions-item nzTitle="订单名称">{{data['remarks']}}</nz-descriptions-item> |
|
|
|
<nz-form-label>退款理由</nz-form-label> |
|
|
|
<nz-descriptions-item nzTitle="订单类型">{{data['rechargeModel'] | rechargePrice}}</nz-descriptions-item> |
|
|
|
<nz-form-control> |
|
|
|
<nz-descriptions-item nzTitle="订单号">{{data['orderNo']}}</nz-descriptions-item> |
|
|
|
<textarea [(ngModel)]="refundContent" nz-input rows="2" placeholder="请输入退款理由"></textarea> |
|
|
|
<nz-descriptions-item nzTitle="客户名称">{{data['userName'] == null ? '暂无': data['userName']}}</nz-descriptions-item> |
|
|
|
</nz-form-control> |
|
|
|
<nz-descriptions-item nzTitle="充值号码">{{data['rechargeContent'] == null ? '暂无': data['rechargeContent']}}</nz-descriptions-item> |
|
|
|
</nz-form-item> |
|
|
|
<nz-descriptions-item nzTitle="身份证号" *ngIf="data['rechargeModel'] === 3 ">{{data['idCard']}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="充值姓名" *ngIf="data['rechargeModel'] === 3 ">{{data['rechargeName']}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="充值金额">{{data['orderPrice']}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="支付金额">{{data['payPrice']}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="退款金额" *ngIf="data['refundFee'] != null">{{data['refundFee']}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="生成时间">{{data['createTimed'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item *ngIf="data['cancelTime'] != null" nzTitle="取消时间">{{data['cancelTime'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item *ngIf="data['finishTime'] != null" nzTitle="完成时间">{{data['finishTime'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item *ngIf="data['payTime'] != null" nzTitle="支付时间">{{data['payTime'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item *ngIf="data['refundTime'] != null" nzTitle="退款时间">{{data['refundTime'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item> |
|
|
|
|
|
|
|
<nz-descriptions-item nzTitle="状态">{{data['status'] | rechargeStatus}}</nz-descriptions-item> |
|
|
|
|
|
|
|
</nz-descriptions> |
|
|
|
|
|
|
|
<div *nzModalFooter> |
|
|
|
|
|
|
|
<button nz-button nzType="default" (click)="handleCancel()">关闭</button> |
|
|
|
|
|
|
|
</div> |
|
|
|
</nz-modal> |
|
|
|
</nz-modal> |
|
|
|
|
|
|
|
|
|
|
|