嗨森逛PC管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
high-web/src/app/admin/statistics/coupon-use/coupon-use.component.html

134 lines
6.3 KiB

<!-- start 面包屑 -->
<app-breadcrumb></app-breadcrumb>
<!-- end 面包屑 -->
<div class="inner-content">
<form nz-form [formGroup]="searchForm" (ngSubmit)="getData()">
<div nz-row>
<div nz-col nzSpan="8">
<nz-form-item>
<nz-form-label [nzSpan]="8">业务类型</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-select ngModel="10" formControlName="usingRange" (ngModelChange)="getCouponSalesPrice()">
<nz-option *ngFor="let item of usingRangeArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></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 formControlName="price">
<nz-option nzValue="null" nzLabel="全部" ></nz-option>
<nz-option *ngFor="let item of salesPriceArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}" ></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
</div>
<div nz-col nzSpan="8">
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>筛选</button>
</div>
</div>
</form>
</div>
<div class="inner-content">
<article nz-typography>
<p>
<span nz-typography nzType="warning"><strong>汇总:</strong></span>
总数量 <span nz-typography nzType="warning"><strong>{{countObject.batchNum}}</strong></span>
使用数量 <span nz-typography nzType="warning"><strong>{{countObject.useNum}}</strong></span>
使用金额 <span nz-typography nzType="warning"><strong>{{countObject.usePrice}}</strong></span> 元、
使用率 <span nz-typography nzType="warning"><strong>{{countObject.useRate}}</strong></span> %
<span>
(推送数量 <span nz-typography nzType="warning"><strong>{{countObject.sendNum}}</strong></span>
推送金额 <span nz-typography nzType="warning"><strong>{{countObject.sendPrice}}</strong></span> 元)
</span>
</p>
</article>
<nz-table #basicTable
nzBordered
[nzFrontPagination]="false"
[nzData]="dataObject.list"
[nzTotal]="dataObject.total"
[nzLoading]="tableLoading"
(nzPageIndexChange)="pageIndexChange($event)"
[nzScroll]="{ x: '1500px'}"
>
<thead>
<tr>
<th nzWidth="60px">批次</th>
<th nzWidth="120px">名称</th>
<th nzWidth="110px">编码区间</th>
<th nzWidth="100px">制作时间</th>
<th nzWidth="80px">过期时间</th>
<th nzWidth="60px">批次数量</th>
<th nzWidth="60px">已领取</th>
<th nzWidth="60px">已推送</th>
<th nzWidth="60px">已使用</th>
<th nzWidth="50px">使用率</th>
<th nzWidth="70px" nzRight>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{ data.batchIdentifier }}</td>
<td>{{ data.discountName }}</td>
<td>{{ data.codeStart + ' - ' + data.codeEnd}}</td>
<td>{{ data.createTime | date: 'yyyy-MM-dd HH:mm'}}</td>
<td><span *ngIf="data.mailTime != null">{{ data.mailTime | date: 'yyyy-MM-dd'}}</span></td>
<td>{{ (data.batchNum!=null?data.batchNum:0)}}</td>
<td>{{ (data.receiveNum!=null?data.receiveNum:0)}}</td>
<td>{{ (data.sendNum!=null?data.sendNum:0)}}</td>
<td>{{ (data.useNum!=null?data.useNum:0)}}</td>
<td>{{ (data.useRate!=null?data.useRate:0) + '%' }}</td>
<td nzRight>
<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)="openModifyModal(data.batchIdentifier)">批次调整</li>
</ul>
</nz-dropdown-menu>
</td>
</tr>
</tbody>
</nz-table>
</div>
<nz-modal [(nzVisible)]="modifyModal" nzTitle="批次调整" [nzBodyStyle]="{ padding: '2px'}" (nzOnCancel)="closeModifyModal()" [nzFooter]="null">
<nz-tabset [nzSize]="'small'" [nzTabBarStyle]="{ padding : '0px 0px 10px 10px' }" >
<nz-tab nzTitle="批次数量">
<form nz-form [formGroup]="modifyForm" (ngSubmit)="submitModify()">
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired>数量调整</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-input-number formControlName="batchNum"></nz-input-number>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control style="text-align: center;" >
<button nz-button nzType="primary" style="width:150px;">提交</button>
</nz-form-control>
</nz-form-item>
</form>
</nz-tab>
<nz-tab nzTitle="过期时间">
<form nz-form [formGroup]="modifyForm" (ngSubmit)="submitModify()">
<nz-form-item>
<nz-form-label [nzSpan]="6" nzRequired>过期时间</nz-form-label>
<nz-form-control [nzSpan]="14">
<nz-date-picker formControlName="mailTime"></nz-date-picker>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control style="text-align: center;" >
<button nz-button nzType="primary" style="width:150px;" sh>提交</button>
</nz-form-control>
</nz-form-item>
</form>
</nz-tab>
</nz-tabset>
</nz-modal>