Merge branch 'develop' of https://gitlab.eascs.com/tms-ui/tms-obc-web into develop
This commit is contained in:
		@ -4,10 +4,12 @@
 | 
			
		||||
 * @Author       : Shiming
 | 
			
		||||
 * @Date         : 2022-04-21 13:49:22
 | 
			
		||||
 * @LastEditors  : Shiming
 | 
			
		||||
 * @LastEditTime : 2022-04-26 09:47:43
 | 
			
		||||
 * @LastEditTime : 2022-05-16 13:30:12
 | 
			
		||||
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\channel-sales\\components\\list\\list.component.html
 | 
			
		||||
 * Copyright (C) 2022 huzhenhong. All rights reserved.
 | 
			
		||||
-->
 | 
			
		||||
<page-header-wrapper [title]="'销售渠道管理'"></page-header-wrapper>
 | 
			
		||||
 | 
			
		||||
<nz-card>
 | 
			
		||||
  <!-- 搜索区 -->
 | 
			
		||||
  <sf
 | 
			
		||||
 | 
			
		||||
@ -1,6 +1,6 @@
 | 
			
		||||
<ng-container>
 | 
			
		||||
  <!-- 页头 -->
 | 
			
		||||
  <page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
 | 
			
		||||
  <page-header-wrapper [logo]="logo" title="车辆详情">
 | 
			
		||||
    <ng-template #logo>
 | 
			
		||||
      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
 | 
			
		||||
        <i nz-icon nzType="left" nzTheme="outline"></i>
 | 
			
		||||
@ -22,8 +22,12 @@
 | 
			
		||||
        </sv-title>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
 | 
			
		||||
      <div class="font-weight-blod text-md detail-title">
 | 
			
		||||
        <a class="sign"></a>
 | 
			
		||||
        <span>车辆基础信息</span>
 | 
			
		||||
      </div>
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <sv-title style="font-weight: 700">车辆基础信息</sv-title>
 | 
			
		||||
        <!-- <sv-title style="font-weight: 700">车辆基础信息</sv-title> -->
 | 
			
		||||
        <sv label="车牌号" col="1">
 | 
			
		||||
          <div style="display: flex;">
 | 
			
		||||
            <input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
