车队长列表

src/app/routes/usercenter/components/driver/detail/detail.component.html

@@ -1,6 +1,6 @@
 <ng-container >
   <!-- 页头 -->
-  <page-header-wrapper [logo]="logo" [action]="action" [content]="content">
+  <page-header-wrapper [logo]="logo"  [title]="'司机详情'"   [action]="action" [content]="content">
     <ng-template #logo>
       <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
         <i nz-icon nzType="left" nzTheme="outline"></i>
@@ -11,13 +11,13 @@
         <img [src]="detailData?.shoppFeignVO?.logoUrl" />
         <div style="flex: 1">
          <div style="display: flex;">
-          <p style="padding-right: 80px; width: 400px;">深圳市xxxx科技有限公司{{ detailData?.shoppFeignVO?.publicity }}</p>
-          <nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.status === 0"></nz-badge>
+          <p style="padding-right: 80px; width: 400px;">张司机{{ detailData?.shoppFeignVO?.publicity }}</p>
+          <nz-badge nzStatus="success" nzText="正常" ></nz-badge>
           <nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.status === 1"></nz-badge>
           <nz-badge nzStatus="warning" nzText="废弃" *ngIf="detailData?.status === 2"></nz-badge>
          </div>
          <div style="display: flex;">
-          <p style="padding-right: 80px; width: 400px;">4545456655645{{ detailData?.shoppFeignVO?.introduction }}</p>
+          <p style="padding-right: 80px; width: 400px;">手机号：1452454545{{ detailData?.shoppFeignVO?.introduction }}</p>
           <p >认证时间：2021-09-02 12.53.32</p>
          </div>
          <div>
@@ -47,28 +47,6 @@
           nzPopconfirmPlacement="bottomRight"
         >
           冻结
-        </button>
-        <button
-          [nzLoading]="service.http.loading"
-          nz-button
-          nzDanger
-          nz-popconfirm
-          [nzPopconfirmTitle]="Payfrozen"
-          (nzOnConfirm)="PayOrResume(0)"
-          nzPopconfirmPlacement="bottomRight"
-        >
-          开通支付权限
-        </button>
-        <button
-          [nzLoading]="service.http.loading"
-          nz-button
-          nzDanger
-          nz-popconfirm
-          [nzPopconfirmTitle]="Payenable"
-          (nzOnConfirm)="PayOrResume(1)"
-          nzPopconfirmPlacement="bottomRight"
-        >
-          关闭支付权限
         </button>
          </div>
         </div>
@@ -124,166 +102,173 @@
         </div>
       </div>
     </ng-template>
-    <ng-template #Payenable>
-      <div class="ant-popover-message">
-        <i nz-icon="" nztheme="fill" class="anticon anticon-exclamation-circle ng-star-inserted">
-          <svg
-            viewBox="64 64 896 896"
-            focusable="false"
-            fill="currentColor"
-            width="1em"
-            height="1em"
-            class="ng-tns-c358-1487"
-            data-icon="exclamation-circle"
-            aria-hidden="true"
-          >
-            <path
-              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
-            ></path>
-          </svg>
-        </i>
-        <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定关闭该企业支付权限吗？</div>
-        <div class="ant-popover-message-title ng-star-inserted">
-          停用后，该企业将被限制使用支付功能，请谨慎操作
-        </div>
-      </div>
-    </ng-template>
-    <ng-template #Payfrozen>
-      <div class="ant-popover-message">
-        <i nz-icon="" nztheme="fill" class="anticon anticon-exclamation-circle ng-star-inserted">
-          <svg
-            viewBox="64 64 896 896"
-            focusable="false"
-            fill="currentColor"
-            width="1em"
-            height="1em"
-            class="ng-tns-c358-1487"
-            data-icon="exclamation-circle"
-            aria-hidden="true"
-          >
-            <path
-              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
-            ></path>
-          </svg>
-        </i>
-        <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">确定开通该企业支付权限吗？</div>
-        <div class="ant-popover-message-title ng-star-inserted">
-          启用后，该企业将恢复正常支付功能，请再次确认
-        </div>
-      </div>
-    </ng-template>
   </page-header-wrapper>
   <nz-card>
