<!--/**
 * zzx
 * 2020.06.24
 * 站台看板查询
 */-->
<style>
  #platformKanbanInquiry {
    height: 100%;
    width: 100%;
    background-image: url("/img/platformKanbanInquiry_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #000;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  }

  #platformKanbanInquiry_header .title {
    display: flex;
    flex-direction: column;
    height: 0.6rem;
    background-image: url("/img/platformKanbanInquiry_head.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  #platformKanbanInquiry_header .title_text {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #FFF;
  }

  #platformKanbanInquiry_header .title_time {
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.16rem;
    color: #0AFEFE;
  }

  #platformKanbanInquiry_header .title_squareList {
    margin: 0.2rem 0 0.2rem 0.2rem;
    display: flex;
  }

  #platformKanbanInquiry_header .square {
    flex: 1;
    margin-right: 0.2rem;
    border: 1px solid #005C6D;
  }

  #platformKanbanInquiry_header .square_col_title {
    height: 0.52rem;
    line-height: 0.52rem;
    background-color: #00445A;
    opacity: 0.8;
    color: #FFF;
    font-size: 0.18rem;
    border-bottom: 1px solid #005C6D;
  }

  #platformKanbanInquiry_header .square_col_content {
    height: 0.76rem;
    line-height: 0.76rem;
    background-color: #00445A;
    opacity: 0.6;
    color: #0AFEFE;
    font-size: 0.36rem;
  }

  #platformKanbanInquiry_main {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 2.3rem);
  }

  #platformKanbanInquiry_main .main_table_title {
    width: calc(100% - 0.4rem);
    margin: 0 0.2rem;
    color: #00B6B6;
    background-color: #00445A;
    opacity: 0.8;
    border: 1px solid #005C6D;
  }

  #platformKanbanInquiry_main .main_content {
    height: calc(100% - 0.9rem);
    margin: 0 0.2rem 0.3rem;
    background-image: url("/img/platformKanbanInquiry_table.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  #platformKanbanInquiry_main .main_content_2 {
    height: calc(100% - 0.5rem);
    margin-bottom: 0.5rem;
    overflow-y: auto;
    overflow-y: overlay;
  }

  #platformKanbanInquiry_main .main_table_content {
    width: 100%;
    color: #0AFEFE;
    font-size: 0.2rem;
  }

  #platformKanbanInquiry_main .main_table_row {
    width: calc(100% / 9);
    word-break: break-all;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
  }

  #platformKanbanInquiry_main .status_class {
    font-weight: 700;
  }

  #platformKanbanInquiry_main .row_success {
    color: #67C23A;
  }

  #platformKanbanInquiry_main .row_danger {
    color: #F56C6C;
  }

  #platformKanbanInquiry_main .row_info {
    color: #909399;
  }

  #platformKanbanInquiry_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.4rem;
    background-image: url("/img/platformKanbanInquiry_footer.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  /*滚动条样式*/
  #platformKanbanInquiry ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
  }

  #platformKanbanInquiry ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #c5c5c5;
  }

  #platformKanbanInquiry ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #00445A;
    opacity: 0.6;
  }
</style>
<div id="platformKanbanInquiry">
  <div id="platformKanbanInquiry_header">
    <div class="title">
      <div class="title_text" id="platformKanbanInquiry_title_name">进场管理看板</div>
      <div class="title_time" id="platformKanbanInquiry_title_time"></div>
    </div>
    <div class="title_squareList">
      <!-- <div class="square">
        <div class="square_col_title">刷新倒计时</div>
        <div class="square_col_content" id="title_countdownTime"></div>
      </div> -->
      <div class="square">
        <div class="square_col_title">今日预约车次</div>
        <div class="square_col_content" id="platformKanbanInquiry_vehicleAppointData"></div>
      </div>
      <div class="square">
        <div class="square_col_title">待发货箱数</div>
        <div class="square_col_content" id="platformKanbanInquiry_vehicleArriveData"></div>
      </div>
      <div class="square">
        <div class="square_col_title">待装车次</div>
        <div class="square_col_content" id="platformKanbanInquiry_vehicleGetNumberData"></div>
      </div>
      <div class="square">
        <div class="square_col_title">装车数量</div>
        <div class="square_col_content" id="platformKanbanInquiry_vehicleLoadingData"></div>
      </div>
      <div class="square">
        <div class="square_col_title">作业中车辆</div>
        <div class="square_col_content" id="platformKanbanInquiry_platformUsedData"></div>
      </div>
      <div class="square">
        <div class="square_col_title">已发货箱数</div>
        <div class="square_col_content" id="platformKanbanInquiry_vehicleOutData"></div>
      </div>
      <!-- <div class="square">
        <div class="square_col_title">站台数量</div>
        <div class="square_col_content" id="platformKanbanInquiry_platformData"></div>
      </div> -->
    </div>
  </div>
  <div id="platformKanbanInquiry_main">
    <table class="main_table_title">
      <tr>
        <th class="main_table_row">到场时间</th>
        <th class="main_table_row">已等待时间</th>
        <th class="main_table_row">承运商</th>
        <th class="main_table_row">发运单号</th>
        <th class="main_table_row">车牌号</th>
        <th class="main_table_row">状态</th>
        <th class="main_table_row">站台</th>
        <th class="main_table_row">完成进度</th>
        <th class="main_table_row">称重数据</th>
      </tr>
    </table>
    <div class="main_content">
      <div class="main_content_2">
        <table class="main_table_content" id="main_table_content"></table>
      </div>
    </div>
  </div>
  <div id="platformKanbanInquiry_footer"></div>
</div>
