bbq/src/app/routes/vehicle/components/audit/detail/detail.component.html

<ng-container>
  <!-- 页头 -->
  <page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
    <ng-template #logo>
      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
        <i nz-icon nzType="left" nzTheme="outline"></i>
      </button>
    </ng-template>
    <ng-template #content>
      <sv-container col="3">
        <sv-title style="font-weight: 700;">待审核
          <div style="float: right;">
            <button nz-button nzType="default" nzDanger>通过</button>
            <button nz-button nzType="default" nzDanger>驳回</button>
            <button nz-button nzType="default" nzDanger (click)="ratify()">修改</button>
          </div>
        </sv-title>
        <sv label="申请时间">
          {{ detailData?.carNoColor }}
        </sv>
        <sv label="录入人员">
          {{ detailData?.carNoColor }}
        </sv>
      </sv-container>
    </ng-template>
  </page-header-wrapper>




  <nz-card [ngClass]="{'readOnly-input': !isEdit}">

    <sv-container col="3">
      <sv-title style="font-weight: 700;">车辆基础信息
      </sv-title>
      <sv label="车牌号">
        <input type="text" name="" [(ngModel)]="detailData.carNo" [readonly]="!isEdit">
      </sv>
      <sv label="车牌颜色">
        {{ detailData?.carNoColor }}
      </sv>
      <sv label="车型">
        {{ detailData?.carModel }}
      </sv>
      <sv label="车长">
        {{ detailData?.carLength }}
      </sv>
      <sv label="是否为挂车">
        {{ detailData?.isTrailer === true ? '是' : '否'}}
      </sv>
    </sv-container>
    <sv-container col="1">
      <sv label="车头照">
        <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]">
        </app-imagelist>
      </sv>
    </sv-container>
    <nz-divider></nz-divider>

    <sv-container col="3">
      <sv-title style="font-weight: 700;">行驶证信息</sv-title>
      <sv label="档案编号">
        {{ detailData?.archivesNo }}
      </sv>
      <sv label="准驾车型">
        {{ detailData?.carModel }}
      </sv>
      <sv label="行驶证注册日期">
        {{ detailData?.driverLicenseRegisterTime }}
      </sv>
    </sv-container>

    <sv-container col="2">
      <sv label="行驶证到期日">
        {{ detailData?.driverLicenseEndTime }}
      </sv>
      <sv label="行驶证签发机关">
        {{ detailData?.driverLicenseSigningOrg }}
      </sv>
    </sv-container>

    <sv-container col="3">
      <sv label="行驶证发证日期">
        {{ detailData?.driverLicenseGetTime }}
      </sv>
      <sv label="车辆识别代码">
        {{ detailData?.carDistinguishCode }}
      </sv>
      <sv label="使用性质">
        {{ detailData?.useNature === '1' ? '营运' : '非营运'}}
      </sv>
    </sv-container>

    <sv-container col="3">
      <sv label="载重（吨）">
        {{ detailData?.carLoad }}
      </sv>
      <sv label="整备质量">
        {{ detailData?.curbWeight }}
      </sv>
      <sv label="所有人">
        {{ detailData?.carOwner }}
      </sv>
    </sv-container>
    <sv-container col="1">
      <sv label="自有载具">
        {{ detailData?.contactsName }}
      </sv>
      <sv label="行驶证照片">
        <app-imagelist
          [imgList]="[detailData?.certificatePhotoFront,detailData?.certificatePhotoBack,detailData?.certificatePhotoFrontWatermark,detailData?.certificatePhotoBackWatermark]">
        </app-imagelist>
      </sv>
    </sv-container>
    <nz-divider></nz-divider>
    <sv-container col="3" class="mt16">
      <sv-title style="font-weight: 700;">道路运输证信息</sv-title>
      <sv label="道路运输证号">
        {{ detailData?.roadTransportNo }}
      </sv>
      <sv label="经营许可证号">
        {{ detailData?.roadTransportLicenceNo }}
      </sv>
      <sv label="发证日期">
        {{ detailData?.roadTransportStartTime }}
      </sv>
      <sv label="有效期至">
        {{detailData?.roadTransportEndTime}}
      </sv>
      <sv label="道路运输证照片">
        <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]">
        </app-imagelist>
      </sv>
    </sv-container>
    <nz-divider></nz-divider>
    <sv-container col="2" class="mt16">
      <sv-title style="font-weight: 700;">认证司机</sv-title>
    </sv-container>
    <st #st [bordered]="true" [columns]="columns" [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="isSelf" let-item let-index="index">
        <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
          <div>
            {{ item?.isSelf ? '是' : '否' }}
          </div>
        </div>
      </ng-template>
    </st>
  </nz-card>
</ng-container>

<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
  (nzOnCancel)="handleCancel('2')">
  <ng-container *nzModalContent>
    <nz-tabset>
      <nz-tab nzTitle="我的评价">
        <div>
          评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate>
          <div><span>评价内容：</span></div>
        </div>
      </nz-tab>
      <nz-tab nzTitle="司机评价">
        <div>
          暂无评价内容
        </div>
      </nz-tab>
    </nz-tabset>
  </ng-container>
  <ng-template #nzModalFooterEvaluate>
    <button nz-button nzType="default" (click)="handleCancel('2')">取消</button>
    <button nz-button nzType="primary" (click)="handleOK()">确定</button>
  </ng-template>
</nz-modal>