用户中心

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

@@ -0,0 +1,121 @@
+<ng-container >
+  <!-- 页头 -->
+  <page-header-wrapper [logo]="logo" [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>
+      <div class="user-info">
+        <div style="flex: 1">
+         <div style="display: flex;">
+          <p style="padding-right: 80px; width: 400px;">车牌号{{ detailData?.shoppFeignVO?.publicity }}</p>
+          <p style="padding-right: 80px; width: 400px;">车牌颜色{{ detailData?.shoppFeignVO?.introduction }}</p>
+          <p >注册日期：2021-09-02 12.53.32</p>
+         </div>
+         <div style="display: flex;">
+          <p style="padding-right: 80px; width: 400px;">车型{{ detailData?.shoppFeignVO?.introduction }}</p>
+          <p >车长：2021-09-02 12.53.32</p>
+         </div>
+        
+   
+        </div>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card>
+    <sv-container col="3">
+      <sv-title>行驶证信息</sv-title>
+      <sv label="档案编号">
+        {{ detailData?.contactsName }}
+      </sv>
+      <sv label="准驾车型">
+        {{ detailData?.contactsPhone }}
+      </sv>
+      <sv label="行驶证注册日期">
+        {{ detailData?.contactsPhone }}
+      </sv>
+    </sv-container>
+
+      <sv-container col="2">
+        <sv label="行驶证到期日">
+          {{ detailData?.contactsPhone }}
+        </sv>
+      <sv label="行驶证签发机关">
+        {{ detailData?.contactsPhone }}
+      </sv>
+    </sv-container>
+
+    <sv-container col="3">
+      <sv label="行驶证发证日期">
+        {{ detailData?.contactsName }}
+      </sv>
+      <sv label="车辆识别代码">
+        {{ detailData?.contactsPhone }}
+      </sv>
+      <sv label="使用性质">
+        {{ detailData?.contactsPhone }}
+      </sv>
+    </sv-container>
+
+    <sv-container col="3">
+      <sv label="载重（吨）">
+        {{ detailData?.contactsName }}
+      </sv>
+      <sv label="整备质量">
+        {{ detailData?.contactsPhone }}
+      </sv>
+      <sv label="所有人">
+        {{ detailData?.contactsPhone }}
+      </sv>
+    </sv-container>
+    <sv-container col="1">
+      <sv label="自有载具">
+        {{ detailData?.contactsName }}
+      </sv>
+      <sv label="行驶证照片">
+        <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="3" class="mt16">
+      <sv-title>道路运输证信息</sv-title>
+      <sv label="道路运输证号">
+        {{ detailData?.enterpriseName }}
+      </sv>
+      <sv label="许可证起始有效期">
+        {{ detailData?.unifiedSocialCreditCode }}
+      </sv>
+      <sv label="许可证截至有效期">
+        {{ detailData?.enterpriseType }}
+      </sv>
+      <sv label="营业执照">
+        <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="2" class="mt16">
+      <sv-title>其他信息</sv-title>
+      <sv label="车头照">
+        {{ detailData?.name }}
+      </sv>
+      <sv label="车主申明或挂靠协议" >
+        <!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <st
+    #st
+    [bordered]="true"
+    [columns]="columns"
+    [data]="detailData.goodsList"
+    [ngStyle]="{ margin: '1rem 0' }"
+    multiSort
+    size="small"
+    [page]="{ show: false }"
+  >
+  </st>
+  </nz-card>
+</ng-container>
+