<!-- start 面包屑 -->
<nz-breadcrumb>
  <nz-breadcrumb-item>
    商户详情
  </nz-breadcrumb-item>
</nz-breadcrumb>
<!-- end 面包屑 -->

<div class="inner-content">
  <nz-tabset>
    <nz-tab nzTitle="基本详情">
      <nz-descriptions nzBordered [nzColumn]="{ xxl: 3, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
        <nz-descriptions-item nzTitle="开户人">{{dataObject['regName']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="开户人手机号">{{dataObject['regPhone']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户类型">{{dataObject['merType'] | merType}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户号">{{dataObject['merNo']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户名称">{{dataObject['merName']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户简称">{{dataObject['merAbbreviate']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户MCC编号">{{dataObject['merMccCode']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="创建时间">{{dataObject['createTime'] | date: 'yyyy-MM-dd HH:mm:ss'}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="经营地区">{{dataObject.merRegion['provinceName'] + '-' + dataObject.merRegion['cityName'] + '-' + dataObject.merRegion['areaName']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="详情地址">{{dataObject.merRegion['address']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="商户状态">{{dataObject['merStatus'] | merStatus}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="失败原因" *ngIf="dataObject['merStatus'] == 4">{{dataObject.merContractFailMsg['response_msg']}}</nz-descriptions-item>
      </nz-descriptions>
    </nz-tab>
  </nz-tabset>
  <nz-tabset>
    <nz-tab nzTitle="法人信息">
      <nz-descriptions nzBordered [nzColumn]="{ xxl: 3, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
        <nz-descriptions-item nzTitle="法人身份证正面">
          <img (click)="showPreview(OBS_URL + dataObject['larIdCardPortraitImg'])" style="width: 100px;height: 100px;object-fit: cover;" src="{{OBS_URL + dataObject['larIdCardPortraitImg']}}">
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="法人身份证反面">
          <img (click)="showPreview(OBS_URL + dataObject['larIdCardNationalEmblemImg'])" style="width: 100px;height: 100px;object-fit: cover;" src="{{OBS_URL + dataObject['larIdCardNationalEmblemImg']}}">
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="法人名称">{{dataObject['larName']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="法人身份证号">{{dataObject['larIdCard']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="身份证有效期">{{dataObject['larIdCardPeriodStart'] + ' - '+ dataObject['larIdCardPeriodEnd']}}</nz-descriptions-item>
      </nz-descriptions>
    </nz-tab>
  </nz-tabset>
  <nz-tabset>
    <nz-tab nzTitle="营业执照">
      <nz-descriptions nzBordered [nzColumn]="{ xxl: 3, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
        <nz-descriptions-item nzTitle="营业执照照片">
          <img (click)="showPreview(OBS_URL + dataObject['blisUrl'])" style="width: 100px;height: 100px;object-fit: cover;" src="{{OBS_URL + dataObject['blisUrl']}}">
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="营业执照名称">{{dataObject['blisName']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="营业执照号">{{dataObject['blisNo']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="营业执照期限">{{dataObject['blisPeriodStart'] + ' - '+ dataObject['blisPeriodEnd']}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="营业执照注册地址">{{dataObject['blisRegAddress']}}</nz-descriptions-item>
      </nz-descriptions>
    </nz-tab>
  </nz-tabset>
</div>


<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" nzWidth="900px" [nzFooter]="null" (nzOnCancel)="closePreview()">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
  </ng-template>
</nz-modal>

