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.
146 lines
7.2 KiB
146 lines
7.2 KiB
<!-- start 面包屑 -->
|
|
<app-breadcrumb></app-breadcrumb>
|
|
<!-- end 面包屑 -->
|
|
|
|
<!--条件搜索-->
|
|
<div class="inner-content">
|
|
<form nz-form [formGroup]="searchForm" (ngSubmit)="getRequest(true , searchForm.value)">
|
|
<div nz-row>
|
|
|
|
<div nz-col nzSpan="6">
|
|
<nz-form-item>
|
|
<nz-form-label [nzSpan]="6">卡券名称</nz-form-label>
|
|
<nz-form-control [nzSpan]="16">
|
|
<input nz-input formControlName="couponName"/>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col nzSpan="6">
|
|
<nz-form-item>
|
|
<nz-form-label [nzSpan]="6">商户</nz-form-label>
|
|
<nz-form-control [nzSpan]="16">
|
|
<nz-select
|
|
(nzScrollToBottom)="loadMore()"
|
|
(nzOnSearch)="search($event)"
|
|
nzShowSearch
|
|
[formControlName]="'merchantId'"
|
|
nzServerSearch
|
|
nzPlaceHolder="请选择商户"
|
|
nzAllowClear
|
|
[nzDropdownRender]="renderTemplate"
|
|
>
|
|
<nz-option *ngFor="let o of optionList" [nzValue]="o.id" [nzLabel]="o.merchantName"></nz-option>
|
|
</nz-select>
|
|
<ng-template #renderTemplate>
|
|
<nz-spin *ngIf="isLoading"></nz-spin>
|
|
</ng-template>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col nzSpan="6">
|
|
<nz-form-item>
|
|
<nz-form-label [nzSpan]="6">卡券类型</nz-form-label>
|
|
<nz-form-control [nzSpan]="16">
|
|
<nz-select nzShowSearch nzAllowClear [formControlName]="'couponType'">
|
|
<nz-option nzValue="1" nzLabel="内部卷"></nz-option>
|
|
<nz-option nzValue="2" nzLabel="外部卷"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col nzSpan="6">
|
|
<nz-form-item>
|
|
<nz-form-label [nzSpan]="6">卡券状态</nz-form-label>
|
|
<nz-form-control [nzSpan]="16">
|
|
<nz-select nzShowSearch nzAllowClear [formControlName]="'status'">
|
|
<nz-option nzValue="1" nzLabel="编辑中"></nz-option>
|
|
<nz-option nzValue="2" nzLabel="已上架"></nz-option>
|
|
<nz-option nzValue="3" nzLabel="已下架"></nz-option>
|
|
<nz-option nzValue="101" nzLabel="上架审批中"></nz-option>
|
|
<nz-option nzValue="102" nzLabel="上架审批驳回"></nz-option>
|
|
</nz-select>
|
|
</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)="resetForm()"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<div class="inner-content">
|
|
<span>共计 {{total}} 条数据</span>
|
|
<span *ngIf="id != null" style="margin-left: 30px;;">
|
|
商戶名称:
|
|
<span style="font-weight: bold; font-size: 20px">{{name}}</span>
|
|
</span>
|
|
<div class="operating-button">
|
|
<button nz-button nzType="primary" class="right-btn" [routerLink]="['/admin/coupon/coupon-edit']" ><i nz-icon nzType="plus" nzTheme="outline"></i>添加</button>
|
|
</div>
|
|
<nz-table
|
|
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="150px">卡券编号</th>
|
|
<th nzWidth="160px">卡券名称</th>
|
|
<th nzWidth="100px">销售价格</th>
|
|
<th nzWidth="100px">折扣价格</th>
|
|
<th nzWidth="100px">有效库存</th>
|
|
<th nzWidth="100px">展示区域</th>
|
|
<th nzWidth="100px">卡券类型</th>
|
|
<th nzWidth="100px">是否赠券</th>
|
|
<th nzWidth="120px">卡券状态</th>
|
|
<th nzWidth="150px">销售截止时间</th>
|
|
<th nzWidth="150px">创建时间</th>
|
|
<th nzWidth="150px" nzRight="0px">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of ajaxTable.data; let i = index">
|
|
<td>{{i+1}}</td>
|
|
<td>{{data.couponKey}}</td>
|
|
<td>{{data.couponName}}</td>
|
|
<td>¥{{data.salesPrice}}</td>
|
|
<td>¥{{data.discountPrice}}</td>
|
|
<td>{{data.stockCount}}</td>
|
|
<td>{{data.displayArea === 1 ? '赠券专区' : '金币专区'}}</td>
|
|
<td>{{data.couponType === 1 ? '内部卷' : '外部卷'}}</td>
|
|
<td>{{data.isPresent === true ? '赠券' : '无赠券'}}</td>
|
|
<td>{{data.status | couponStatus}}</td>
|
|
<td>{{data.salesEndTime | date: 'yyyy-MM-dd HH:mm'}}</td>
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm'}}</td>
|
|
<td nzRight="0px" class="table-td-operation">
|
|
<a *ngIf="data.status !== 101" (click)="getEdit(data.id)"><i nz-icon nzType="form" nzTheme="outline" nz-tooltip="编辑"></i></a>
|
|
<nz-divider nzType="vertical" *ngIf="data.status === 1 || data.status === 3 || data.status === 102"></nz-divider>
|
|
<a *ngIf="data.status === 1 || data.status === 3 || data.status === 102" (click)="enableMerchant(data.id)"> <i nz-icon [nzIconfont]="'icon-shangjia'" nz-tooltip="上架"></i></a>
|
|
<nz-divider *ngIf="data.status === 2" nzType="vertical"></nz-divider>
|
|
<a *ngIf="data.status === 2" (click)="disableMerchant(data.id)"> <i nz-icon [nzIconfont]="'icon-xiajia'" nz-tooltip="下架"></i></a>
|
|
<nz-divider *ngIf="data.status !== 101" nzType="vertical"></nz-divider>
|
|
<a (click)="getList(data.id , data.couponName , data.couponType)"><i nz-icon nzType="unordered-list" nzTheme="outline" nz-tooltip="销售码列表"></i></a>
|
|
<!-- <nz-divider *ngIf="data.status !== 101" nzType="vertical"></nz-divider>-->
|
|
<!-- <a *ngIf="data.status !== 101" (click)="getDelete(data.id)"><i nz-icon nzType="delete" nzTheme="outline" nz-tooltip="删除"></i></a>-->
|
|
</td>
|
|
</tbody>
|
|
</nz-table>
|
|
</div>
|
|
|
|
|
|
|
|
|