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.
200 lines
7.7 KiB
200 lines
7.7 KiB
<form nz-form [formGroup]="searchForm" class="search_form" [nzLayout]="'vertical'">
|
|
<div nz-row [nzGutter]="24">
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>地区</nz-form-label>
|
|
<nz-form-control>
|
|
<nz-select formControlName="provinceCode" nzAllowClear [nzPlaceHolder]="'请选择'" nzShowSearch>
|
|
<nz-option *ngFor="let item of regionData" nzValue="{{item.regionId}}" nzLabel="{{item.regionName}}"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>来源渠道</nz-form-label>
|
|
<nz-form-control>
|
|
<nz-select formControlName="sourceType" nzAllowClear [nzPlaceHolder]="'请选择'">
|
|
<nz-option *ngFor="let item of merSourceTypeArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>油站编号</nz-form-label>
|
|
<nz-form-control>
|
|
<input nz-input formControlName="merNo" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>油站名称</nz-form-label>
|
|
<nz-form-control>
|
|
<input nz-input formControlName="merName" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="24" class="search-area">
|
|
<button nz-button [nzType]="'primary'" (click)="searchFormSubmit()">查询</button>
|
|
<button nz-button (click)="searchFormReset()">重置</button>
|
|
<button nz-button [nzType]="'primary'" (click)="showBatchUpdateDiscount()">批量调整优惠</button>
|
|
<!-- <a class="collapse" (click)="isCollapse = !isCollapse">
|
|
更多查询条件
|
|
<i nz-icon [nzType]="!isCollapse ? 'down' : 'up'"></i>
|
|
</a>-->
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="send-request">
|
|
<span nz-typography>已选择 {{setOfCheckedId.size}} 家油站</span>
|
|
</div>
|
|
<nz-table #basicTable
|
|
[nzScroll]="{ x: '1200px' }"
|
|
[nzBordered]="true"
|
|
[nzFrontPagination]="false"
|
|
[nzShowQuickJumper]="true"
|
|
[nzShowTotal]="totalTemplate"
|
|
[(nzPageIndex)]="tablePageNum"
|
|
(nzPageIndexChange)="queryData()"
|
|
nzShowSizeChanger
|
|
(nzPageSizeChange)="this.tablePageSize = $event;queryData()"
|
|
[nzPageSizeOptions]="[ 10, 20, 30, 50, 100 ]"
|
|
[nzTotal]="tableData.total"
|
|
[nzData]="tableData.list" >
|
|
<thead>
|
|
<tr>
|
|
<th nzWidth="50px" [nzChecked]="checked" (nzCheckedChange)="onAllChecked($event)"></th>
|
|
<th nzWidth="120px">来源渠道</th>
|
|
<th nzWidth="110px">油站编号</th>
|
|
<th nzWidth="230px">油站名称</th>
|
|
<th nzWidth="180px">油站地区</th>
|
|
<th nzRight nzWidth="90px">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of basicTable.data">
|
|
<td [nzChecked]="setOfCheckedId.has(data.merNo)" (nzCheckedChange)="onItemChecked(data.merNo, $event)" ></td>
|
|
<td>{{data.merSourceType | dictionary: "MER_SOURCE_TYPE"}}</td>
|
|
<td>{{data.merNo}}</td>
|
|
<td>{{data.merName}}</td>
|
|
<td>{{data.provinceName}}</td>
|
|
<td nzRight>
|
|
<a (click)="showDiscountDetail(data.merNo)">调整优惠</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<ng-template #totalTemplate let-total>总计 {{ total }} 条</ng-template>
|
|
</nz-table>
|
|
|
|
<nz-modal [(nzVisible)]="batchUpdateDiscountModal"
|
|
[nzWidth]="500"
|
|
[nzTitle]="'调整优惠(已选择'+setOfCheckedId.size+'家油站)'"
|
|
[nzFooter]="null"
|
|
(nzOnCancel)="closeBatchUpdateDiscount()">
|
|
<ng-container *nzModalContent>
|
|
<form nz-form [formGroup]="updateDiscountForm">
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>油号</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-select formControlName="oilNo" nzAllowClear [nzPlaceHolder]="'请选择'">
|
|
<nz-option *ngFor="let item of oilNoArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>折扣</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-input-number formControlName="priceRate" [nzMin]="0" [nzMax]="200" [nzStep]="1" [nzPrecision]="2" [nzPlaceHolder]="'执行价格'"></nz-input-number>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>服务费</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-input-number formControlName="serviceFeeRate" [nzMin]="0" [nzMax]="200" [nzStep]="1" [nzPrecision]="2" [nzPlaceHolder]="'执行价格'"></nz-input-number>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<div nz-flex style="margin-top: 15px" [nzJustify]="'center'">
|
|
<button nz-button nzType="primary" (click)="submitBatchUpdateDiscount()" class="submit-btn">确定</button>
|
|
</div>
|
|
</form>
|
|
</ng-container>
|
|
</nz-modal>
|
|
|
|
<nz-modal [(nzVisible)]="discountDetailModal"
|
|
[nzWidth]="500"
|
|
[nzTitle]="'调整优惠'"
|
|
[nzFooter]="null"
|
|
(nzOnCancel)="closeDiscountDetail()">
|
|
<ng-container *nzModalContent>
|
|
<nz-table #basicTable
|
|
[nzData]="discountDetailObj"
|
|
[nzShowPagination]="false"
|
|
[nzBordered]="true"
|
|
[nzSize]="'small'"
|
|
>
|
|
<thead>
|
|
<tr>
|
|
<th>油站</th>
|
|
<th>油号</th>
|
|
<th>折扣</th>
|
|
<th>服务费</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of basicTable.data">
|
|
<td>{{data.merName}}</td>
|
|
<td>{{data.oilNoName}}</td>
|
|
<td>{{data.priceRate}}%</td>
|
|
<td>{{data.serviceFeeRate}}%</td>
|
|
<td>
|
|
<a (click)="showUpdateDiscount(data)">调整</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</nz-table>
|
|
</ng-container>
|
|
</nz-modal>
|
|
|
|
<nz-modal [(nzVisible)]="updateDiscountModal"
|
|
[nzWidth]="500"
|
|
nzTitle="调整优惠"
|
|
[nzFooter]="null"
|
|
(nzOnCancel)="closeUpdateDiscount()">
|
|
<ng-container *nzModalContent>
|
|
<form nz-form [formGroup]="updateDiscountForm">
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>油号</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-select formControlName="oilNo" nzAllowClear [nzPlaceHolder]="'请选择'">
|
|
<nz-option *ngFor="let item of oilNoArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>折扣</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-input-number formControlName="priceRate" [nzMin]="0" [nzMax]="200" [nzStep]="1" [nzPrecision]="2" [nzPlaceHolder]="'执行价格'"></nz-input-number>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>服务费</nz-form-label>
|
|
<nz-form-control [nzSm]="14" [nzXs]="24">
|
|
<nz-input-number formControlName="serviceFeeRate" [nzMin]="0" [nzMax]="200" [nzStep]="1" [nzPrecision]="2" [nzPlaceHolder]="'执行价格'"></nz-input-number>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
|
|
<div nz-flex style="margin-top: 15px" [nzJustify]="'center'">
|
|
<button nz-button nzType="primary" (click)="submitUpdateDiscount()" class="submit-btn">确定</button>
|
|
</div>
|
|
</form>
|
|
</ng-container>
|
|
</nz-modal>
|
|
|