auseft.platform.datav/src/app/routes/data-v/second1/second1.component.html

<div nz-row [nzGutter]="[12, 12]" style="display: flex; justify-content: space-between">
  <div style="display: flex; flex-direction: column; width: 23%">
    <app-data-v-lj-dashboard title="系统状态" style="width: 100%" />
    <lj-app-ag-grid-component style="width: 100%" title="运行信息" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs1" [gridThemeClass]="gridThemedClass" />
    <lj-app-ag-grid-component style="width: 100%" title="系统报警信息" [defaultColDef]="defaultColDef" [rowData]="rowData"
      [columnDefs]="colDefs1" [gridThemeClass]="gridThemedClass" />
  </div>

  <div style="display: flex; flex-direction: column; width: 43%">
    <!-- button-component.component.html -->
    <div class="button-container">
      <button class="lock-button">
        <img class="logo" src="./assets/lock.svg" />
      </button>
      <button class="standard-button">操作</button>
      <button class="standard-button">校磅</button>
      <button class="standard-button">防作弊</button>
    </div>

    <div class="car-status-container">
      <div nz-row [nzGutter]="12">
        <div nz-col class="gutter-row" [nzSpan]="6" style="text-align: center;">
          <div class="card-content-title">
            <div class="card-content-l">{{ '抬杆监控' }}</div>
          </div>
        </div>
        <div nz-col class="gutter-row" [nzSpan]="12" style="text-align: center;">
          <div class="card-content-title">
            <div class="card-content-l">{{ '3D监控' }}</div>
          </div>
        </div>
        <div nz-col class="gutter-row" [nzSpan]="6" style="text-align: center;">
          <div class="card-content-title">
            <div class="card-content-l">{{ '落杆监控' }}</div>
          </div>
        </div>
      </div>

      <div class="row" *ngFor="let item of items; let i = index">
        <blockbuster-component style="margin-bottom: 0.5rem;"></blockbuster-component>
      </div>
    </div>
  </div>

  <div style="display: flex; flex-direction: column; width: 30%">


    <!-- </data-v-card> -->
    <lj-app-ag-grid-component style="height: 250px" [showPageTurning]="false" [showEditButton]="true" title="今日汇总"
      [defaultColDef]="defaultColDef" [rowData]="todayRowData" [columnDefs]="colDefs2"
      [gridThemeClass]="gridThemedClass" />
    <app-data-v-lj-car-info-table style="width: 100%; margin-top: 30px" />
    <!--   

    <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="报警信息">
      <app-ag-grid-component
        style="width: 30%"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData"
        [columnDefs]="colDefs3"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </data-v-card>
    <data-v-card nz-col nzSpan="24" nzXs="24" nzSm="24" nzMd="12" nzLg="12" nzXl="12" nzXXl="12" title="通知">
      <app-ag-grid-component
        style="width: 30%"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData"
        [columnDefs]="colDefs4"
        gridThemeClass="ag-theme-quartz ag-theme-datav"
      />
    </data-v-card> -->
  </div>
</div>