81 lines
5.0 KiB
HTML
81 lines
5.0 KiB
HTML
<nz-card [nzLoading]="service.http.loading">
|
|
<div nz-row [nzGutter]="8">
|
|
<div nz-col [nzSpan]="tabSpan">
|
|
<ul nz-menu nzMode="inline" class="card-height">
|
|
<li nz-menu-item [nzSelected]="idx === 0" (click)="changeType(item)"
|
|
*ngFor="let item of tabs; let idx = index">
|
|
{{ item.name }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="24-tabSpan" style="overflow: scroll">
|
|
<nz-card class="card-height" [nzBordered]="null" nzSize="small">
|
|
<h2 style="font-weight: 800;">{{selectedTab?.name}}</h2>
|
|
<div nz-row nzGutter="8">
|
|
<div nz-col nzSpan="24" se-container [labelWidth]="labelWidth">
|
|
<se [label]="item.name" *ngFor="let item of configList" col="1">
|
|
<ng-container [ngSwitch]="item.itemType">
|
|
<ng-container *ngSwitchCase="1">
|
|
<nz-input-group [nzAddOnAfter]="item.remark?.afterLable" style="width: 155px;"
|
|
class="ml-md mr-xl">
|
|
<input type="number" nz-input [(ngModel)]="item.itemValue" placeholder="请输入" />
|
|
</nz-input-group>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="2">
|
|
<nz-radio-group [(ngModel)]="item.itemValue" class="mr-xl">
|
|
<label nz-radio nzValue="0" class="ml-xl">{{item.remark?.[0] || '否'}}</label>
|
|
<label nz-radio nzValue="1" class="ml-xl">{{item.remark?.[1] || '是'}}</label>
|
|
</nz-radio-group>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="3">
|
|
<nz-time-picker nzFormat="HH:mm" nzPlaceHolder="请选择时间" [(ngModel)]="item.itemValue"
|
|
class="ml-md mr-xl">
|
|
</nz-time-picker>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="5">
|
|
<div class="d-flex" style="align-items: center;justify-content: space-between;">
|
|
<input type="time" [(ngModel)]="item.itemValue.startTime" placeHolder="开始时间"
|
|
style="margin-left: 23px;">
|
|
<!-- <nz-time-picker nzFormat="HH:mm" nzPlaceHolder="开始时间"
|
|
[(ngModel)]="item.itemValue.startTime" style="margin-left: 23px;">
|
|
</nz-time-picker> -->
|
|
<label class="ml-sm mr-sm"> --</label>
|
|
<input type="time" [(ngModel)]="item.itemValue.endTime" placeHolder="结束时间"
|
|
style="margin-left: 0;" class=" mr-xl">
|
|
<!-- <nz-time-picker nzFormat="HH:mm" nzPlaceHolder="结束时间"
|
|
[(ngModel)]="item.itemValue.endTime">
|
|
</nz-time-picker> -->
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
<!-- <ng-container *ngFor="let item of item.extend">
|
|
<ng-container [ngSwitch]="item">
|
|
<ng-container *ngSwitchCase="1">
|
|
<button nz-button nzType="default">配置网络货运</button>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="2">
|
|
<button nz-button nzType="default">配置货主</button>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="3">
|
|
<button nz-button nzType="default">配置司机</button>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="4">
|
|
<button nz-button nzType="default">配置车队长</button>
|
|
</ng-container>
|
|
<ng-container *ngSwitchDefault></ng-container>
|
|
</ng-container>
|
|
</ng-container> -->
|
|
</se>
|
|
</div>
|
|
</div>
|
|
</nz-card>
|
|
|
|
|
|
<div class="mb-md save-btn">
|
|
<button class="ml-lg" nz-button nzSize="large" nzType="primary" (click)="saveAction()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nz-card> |