@ -48,8 +52,8 @@
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车辆类型">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
 | 
			
		||||
            [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
          <!-- <nz-select *ngIf="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
 | 
			
		||||
@ -97,118 +101,235 @@
 | 
			
		||||
    </ng-template>
 | 
			
		||||
  </page-header-wrapper>
 | 
			
		||||
  <nz-card>
 | 
			
		||||
    <sv-container col="3">
 | 
			
		||||
      <sv-title style="font-weight: 700">行驶证信息</sv-title>
 | 
			
		||||
      <sv label="档案编号">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="车辆品牌">
 | 
			
		||||
        <ng-container *ngIf="isEdit; else carBrandTemplate">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carBrand" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </ng-container>
 | 
			
		||||
        <ng-template #carBrandTemplate>
 | 
			
		||||
          {{detailData?.carBrand }}
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="行驶证注册日期">
 | 
			
		||||
        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
        [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
 | 
			
		||||
          [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
    <div>
 | 
			
		||||
      <div class="mb-xs common-order-header" nz-row>
 | 
			
		||||
        <div style="display: flex;">
 | 
			
		||||
          <button nz-button nzType="primary" style="background-color: green;" nzSize="small"
 | 
			
		||||
            *ngIf="detailData.networkStatus">
 | 
			
		||||
          </button>
 | 
			
		||||
          <button *ngIf="!detailData.networkStatus" nz-button nzType="primary" nzSize="small" nzDanger>未入网</button>
 | 
			
		||||
          <b class="ml-md" style="font-size: 18px;padding-right: 10px;">车牌号: {{ detailData?.carNo }}</b>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div>
 | 
			
		||||
          <ng-container *ngIf="!isEdit">
 | 
			
		||||
            <button nz-button nzType="default" nzDanger (click)="ratify()" acl
 | 
			
		||||
              acl-ability="VEHICLE-LIST-DETAIL-save">修改</button>
 | 
			
		||||
          </ng-container>
 | 
			
		||||
          <ng-container *ngIf="isEdit">
 | 
			
		||||
            <button nz-button nzType="default" (click)="reset()">取消</button>
 | 
			
		||||
            <button nz-button nzType="default" (click)="save()" nzDanger>保存</button>
 | 
			
		||||
          </ng-container>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <nz-divider class="divider-margin"></nz-divider>
 | 
			
		||||
    <div class="mb-lg">
 | 
			
		||||
      <div class="font-weight-blod text-md detail-title">
 | 
			
		||||
        <a class="sign"></a>
 | 
			
		||||
        <span>车辆基础信息</span>
 | 
			
		||||
      </div>
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <!-- <sv-title style="font-weight: 700">车辆基础信息</sv-title> -->
 | 
			
		||||
        <sv label="车牌号" col="1">
 | 
			
		||||
          <div style="display: flex;">
 | 
			
		||||
            <input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
              [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
            <!-- <div style="display: flex;">
 | 
			
		||||
              <div *ngIf="detailData.networkStatus"> <span
 | 
			
		||||
                  style="height: 5px; width: 5px; border-radius: 50%; background-color: green;display: inline-block;"></span>
 | 
			
		||||
                已入网</div>
 | 
			
		||||
              <div *ngIf="!detailData.networkStatus"><span
 | 
			
		||||
                  style="height: 5px; width: 5px; border-radius: 50%; background-color: red;display: inline-block;"></span>未入网
 | 
			
		||||
              </div>
 | 
			
		||||
            </div> -->
 | 
			
		||||
          </div>
 | 
			
		||||
 | 
			
		||||
    <sv-container col="3">
 | 
			
		||||
      <sv label="发动机号码">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="行驶证到期日">
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
 | 
			
		||||
          [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="行驶证签发机关">
 | 
			
		||||
        <ng-container *ngIf="isEdit; else driverLicenseSigningOrgTemplate">
 | 
			
		||||
          <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车牌颜色">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.carNoColor" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option *ngFor="let i of contenCarNoColor" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车辆类型">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
 | 
			
		||||
            [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </ng-container>
 | 
			
		||||
        <ng-template #driverLicenseSigningOrgTemplate>
 | 
			
		||||
          {{detailData?.driverLicenseSigningOrg }}
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
 | 
			
		||||
    <sv-container col="3">
 | 
			
		||||
      <sv label="行驶证发证日期">
 | 
			
		||||
        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          <!-- <nz-select *ngIf="detailData.carModel ? detailData.carModel : detailData.carModelLabel" [(ngModel)]="detailData.carModel ? detailData.carModel : detailData.carModelLabel"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
 | 
			
		||||
          </nz-select> -->
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车长(米)">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.carLength" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option *ngFor="let i of contenCarLength" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车辆能源类型">
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.carEnergyType" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option *ngFor="let i of contenCarEnergy" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="是否挂靠">
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.isSelf" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option [nzValue]="false" nzLabel="否"></nz-option>
 | 
			
		||||
            <nz-option [nzValue]="true" nzLabel="是"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="是否为挂车">
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.isTrailer" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option [nzValue]="false" nzLabel="否"></nz-option>
 | 
			
		||||
            <nz-option [nzValue]="true" nzLabel="是"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
      <sv-container col="1">
 | 
			
		||||
        <sv label="车头照">
 | 
			
		||||
          <!-- <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> -->
 | 
			
		||||
          <ng-container *ngTemplateOutlet="
 | 
			
		||||
              uploadTemplate;
 | 
			
		||||
              context: { image: detailData?.carFrontPhotoWatermark, key: 'carFrontPhotoWatermark', hover: 'PhotoWatermark2' }
 | 
			
		||||
            ">
 | 
			
		||||
          </ng-container>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="mb-lg">
 | 
			
		||||
      <div class="font-weight-blod text-md detail-title">
 | 
			
		||||
        <a class="sign"></a>
 | 
			
		||||
        <span>行驶证信息</span>
 | 
			
		||||
      </div>
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <!-- <sv-title style="font-weight: 700">行驶证信息</sv-title> -->
 | 
			
		||||
        <sv label="档案编号">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车辆品牌">
 | 
			
		||||
          <ng-container *ngIf="isEdit; else carBrandTemplate">
 | 
			
		||||
            <input nz-input type="text" [(ngModel)]="detailData.carBrand" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
              [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
          </ng-container>
 | 
			
		||||
          <ng-template #carBrandTemplate>
 | 
			
		||||
            {{detailData?.carBrand }}
 | 
			
		||||
          </ng-template>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="行驶证注册日期">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
        [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
 | 
			
		||||
          [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="车辆识别代码">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit"
 | 
			
		||||
          [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="使用性质">
 | 
			
		||||
        <nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
          [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
          <nz-option [nzValue]="'2'" nzLabel="货运"></nz-option>
 | 
			
		||||
          <nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
 | 
			
		||||
          <nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
 | 
			
		||||
        </nz-select>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
 | 
			
		||||
    <sv-container col="3">
 | 
			
		||||
      <sv label="核定载质量(吨)">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="整备质量">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="报废日期">
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.scrapTime" [nzDisabled]="!isEdit" [nzPlaceHolder]="isEdit ? '' : '-'"
 | 
			
		||||
          [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="总质量">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.carTotalLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="所有人">
 | 
			
		||||
        <ng-container *ngIf="isEdit; else carOwnerTemplate">
 | 
			
		||||
          <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <sv label="发动机号码">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.engineNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="行驶证到期日">
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="行驶证签发机关">
 | 
			
		||||
          <ng-container *ngIf="isEdit; else driverLicenseSigningOrgTemplate">
 | 
			
		||||
            <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg"
 | 
			
		||||
              [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
          </ng-container>
 | 
			
		||||
          <ng-template #driverLicenseSigningOrgTemplate>
 | 
			
		||||
            {{detailData?.driverLicenseSigningOrg }}
 | 
			
		||||
          </ng-template>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <sv label="行驶证发证日期">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
        [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="车辆识别代码">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit"
 | 
			
		||||
            [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </ng-container>
 | 
			
		||||
        <ng-template #carOwnerTemplate>
 | 
			
		||||
          {{detailData?.carOwner }}
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
    <sv-container col="1">
 | 
			
		||||
      <sv label="行驶证照片">
 | 
			
		||||
        <ng-container *ngTemplateOutlet="
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="使用性质">
 | 
			
		||||
          <nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit"
 | 
			
		||||
            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
 | 
			
		||||
            <nz-option [nzValue]="'2'" nzLabel="货运"></nz-option>
 | 
			
		||||
            <nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
 | 
			
		||||
            <nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
 | 
			
		||||
          </nz-select>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
 | 
			
		||||
      <sv-container col="3">
 | 
			
		||||
        <sv label="核定载质量(吨)">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="整备质量">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
            [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="报废日期">
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.scrapTime" [nzDisabled]="!isEdit" [nzPlaceHolder]="isEdit ? '' : '-'"
 | 
			
		||||
            [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="总质量">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.carTotalLoad" [readonly]="!isEdit"
 | 
			
		||||
            [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="所有人">
 | 
			
		||||
          <ng-container *ngIf="isEdit; else carOwnerTemplate">
 | 
			
		||||
            <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit"
 | 
			
		||||
              [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
          </ng-container>
 | 
			
		||||
          <ng-template #carOwnerTemplate>
 | 
			
		||||
            {{detailData?.carOwner }}
 | 
			
		||||
          </ng-template>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
      <sv-container col="1">
 | 
			
		||||
        <sv label="行驶证照片">
 | 
			
		||||
          <ng-container *ngTemplateOutlet="
 | 
			
		||||
            uploadTemplate;
 | 
			
		||||
            context: { image: detailData?.certificatePhotoFrontWatermark, key: 'certificatePhotoFrontWatermark', hover: 'FrontWatermark' }
 | 
			
		||||
          ">
 | 
			
		||||
        </ng-container>
 | 
			
		||||
        <ng-container *ngTemplateOutlet="
 | 
			
		||||
          </ng-container>
 | 
			
		||||
          <ng-container *ngTemplateOutlet="
 | 
			
		||||
            uploadTemplate;
 | 
			
		||||
            context: { image: detailData?.certificatePhotoBackWatermark, key: 'certificatePhotoBackWatermark', hover: 'BackWatermark' }
 | 
			
		||||
          ">
 | 
			
		||||
        </ng-container>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
    <nz-divider></nz-divider>
 | 
			
		||||
    <sv-container col="3" class="mt16">
 | 
			
		||||
      <sv-title style="font-weight: 700">
 | 
			
		||||
          </ng-container>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="mb-lg">
 | 
			
		||||
      <div class="font-weight-blod text-md detail-title">
 | 
			
		||||
        <a class="sign"></a>
 | 
			
		||||
        <span>道路运输证信息</span>
 | 
			
		||||
        <label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
 | 
			
		||||
            nzType="info-circle" nzTheme="fill" class="mr-xs"></i>验证不通过
 | 
			
		||||
        </label>
 | 
			
		||||
        <label *ngIf="detailData?.roadTransportVerificationStatus" style="color: #52c41a"><i nz-icon
 | 
			
		||||
            nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
 | 
			
		||||
        </label>
 | 
			
		||||
      </div>
 | 
			
		||||
      <sv-container col="3" class="mt16">
 | 
			
		||||
 | 
			
		||||
        <!-- <sv-title style="font-weight: 700">
 | 
			
		||||
        <p style="margin-bottom: 0">
 | 
			
		||||
          道路运输证信息
 | 
			
		||||
          <label *ngIf="!detailData?.roadTransportVerificationStatus" style="color: #ff4d4f"><i nz-icon
 | 
			
		||||
@ -218,58 +339,65 @@
 | 
			
		||||
              nzType="check-circle" nzTheme="fill" class="mr-xs"></i>验证通过
 | 
			
		||||
          </label>
 | 
			
		||||
        </p>
 | 
			
		||||
      </sv-title>
 | 
			
		||||
      <sv label="道路运输证号">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
 | 
			
		||||
          [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="经营许可证号">
 | 
			
		||||
        <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
 | 
			
		||||
          [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="发证日期">
 | 
			
		||||
        <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
      </sv-title> -->
 | 
			
		||||
        <sv label="道路运输证号">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit"
 | 
			
		||||
            [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="经营许可证号">
 | 
			
		||||
          <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit"
 | 
			
		||||
            [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="发证日期">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
        [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
 | 
			
		||||
          [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="有效期至">
 | 
			
		||||
        <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="有效期至">
 | 
			
		||||
          <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
 | 
			
		||||
        [placeholder]="isEdit?'':'-'"> -->
 | 
			
		||||
        <nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
 | 
			
		||||
          [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
        </nz-date-picker>
 | 
			
		||||
      </sv>
 | 
			
		||||
      <sv label="道路运输证照片">
 | 
			
		||||
        <!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
 | 
			
		||||
        <ng-container *ngTemplateOutlet="
 | 
			
		||||
          <nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
 | 
			
		||||
            [nzPlaceHolder]="isEdit ? '' : '-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''">
 | 
			
		||||
          </nz-date-picker>
 | 
			
		||||
        </sv>
 | 
			
		||||
        <sv label="道路运输证照片">
 | 
			
		||||
          <!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
 | 
			
		||||
          <ng-container *ngTemplateOutlet="
 | 
			
		||||
            uploadTemplate;
 | 
			
		||||
            context: { image: detailData?.roadTransportPhotoWatermark, key: 'roadTransportPhotoWatermark', hover: 'Watermark' }
 | 
			
		||||
          ">
 | 
			
		||||
        </ng-container>
 | 
			
		||||
      </sv>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
    <nz-divider></nz-divider>
 | 
			
		||||
    <sv-container col="2" class="mt16">
 | 
			
		||||
          </ng-container>
 | 
			
		||||
        </sv>
 | 
			
		||||
      </sv-container>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="mb-lg">
 | 
			
		||||
      <div class="font-weight-blod text-md detail-title">
 | 
			
		||||
        <a class="sign"></a>
 | 
			
		||||
        <span>认证司机</span>
 | 
			
		||||
      </div>
 | 
			
		||||
      <!-- <sv-container col="2" class="mt16">
 | 
			
		||||
      <sv-title style="font-weight: 700">认证司机</sv-title>
 | 
			
		||||
    </sv-container>
 | 
			
		||||
    <st #st [bordered]="true" [columns]="columns" [scroll]="{ x: '1200px' }"
 | 
			
		||||
      [data]="service.$api_get_queryDriverByCarId" [req]="{ method: 'POST', allInBody: true, params: reqParams }"
 | 
			
		||||
      [res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
 | 
			
		||||
      [page]="{ show: false }">
 | 
			
		||||
      <ng-template st-row="auditStatusEnum" let-item let-index="index">
 | 
			
		||||
        <div>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
 | 
			
		||||
          <span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
 | 
			
		||||
        </div>
 | 
			
		||||
      </ng-template>
 | 
			
		||||
    </st>
 | 
			
		||||
    </sv-container> -->
 | 
			
		||||
      <st #st [bordered]="true" [columns]="columns" [scroll]="{ x: '1200px' }"
 | 
			
		||||
        [data]="service.$api_get_queryDriverByCarId" [req]="{ method: 'POST', allInBody: true, params: reqParams }"
 | 
			
		||||
        [res]="{ reName: { list: 'data', total: 'data' } }" [ngStyle]="{ margin: '1rem 0' }" multiSort size="small"
 | 
			
		||||
        [page]="{ show: false }">
 | 
			
		||||
        <ng-template st-row="auditStatusEnum" let-item let-index="index">
 | 
			
		||||
          <div>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
 | 
			
		||||
            <span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
 | 
			
		||||
          </div>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </st>
 | 
			
		||||
    </div>
 | 
			
		||||
  </nz-card>
 | 
			
		||||
 | 
			
		||||
</ng-container>
 | 
			
		||||
 | 
			
		||||
<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
 | 
			
		||||
@ -313,4 +441,4 @@
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
  </nz-upload>
 | 
			
		||||
</ng-template>
 | 
			
		||||
</ng-template>
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user