116 lines
4.6 KiB
HTML
116 lines
4.6 KiB
HTML
<!--
|
||
* @Description :
|
||
* @Version : 1.0
|
||
* @Author : Shiming
|
||
* @Date : 2022-01-12 10:52:50
|
||
* @LastEditors : Shiming
|
||
* @LastEditTime : 2022-02-11 10:30:16
|
||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\vehicle\\vehicle.component.html
|
||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||
-->
|
||
|
||
<!-- 搜索表单 -->
|
||
<nz-card>
|
||
<div nz-row nzGutter="8">
|
||
<div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
|
||
<sf
|
||
#sf
|
||
[schema]="schema"
|
||
[ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24, gutter: 4 } } }"
|
||
[compact]="true"
|
||
[button]="'none'"
|
||
></sf>
|
||
</div>
|
||
<div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand" class="text-right">
|
||
<button
|
||
nz-button
|
||
nzType="primary"
|
||
[nzLoading]="service.http.loading"
|
||
(click)="search()"
|
||
acl
|
||
[acl-ability]="['SUPPLY-INDEX-vehicleSearch']"
|
||
>查询</button
|
||
>
|
||
<button nz-button nzType="primary" [disabled]="service.http.loading">导出</button>
|
||
<button nz-button [disabled]="service.http.loading" (click)="resetSF()">重置</button>
|
||
<button nz-button nzType="link" (click)="expandToggle()">
|
||
{{ !_$expand ? '展开' : '收起' }}
|
||
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</nz-card>
|
||
|
||
<nz-card>
|
||
<nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
|
||
<nz-tab [nzTitle]="'全部(' + tabs?.totalQuantity + ')'"></nz-tab>
|
||
<nz-tab [nzTitle]="'待接单(' + tabs?.stayQuantity + ')'"></nz-tab>
|
||
<nz-tab [nzTitle]="'已接单(' + tabs?.receivedQuantity + ')'"></nz-tab>
|
||
<nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
|
||
</nz-tabset>
|
||
<div style="margin-top: 15px">
|
||
<!-- 选中提示框 -->
|
||
<div style="position: relative">
|
||
<nz-alert
|
||
nzType="info"
|
||
[nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'"
|
||
nzShowIcon
|
||
[ngStyle]="{ margin: '0 0 1rem 0' }"
|
||
>
|
||
</nz-alert>
|
||
</div>
|
||
<st
|
||
#st
|
||
[data]="service.$api_get_wholePage_list"
|
||
[columns]="columns"
|
||
[req]="{ params: reqParams }"
|
||
[res]="{ process: afterRes }"
|
||
[loading]="service.http.loading"
|
||
[scroll]="{ x: '1200px', y: '500px' }"
|
||
>
|
||
<ng-template st-row="resourceCode" let-item let-index="index">
|
||
<a [routerLink]="'vehicle-detail/' + item?.id">{{ item?.resourceCode }}</a>
|
||
<p>{{ item?.resourceTypeLabel }}{{ item?.serviceTypeLabel }}</p>
|
||
<p>{{ item?.resourceStatusLabel }}</p>
|
||
</ng-template>
|
||
<ng-template st-row="total" let-item let-index="index">
|
||
<div class="mr-xs">{{ item?.totalAmount + item?.surcharge | currency }} </div>
|
||
</ng-template>
|
||
<ng-template st-row="totalAmount" let-item let-index="index">
|
||
<div class="mr-xs">{{ item?.totalAmount | currency }} </div>
|
||
</ng-template>
|
||
<ng-template st-row="surcharge" let-item let-index="index">
|
||
<div class="mr-xs">{{ item?.surcharge | currency }} </div>
|
||
</ng-template>
|
||
<ng-template st-row="useCarDemand" let-item let-index="index">
|
||
<div>车型: {{ item?.carModelLabel }}</div>
|
||
<div class="error">车长: {{ item?.expand }} 米</div>
|
||
</ng-template>
|
||
</st>
|
||
</div>
|
||
</nz-card>
|
||
<ng-template #extraTemplate>
|
||
<div>
|
||
<button (click)="audit('', 2)" nz-button nzType="primary" acl [acl-ability]="['SUPPLY-INDEX-vehicleBatchAudit']">批量审核</button>
|
||
<button (click)="releaseGoods()" nz-button nzType="primary" acl [acl-ability]="['SUPPLY-INDEX-vehicleUndertakesToSupply']"
|
||
>代发货源</button
|
||
>
|
||
<button (click)="importGoodsSource()" nz-button nzType="primary">导入货源</button>
|
||
</div>
|
||
</ng-template>
|
||
|
||
<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="货源审核" (nzOnCancel)="handleCancel('suppliersType')">
|
||
<ng-container *nzModalContent>
|
||
<div style="position: relative" *ngIf="auditMany">
|
||
<nz-alert nzType="info" [nzMessage]="'已选择' + selectedRows?.length + '项'" nzShowIcon [ngStyle]="{ margin: '0 0 1rem 0' }">
|
||
</nz-alert>
|
||
</div>
|
||
<sf #sfFre [schema]="freightSchema" [ui]="{ '*': { spanLabelFixed: 120, grid: { span: 16 } } }" [compact]="false" [button]="'none'">
|
||
</sf>
|
||
</ng-container>
|
||
<ng-template #nzModalFooter>
|
||
<button nz-button nzType="primary" (click)="handleOK(1)" [disabled]="">通过</button>
|
||
<button nz-button nzType="default" (click)="handleOK(2)">不通过</button>
|
||
</ng-template>
|
||
</nz-modal>
|