Files
bbq/src/app/routes/order-management/components/car-manage/car-manage.component.html
wangshiming 74f7526984 订单
2021-12-07 11:23:51 +08:00

104 lines
4.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--
* @Author: your name
* @Date: 2021-12-03 11:10:14
* @LastEditTime: 2021-12-07 11:16:41
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \tms-obc-web\src\app\routes\supply-management\components\vehicle\vehicle.component.html
-->
<!-- 搜索表单 -->
<page-header-wrapper [title]="''" >
</page-header-wrapper>
<nz-card>
<div nz-row nzGutter="8">
<!-- 查询字段小于或等于3个时不显示伸缩按钮 -->
<div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
<sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="service.http.loading"
(formSubmit)="st?.load(1)" (formReset)="resetSF()"></sf>
</div>
<!-- 查询字段大于3个时根据展开状态调整布局 -->
<ng-container *ngIf="queryFieldCount > 4">
<div nz-col [nzSpan]="_$expand ? 24 : 18">
<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
</div>
<div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
<button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="service.http.loading"
(click)="st?.load(1)">查询</button>
<button nz-button nzType="primary"
>导出</button>
<button nz-button (click)="resetSF()">重置</button>
<button nz-button nzType="link" (click)="expandToggle()">
{{ !_$expand ? '展开' : '收起' }}
<i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
</button>
</div>
</ng-container>
</div>
</nz-card>
<nz-card>
<nz-tabset (nzSelectedIndexChange)="selectChange($event)" >
<nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="tab.name + ' (' + tab.count + ') '" (nzClick)="tabChange(i)">
</nz-tab>
</nz-tabset>
<div style="margin-top: 15px;">
<!-- [req]="{ method: 'GET', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
[res]="{ reName: { list: 'data.records', total: 'data.total' } }"
[page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
[loadingDelay]="500" [loading]="service.http.loading" -->
<st #st [scroll]="{ x: '1200px' }" [data]="service.$api_get_catalogue_member" [columns]="columns">
<ng-template st-row="goodsId" let-item let-index="index">
<a [routerLink]="'/order-management/bulk-detail/'+item.id">{{item.no}}</a>
</ng-template>
</st>
</div>
</nz-card>
<nz-modal [(nzVisible)]="isVisibleView" [nzWidth]="600" [nzFooter]="nzModalFooterview" nzTitle="查看" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('0')">
<ng-container *nzModalContent>
<sv-container labelWidth="160" class="apply-sv">
<sv label="车牌号" col="1">{{ infoData1?.enterpriseName }}</sv>
<sv label="车型" col="1">{{ infoData1?.unifiedSocialCreditCode }}</sv>
<sv label="车长" col="1">{{ infoData1?.enterpriseType }}</sv>
<sv label="载重" col="1">{{ infoData1?.registrationCapital }} 万元</sv>
<sv label="备注" col="1">{{ infoData1?.enterpriseRegistrationTime }}</sv>
<sv label=" 行驶证" col="1">
<!-- <span class="sv-img"
><img
[src]="infoData1?.enterpriseQualificationCertificateurl"
(click)="viewImg(infoData1?.enterpriseQualificationCertificateurl)"
/></span> -->
</sv>
<sv label="行驶证过期时间" col="1">{{ infoData1?.enterpriseAddress }}</sv>
<sv label="道运证" col="1">
<!-- <span class="sv-img"
><img
[src]="infoData1?.enterpriseQualificationCertificateurl"
(click)="viewImg(infoData1?.enterpriseQualificationCertificateurl)"
/></span> -->
</sv>
<sv label="道运证过期时间" col="1">{{ infoData1?.businessScope }}</sv>
</sv-container>
</ng-container>
<ng-template #nzModalFooterview>
<button *ngIf="!auditstatus" nz-button nzType="default" (click)="Reject()">驳回</button>
<button *ngIf="!auditstatus" nz-button nzType="primary" (click)="handleOK()">通过</button>
<button *ngIf="auditstatus" nz-button nzType="primary" (click)="handleCancel('0')">取消</button>
</ng-template>
</nz-modal>
<nz-modal [(nzVisible)]="isVisibleRE" [nzWidth]="600" [nzFooter]="nzModalFooterview2" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('1')">
<ng-container *nzModalContent>
<sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
</sf>
</ng-container>
<ng-template #nzModalFooterview2>
<button nz-button nzType="default" (click)="handleCancel('1')">取消</button>
<button nz-button nzType="primary" (click)="handleOK()">确定</button>
</ng-template>
</nz-modal>