-    <sv-container col="3">
-      <sv-title>联系信息人</sv-title>
-      <sv label="联系人">
+    <sv-container col="2">
+      <sv-title>实名认证信息</sv-title>
+      <sv label="姓名">
         {{ detailData?.contactsName }}
       </sv>
-      <sv label="联系人手机号">
-        {{ detailData?.contactsPhone }}
-      </sv>
-      <sv label="联系人身份证号">
+      <sv label="身份证号">
         {{ detailData?.contactsPhone }}
       </sv>
+    </sv-container>
+    <sv-container col="1">
       <sv label="企业授权函">
         <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+        <div style="display: flex;">
+          <div style="    position: relative;
+          top: -65%;
+          left: 75%;">
+            <button nz-button nzType="default" nzDanger  (click)="auditPass()">审核通过</button>
+            <button nz-button nzType="default" nzDanger  (click)="auditNo()">驳回审核</button>
+           </div>
+         </div>
       </sv>
     </sv-container>
+
     <nz-divider></nz-divider>
     <sv-container col="3" class="mt16">
-      <sv-title>公司基本信息</sv-title>
-      <sv label="公司名称">
+      <sv-title>驾驶证信息</sv-title>
+      <sv label="驾驶证号">
         {{ detailData?.enterpriseName }}
       </sv>
-      <sv label="统一社会信用代码">
+      <sv label="准驾车型">
         {{ detailData?.unifiedSocialCreditCode }}
       </sv>
-      <sv label="公司类型">
+      <sv label="有效期起">
         {{ detailData?.enterpriseType }}
       </sv>
-      <sv label="注册资本">
-        {{ detailData?.registrationCapital }}
-        <span *ngIf="detailData?.registrationCapital">万元</span>
-      </sv>
-      <sv label="成立日期">
-        {{ detailData?.enterpriseRegistrationTime }}
-      </sv>
-      <sv label="营业期限">
-        <div *ngIf="!!detailData?.operatingStartTime && !!detailData?.operatingEndTime">
-          {{ detailData?.operatingStartTime }} 至 {{ detailData?.operatingEndTime }}
-        </div>
-        <div *ngIf="!detailData?.operatingStartTime && !detailData?.operatingEndTime">长期</div>
-        <div *ngIf="!!detailData?.operatingStartTime && !detailData?.operatingEndTime">{{ detailData?.operatingStartTime }} 至 长期</div>
-      </sv>
     </sv-container>
+
     <sv-container col="2" class="mt16">
-      <sv label="公司所在地" col="3">
-        {{ detailData?.enterpriseAddressCodeStr }}
-      </sv>
-      <sv label="公司详细地址">
-        {{ detailData?.enterpriseAddress }}
-      </sv>
-    </sv-container>
-    <sv-container col="2" class="mt16">
-      <sv label="公司实际经营所在地" col="3">
-        {{ detailData?.enterpriseAddressCodeStr }}
-      </sv>
-      <sv label="公司实际经营详细地址">
-        {{ detailData?.enterpriseAddress }}
-      </sv>
-    </sv-container>
-    <sv-container col="2" class="mt16">
-      <sv label="公司电话" col="3">
-        {{ detailData?.enterpriseAddressCodeStr }}
-      </sv>
-      <sv label="公司邮箱">
-        {{ detailData?.enterpriseAddress }}
-      </sv>
-    </sv-container>
-    <sv-container col="1" class="mt16">
-      <sv label="经营范围">
+    <sv label="有效期至">
+      {{ detailData?.registrationCapital }}
+      <span *ngIf="detailData?.registrationCapital">万元</span>
+    </sv>
+    <sv label="驾驶证签发机关">
+      {{ detailData?.enterpriseRegistrationTime }}
+    </sv>
+    <sv label="驾驶证照片">
+      <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+    </sv>
+  </sv-container>
+
+    <sv-container col="3" class="mt16">
+      <sv-title>从业资格证信息</sv-title>
+      <sv label="从业资格证号">
         {{ detailData?.businessScope }}
       </sv>
-      <sv label="营业执照">
-        <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+      <sv label="发证日期">
+        {{ detailData?.businessScope }}
+      </sv>
+      <sv label="有效期至">
+        {{ detailData?.businessScope }}
       </sv>
     </sv-container>
