118 lines
5.2 KiB
HTML
118 lines
5.2 KiB
HTML
<!--
|
||
* @Description :
|
||
* @Version : 1.0
|
||
* @Author : Shiming
|
||
* @Date : 2022-01-12 10:52:50
|
||
* @LastEditors : Shiming
|
||
* @LastEditTime : 2022-03-22 13:32:15
|
||
* @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]="loading" (click)="search()" acl
|
||
[acl-ability]="['SUPPLY-INDEX-vehicleSearch']">查询</button>
|
||
<button nz-button nzType="primary" [disabled]="loading" (click)="exportFire()">导出</button>
|
||
<button nz-button [disabled]="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 class="table-box" style="margin: 0;">
|
||
<div class="tab_header">
|
||
<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>
|
||
|
||
<div>
|
||
<!-- 选中提示框 -->
|
||
<div style="position: relative;">
|
||
<nz-alert nzType="info" [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'" nzShowIcon
|
||
style="margin: 0.5rem 16px;display: block;" class="header_box">
|
||
</nz-alert>
|
||
</div>
|
||
<!-- [req]="{ params: reqParams }" -->
|
||
|
||
<st #st [data]="service.$api_get_wholePage_list" [columns]="columns" [req]="{ process: beforeReq }"
|
||
[res]="{ process: afterRes }" [page]="{ }" [loading]="loading" [scroll]="{ x: '1200px',y:scrollY }">
|
||
<ng-template st-row="createUserName" let-item let-index="index">
|
||
<div> {{ item?.createUserName }}/{{ item?.createUserPhone }} </div>
|
||
</ng-template>
|
||
<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 | currency }} </div>
|
||
</ng-template>
|
||
<ng-template st-row="totalAmount" let-item let-index="index">
|
||
<div class="mr-xs">{{ item?.freight | 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?.carLengthLabel }} 米</div>
|
||
</ng-template>
|
||
</st>
|
||
</div>
|
||
</nz-card>
|
||
<ng-template #extraTemplate>
|
||
<div>
|
||
<button nz-button nzDanger (click)="openDrawer()" class="mr-sm" acl
|
||
[acl-ability]="['SUPPLY-INDEX-vehicleSearch']">筛选</button>
|
||
<button nz-button nzDanger [disabled]="loading" (click)="exportFire()">导出</button>
|
||
<button nz-button nz-dropdown [nzDropdownMenu]="menu" nzPlacement="bottomLeft">
|
||
更多<i nz-icon nzType="down" nzTheme="outline"></i></button>
|
||
<nz-dropdown-menu #menu="nzDropdownMenu">
|
||
<ul nz-menu>
|
||
<li nz-menu-item acl [acl-ability]="['SUPPLY-INDEX-vehicleBatchAudit']" (click)="audit('', 2)">
|
||
审核
|
||
</li>
|
||
<li nz-menu-item acl [acl-ability]="['SUPPLY-INDEX-vehicleUndertakesToSupply']" (click)="releaseGoods()">
|
||
代发货源
|
||
</li>
|
||
<li nz-menu-item (click)="importGoodsSource()">
|
||
导入货源
|
||
</li>
|
||
</ul>
|
||
</nz-dropdown-menu>
|
||
</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> |