Eve-Project/app-angular/src/modules/home/companydetail/companydetail.component.html

<nz-descriptions nzTitle="Company Info" nzBordered nzLayout="vertical">
  <nz-descriptions-item nzTitle="公司名称">{{company.name}}</nz-descriptions-item>
  <nz-descriptions-item nzTitle="招聘岗位">{{company.post}}</nz-descriptions-item>
  <nz-descriptions-item nzTitle="薪资待遇">{{company.salary}}</nz-descriptions-item>
  <nz-descriptions-item nzTitle="公司地址">{{company.address}}
    <button nz-button nzType="primary" (click)="open()">Open</button>
    <nz-drawer [nzClosable]="false" [nzVisible]="visible" nzPlacement="right" nzTitle="Basic Drawer" [nzSize]="map_size"
               (nzOnClose)="close()">
      <ng-container *nzDrawerContent>
        <div class="map-container">
          <app-comp-plan-route></app-comp-plan-route>
        </div>
      </ng-container>
    </nz-drawer>
  </nz-descriptions-item>
  <nz-descriptions-item nzTitle="公司信息" [nzSpan]="2">
    {{company.info}}
  </nz-descriptions-item>
  <nz-descriptions-item nzTitle="Status" [nzSpan]="3">
    <nz-badge nzStatus="processing" nzText="Running"></nz-badge>
  </nz-descriptions-item>
  <nz-descriptions-item nzTitle="Negotiated Amount">$80.00</nz-descriptions-item>
  <nz-descriptions-item nzTitle="Discount">$20.00</nz-descriptions-item>
  <nz-descriptions-item nzTitle="Official Receipts">$60.00</nz-descriptions-item>
  <nz-descriptions-item nzTitle="Config Info">
    Data disk type: MongoDB
    <br/>
    Database version: 3.4
    <br/>
    Package: dds.mongo.mid
    <br/>
    Storage space: 10 GB
    <br/>
    Replication_factor:3
    <br/>
    Region: East China 1
    <br/>
  </nz-descriptions-item>
</nz-descriptions>