+
+      <sv-container col="1">
+        <sv label="从业资格证照片">
+          <!-- <app-imagelist [imgList]="detailData?.enterpriseQualificationCertificate"></app-imagelist> -->
+          <div style="display: flex;">
+            <div style="position: relative;
+            top: -65%;
+            left: 75%;">
+              <button nz-button nzType="default" nzDanger  (click)="auditPass()">审核通过</button>
+              <button nz-button nzType="default" nzDanger  (click)="auditNo()">驳回审核</button>
+              <button nz-button nzType="default" nzDanger  (click)="auditNo()">修改</button>
+             </div>
+           </div>
+        </sv>
+    </sv-container>
+
     <nz-divider></nz-divider>
     <sv-container col="3" class="mt16">
-      <sv-title>法人信息</sv-title>
-      <sv label="法定代表人">
+      <sv-title>载具信息</sv-title>
+      <sv label="车牌号">
         {{ detailData?.name }}
       </sv>
-      <sv label="身份证号">
+      <sv label="车牌颜色">
         {{ detailData?.certificateNumber }}
       </sv>
-      <sv label="身份证有效期">
-        {{ detailData?.validStartTime }} -
-        {{ detailData?.validEndTime ? detailData?.validEndTime : '长期' }}
+      <sv label="车型">
+        {{ detailData?.validStartTime }}
       </sv>
-      <sv label="身份证照" col="1">
+      <sv label="车长">
+        {{ detailData?.validStartTime }}
+      </sv>
+      <sv label="是否为当前车辆">
+        {{ detailData?.validStartTime }}
+      </sv>
+      <sv label="自有载具">
+        {{ detailData?.validStartTime }}
+      </sv>
+      <sv label="行驶证照片" col="1">
+        <!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
+      </sv>
+      <sv label="道路运输证照片" col="1">
+        <!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
+      </sv>
+      <sv label="车头照" col="1">
         <!-- <app-imagelist [imgList]="detailData?.certificatePhoto"></app-imagelist> -->
       </sv>
     </sv-container>
     <nz-divider></nz-divider>
     <sv-container col="3" class="mt16">
       <sv-title>银行结算信息</sv-title>
-      <sv label="开户名称">
+      <sv label="开户银行">
         {{ detailData?.name }}
       </sv>
-      <sv label="开户账户">
+      <sv label="银行卡号">
         {{ detailData?.certificateNumber }}
       </sv>
-      <sv label="开户支行">
-        {{ detailData?.validStartTime }}
-      </sv>
     </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="3" class="mt16">
+      <sv-title>服务评级</sv-title>
+      <sv label="服务评级">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+      <sv label="运输效率">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+      <sv label="运输安全">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+      <sv label="服务质量">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+      <sv label="客户满意度">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+      <sv label="车辆整洁程度">
+        <nz-rate [ngModel]="2" nzDisabled></nz-rate>
+      </sv>
+   
+    </sv-container>
+        <div style="float: right;">
+      <button nz-button nzType="default" nzDanger  (click)="auditNo()">修改</button>
+        </div>
+
   </nz-card>
 </ng-container>
-<nz-modal [(nzVisible)]="isVisible" nzTitle="类型" (nzOnOk)="handleOK('suppliersType')">
-  <sf #sf1 [schema]="schema1" [ui]="ui" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
-  <div *nzModalFooter>
+<nz-modal [(nzVisible)]="isVisible"   [nzFooter]="nzModalFooter" nzTitle="审核通过" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('suppliersType')">
+  <ng-container *nzModalContent>
+    <sf #sf [schema]="schema" [ui]="ui" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
+  </ng-container>
+  
+  <ng-template #nzModalFooter>
     <button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
-    <button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf1.valid">确认</button>
-  </div>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
+  </ng-template>
+</nz-modal>
+<nz-modal [(nzVisible)]="isVisibleNo"   [nzFooter]="nzModalFooter2" nzTitle="审核驳回" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('suppliersTypeNo')">
+  <ng-container *nzModalContent>
+    <sf #sf2 [schema]="schema2" [ui]="ui2" [compact]="false" [button]="'none'" [formData]="suppliersData"></sf>
+  </ng-container>
+  
+  <ng-template #nzModalFooter2>
+    <button nz-button nzType="default" (click)="handleCancel('suppliersTypeNo')">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认</button>
+  </ng-template>
 </nz-modal>