car-apply.html

<ion-header>

    <ion-navbar>
        <ion-title>用车申请</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <div class="padding-6">
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>用车时间:</ion-label>
            <ion-datetime (ionChange)="changeStartTime($event)" [disabled]="type == 'deal' " cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD HH:mm"
                          pickerFormat="YYYY MM DD HH mm" placeholder="请选择" [max]="obj.endTimeChange" [min]="nowDate"
                          [(ngModel)]="obj.startTimeChange"></ion-datetime>
            <ion-label class="right-arrow">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="checkObj.startTime" class="check-tips">请选择用车时间</ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>还车时间:</ion-label>
            <ion-datetime (ionChange)="changeEndTime($event)" [disabled]="type == 'deal' " cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD HH:mm"
                          pickerFormat="YYYY MM DD HH mm" placeholder="请选择" [min]="obj.startTimeChange"
                          [(ngModel)]="obj.endTimeChange"></ion-datetime>
            <ion-label class="right-arrow">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="checkObj.endTime" class="check-tips">请选择还车时间</ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>用车人数:</ion-label>
            <ion-input [disabled]="type == 'deal' " [(ngModel)]="obj.passengerCount" type="text" maxlength="20"
                       [placeholder]="'请输入'"></ion-input>
            <ion-label *ngIf="checkObj.passengerCount" class="check-tips">请输入用车人数</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left"><span class="color-red">*</span>使用人:
            </div>
            <div class="right">
                <button *ngIf="type != 'deal' " style="margin-bottom: 10px" color="danger" ion-button small
                        (click)="choose()">选择
                </button>
                <div class="div-tag">
                    <span *ngFor="let item of personList;let i = index">
                        {{item.userName}}
                        <ion-icon *ngIf="type != 'deal' " (click)="removePerson(i)" name="close"></ion-icon>
                    </span>
                </div>
            </div>
            <ion-label *ngIf="checkObj.carUser" class="check-tips">请选择使用人</ion-label>
        </div>
        <ion-item>
            <ion-label class="item-left"><span class="color-red">*</span>用车事由:</ion-label>
            <ion-label (click)="chooseReason()" [ngStyle]="{'color':obj.useText == '请选择'?'#999':'#333'}"
                       class="choose">{{obj.useText}}</ion-label>
            <ion-label *ngIf="type != 'deal' " class="right-arrow" (click)="chooseReason()">
                <ion-icon name="arrow-forward"></ion-icon>
            </ion-label>
            <ion-label *ngIf="checkObj.useReason" class="check-tips">请选择用车事由</ion-label>
        </ion-item>
        <div class="item-box">
            <div class="left"><span class="color-red">*</span>起讫地点:</div>
            <div class="right">
                <ion-textarea [disabled]="type == 'deal' " [(ngModel)]="obj.fromTo"></ion-textarea>
            </div>
            <ion-label *ngIf="checkObj.fromTo" class="check-tips">请输入起讫地点</ion-label>
        </div>
    </div>

    <ng-container *ngIf="applyId && type == 'deal'">
        <page-driver [applyId]="applyId"></page-driver>
    </ng-container>

    <button *ngIf="!applyId || type == 'edit'" class="submit-btn submit" (click)="submit()">提交</button>

</ion-content>