SZYGM1.0/src/views/statisticalanalysis/components/echart/tableforms.vue

<template>
  <div class="data-table">
    <div element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="data-table-content">
      <template v-if="tableList.length && action == 0">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 190px)" max-height="calc(100vh - 190px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="dat" label="时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align" prop="weight" label="重量(吨)">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 1">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 190px)" max-height="calc(100vh - 190px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="dat" label="时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align" prop="flightNum" label="重量(吨)">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 2">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 190px)" max-height="calc(100vh - 190px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="dat" label="时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align" prop="flightNum" label="运单数(单)">
          </el-table-column>
          <el-table-column :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align" prop="weight" label="重量(吨)">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 3">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 190px)" max-height="calc(100vh - 190px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="fdt" label="时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align" prop="weight" label="重量(吨)">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 4">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 190px)" max-height="calc(100vh - 190px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :show-summary="tableProps.showSummary" :summary-method="totalOutPrice" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightdate" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightNo" label="航班号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="line" label="航线" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="stand" label="机位" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="totalWeight" label="货物总重 (KG)" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="pullWeight" label="拉货 (KG)" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <!-- <el-table-column
            prop="dat"
            label="时间"
            :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip"
          >
          </el-table-column>
          <el-table-column
            :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip"
            prop="pullFlightNum"
            label="航班量(班)"
          >
          </el-table-column>
          <el-table-column
            :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip"
            prop="pullWeight"
            label="重量(吨)"
          >
          </el-table-column> -->
        </el-table>
      </template>
      <template v-if="tableList.length && action == 5">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 216px)" max-height="calc(100vh - 216px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="IATACode" label="航司" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightNO" label="航班号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="执飞日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planLandingTime" label="计划降落时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="acLandingTime" label="实际降落时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="target" label="航程" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="unLoadTime" label="卸机时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planeDownTime_IN" label="库区到达时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="depotJoinTime_IN" label="货站交接时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="tallyTime_in" label="理货时间" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 6">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="执飞日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planFlightNum" label="计划航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="finishFlightNum" label="已完成航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="ygmNum" label="一个码航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="speNum" label="特货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="receiveSureNum" label="收运核单航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="securityNum" label="安检放行航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="addCargoNum" label="加货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="stowageNum" label="预配载航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="depotJoinNum" label="交接复核航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planeDownNum" label="机下交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="pullNum" label="拉下航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="pullSureNum" label="拉回确认航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 7">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="执飞日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planFlightNum" label="计划航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="finishFlightNum" label="已完成航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="speNum" label="特货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="unLoadNum" label="卸机航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="arriveNum" label="库区到达航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="depotJoinNum" label="货站交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="tallyNum" label="理货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="outWarehouseNum" label="出库航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 8">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="执飞日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planFlightNum" label="计划航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="finishFlightNum" label="已完成航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="speNum" label="特货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="enterParkNum" label="入园航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="enterCustomsNum" label="海关放行航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="toStationNum" label="运抵货站航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="securityNum" label="安检放行航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="receiveSureNum" label="收运核单航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="tallyNum" label="理货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="requestDepotJoinNum" label="发起货站交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="resureNum" label="交接复核航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planeDownNum" label="机下交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="pullregisterNum" label="拉下登记航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="stowageNum" label="实配航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 9">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="执飞日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planFlightNum" label="计划航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="finishFlightNum" label="已完成航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="speNum" label="特货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="unloadNum" label="卸机航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="planeDownTimeNum" label="机下交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="depotJoinNum" label="货站交接航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="tallyNum" label="理货航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="passCustomsNum" label="海关放行航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="outWarehouseNum" label="出库航班数" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 10">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="dat" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="total" label="汇总" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="landing" label="进港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="departure" label="出港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="d" label="国内" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="i" label="国际及地区" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="departure_d" label="国内出港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="landing_d" label="国内进港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="departure_i" label="国际及地区出港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="landing_i" label="国际及地区进港" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 11">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="44%" max-height="44%" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="dat" label="日期" width="100" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="alltxt" label="每日总计" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t0" label="t0" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t1" label="t1" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t2" label="t2" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t3" label="t3" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t4" label="t4" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t5" label="t5" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t6" label="t6" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t7" label="t7" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t8" label="t8" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t9" label="t9" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t10" label="t10" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t11" label="t11" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t12" label="t12" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t13" label="t13" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t14" label="t14" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t15" label="t15" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t16" label="t16" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t17" label="t17" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t18" label="t18" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t19" label="t19" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t20" label="t20" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t21" label="t21" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t22" label="t22" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="t23" label="t23" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <SimpleTable v-show="tableList.length && action == 12" ref="tableRef" height="calc(100vh - 236px)" :data="tableList" :columns="tableColumn" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :stripe="tableProps.stripe" :row-style="rowStyle" :header-row-style="rowStyle" :border="false" :header-cell-style="{ background: '#F9FAFC' }" @filterChange="selectionChange" />
      <SimpleTable v-show="tableData.length && action == 13" ref="tableRef" height="calc(100vh - 236px)" :data="tableData" :columns="tableColumns" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :stripe="tableProps.stripe" :row-style="rowStyle" :header-row-style="rowStyle" :border="false" :header-cell-style="{ background: '#F9FAFC' }" @filterChange="selectionChange" />
      <template v-if="tableData.length && action == 14">
        <el-table :data="tableData" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="specialTypeName" label="特货名称" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightNO" label="航班号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column @row-click="user" prop="stockCode" label="运单号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="weight" label="重量" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 15">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="indexs" label="序号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightDate" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="flightNO" label="航班号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column @row-click="user" prop="stockCode" label="运单号" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="weight" label="重量" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 16">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="flight_date" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="allflight" label="总航班数" class-name="elChgTbeClmn" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <template #header>
              <div class="elHeadCon">
                <div class="headerCon1">总航班数</div>
                <div class="headerCon2">问题类型</div>
                <div class="headerLine"></div>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="havenot_allnode_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="havenot_allnode_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="have_part_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="have_part_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="time_inversion_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="time_inversion_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="time_equal_flight" label="航班数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="time_equal_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
        </el-table>
      </template>
      <template v-if="tableList.length && action == 17">
        <el-table :data="tableList" style="width: 100%" :row-style="rowStyle" :header-row-style="rowStyle" :style="dataTableContentStyle" height="calc(100vh - 236px)" max-height="calc(100vh - 236px)" :stripe="tableProps.stripe" :row-key="tableProps.rowKey" :highlight-current-row="tableProps.highlightCurrentRow" :header-cell-class-name="tableProps.headerCellClassName" :tooltip-effect="tableProps.tooltipEffect" :summary-method="totalOutPrice" :show-summary="tableProps.showSummary" :header-cell-style="{ background: '#F9FAFC' }">
          <el-table-column prop="flight_date" label="日期" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
          </el-table-column>
          <el-table-column prop="allstock" label="总运单数" class-name="elChgTbeClmn" :show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <template #header>
              <div class="elHeadCon">
                <div class="headerCon1">总运单数</div>
                <div class="headerCon2">问题类型</div>
                <div style="transform: rotate(-53deg);" class="headerLine"></div>
              </div>
            </template>
          </el-table-column>
          <el-table-column label="数据缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="havenot_allnode_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="havenot_allnode_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="流程节点缺失" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="have_part_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="have_part_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="时间倒置" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="time_inversion_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="time_inversion_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
          <el-table-column label="时间相同" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align">
            <el-table-column prop="time_equal_stock" label="运单数" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
            <el-table-column prop="time_equal_lv" label="占比(%)" show-overflow-tooltip="tableColumnProperty.showOverflowTooltip" :align="tableColumnProperty.align"></el-table-column>
          </el-table-column>
        </el-table>
      </template>
    </div>
  </div>
</template>

<script>
import SimpleTable from "@/components/SimpleTable/index.vue";
export default {
  props: {
    tableList: {
      type: Array,
      default: () => [],
    },
    listall: {
      type: Object,
      default: () => ({}),
    },
    action: {
      type: Number,
      default: 0,
    },
    set: {
      type: Number,
      default: "",
    },
  },
  data () {
    return {
      loading: false,
      rowStyle: {
        height: "60px",
        fontSize: "14px",
        color: "#101116",
      },
      tableProps: {
        height: "100%",
        maxHeight: "100%",
        stripe: false,
        border: true,
        highlightCurrentRow: false,
        rowClassName: "rowClass",
        headerCellClassName: "headerCell",
        tooltipEffect: "light",
        showSummary: true,
        rowKey: "",
      },
      tableColumnProperty: {
        width: "",
        fixed: "",
        sortable: false,
        showOverflowTooltip: true,
        align: "center",
        headerAlign: "",
      },
      tableColumns: [
        {
          columnName: "indexs",
          columnLabel: "序号",
          width: 50,
        },
        {
          columnName: "dat",
          width: 100,
          columnLabel: "日期",
        },
        {
          columnName: "cargoCompany",
          columnLabel: "代理人",
          needFilters: 1,
          needSort: 1,
          width: 240,
        },
        {
          columnName: "codeNum",
          columnLabel: "龙门架扫码数",
        },
        {
          columnName: "reCodeNum",
          columnLabel: "龙门架扫码重复条码数",
        },
        {
          columnName: "accNum",
          columnLabel: "加货条码数量",
        },
        {
          columnName: "reAccNum",
          columnLabel: "加货重复条码数量",
        },
        {
          columnName: "pcs",
          columnLabel: "加货记录的所有通道运单件数",
        },
        {
          columnName: "piclvs",
          columnLabel: "龙门架重码率",
          needSort: 1,
        },
        {
          columnName: "acclvs",
          columnLabel: "加货重码率",
          needSort: 1,
        },
        {
          columnName: "readlvs",
          columnLabel: "识读率",
          needSort: 1,
        },
        {
          columnName: "oklvs",
          columnLabel: "加货准确率",
          needSort: 1,
        },
      ],
      tableColumn: [
        {
          columnName: "indexs",
          width: 50,
          columnLabel: "序号",
        },
        {
          columnName: "dat",
          width: 100,
          columnLabel: "日期",
        },
        {
          columnName: "ChannelId",
          columnLabel: "通道",
          needFilters: 1,
          needSort: 1,
        },
        {
          columnName: "codeNum",
          columnLabel: "龙门架扫码数",
        },
        {
          columnName: "reCodeNum",
          columnLabel: "龙门架扫码重复条码数",
        },
        {
          columnName: "accNum",
          columnLabel: "加货条码数量",
        },
        {
          columnName: "reAccNum",
          columnLabel: "加货重复条码数量",
        },
        {
          columnName: "pcs",
          columnLabel: "加货记录的该通道运单件数",
        },
        {
          columnName: "piclvs",
          columnLabel: "龙门架重码率",
          needSort: 1,
        },
        {
          columnName: "acclvs",
          columnLabel: "加货重码率",
          needSort: 1,
        },
        {
          columnName: "readlvs",
          columnLabel: "识读率",
          needSort: 1,
        },
        {
          columnName: "oklvs",
          columnLabel: "加货准确率",
          needSort: 1,
        },
      ],
      tableData: [],
      listNewall: {
        channelall: 0,
        piclvall: 0,
        acclvall: 0,
        readlvall: 0,
        oklvall: 0,
        reCodeNumall: 0,
        codeNumall: 0,
        reAccNumall: 0,
        accNumall: 0,
        pcsall: 0,
      },
      capLen: null,
    };
  },
  watch: {
    tableList: {
      handler (val) {
        this.tableData = val;
      },
      deep: true,
      immediate: true,
    },
  },
  computed: {
    dataTableContentStyle () {
      const style = {};
      if (this.minHeight) {
        style["min-height"] = this.minHeight;
      }
      if (this.tableHeight) {
        style["height"] = this.tableHeight;
      }
      return style;
    },
  },
  methods: {
    user (row) {
      this.$router.push({
        path: "/dataQuery/waybillQuery",
        query: {
          stockCode: row.stockCode,
        },
      });
    },
    totalOutPrice (param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = "合计";
          return;
        }
        const values = data.map((item) => Number(item[column.property]));
        if (
          ![
            "stand",
            "flightdate",
            "indexs",
            "flightNo",
            "line",
            "cargoCompany",
            "dat",
            "ChannelId",
          ].includes(column.property)
        ) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index];
        }
        if (
          column.property == "piclvs" ||
          column.property == "acclvs" ||
          column.property == "readlvs" ||
          column.property == "oklvs"
        ) {
          if (this.capLen) {
            if (this.action === 12) {
              sums[2] = this.listNewall.channelall
              sums[3] = this.listNewall.codeNumall;
              sums[4] = this.listNewall.reCodeNumall;
              sums[5] = this.listNewall.accNumall;
              sums[6] = this.listNewall.reAccNumall;
              sums[7] = this.listNewall.pcsall;
              sums[8] = this.listNewall.piclvall;
              sums[9] = this.listNewall.acclvall;
              sums[10] = this.listNewall.readlvall;
              sums[11] = this.listNewall.oklvall;
            } else if (this.action === 13) {
              sums[2] = this.listNewall.channelall
              sums[3] = this.listNewall.codeNumall;
              sums[4] = this.listNewall.reCodeNumall;
              sums[5] = this.listNewall.accNumall;
              sums[6] = this.listNewall.reAccNumall;
              sums[7] = this.listNewall.pcsall;
              sums[8] = this.listNewall.piclvall;
              sums[9] = this.listNewall.acclvall;
              sums[10] = this.listNewall.readlvall;
              sums[11] = this.listNewall.oklvall;
            }
          } else {
            if (this.action === 12) {
              sums[2] = this.listall.channelall
              sums[3] = this.listall.codeNumall;
              sums[4] = this.listall.reCodeNumall;
              sums[5] = this.listall.accNumall;
              sums[6] = this.listall.reAccNumall;
              sums[7] = this.listall.pcsall;
              sums[8] = this.listall.piclvall;
              sums[9] = this.listall.acclvall;
              sums[10] = this.listall.readlvall;
              sums[11] = this.listall.oklvall;
            } else if (this.action === 13) {
              sums[2] = this.listall.channelall
              sums[3] = this.listall.codeNumall;
              sums[4] = this.listall.reCodeNumall;
              sums[5] = this.listall.accNumall;
              sums[6] = this.listall.reAccNumall;
              sums[7] = this.listall.pcsall;
              sums[8] = this.listall.piclvall;
              sums[9] = this.listall.acclvall;
              sums[10] = this.listall.readlvall;
              sums[11] = this.listall.oklvall;
            }
          }
        }
        if (this.action === 15) {
          sums[3] = this.listall.alllist;
          sums[4] = this.listall.allwei;
        } else if (this.action === 14) {
          sums[4] = this.listall.alllist;
          sums[5] = this.listall.allwei;
        } else if (this.action === 4) {
          sums[2] = this.listall.alllist
        } else if (this.action === 16) {
          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [null, null, null, null, null]
          this.tableData.forEach(item => {
            const { allflight, havenot_allnode_flight, have_part_flight, time_inversion_flight, time_equal_flight } = item
            allflightNum += allflight
            allhavenotNum += havenot_allnode_flight,
              allhaveNum += have_part_flight,
              allinversionNum += time_inversion_flight,
              allequalNum += time_equal_flight
          })
          sums[3] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
          sums[5] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
          sums[7] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
          sums[9] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
        } else if (this.action === 17) {
          let [allflightNum, allhavenotNum, allhaveNum, allinversionNum, allequalNum] = [null, null, null, null, null]
          this.tableData.forEach(item => {
            const { allstock, havenot_allnode_stock, have_part_stock, time_inversion_stock, time_equal_stock } = item
            allflightNum += allstock
            allhavenotNum += havenot_allnode_stock,
              allhaveNum += have_part_stock,
              allinversionNum += time_inversion_stock,
              allequalNum += time_equal_stock
          })
          sums[3] = ((allhavenotNum / allflightNum) * 100).toFixed(2) + '%'
          sums[5] = ((allhaveNum / allflightNum) * 100).toFixed(2) + '%'
          sums[7] = ((allinversionNum / allflightNum) * 100).toFixed(2) + '%'
          sums[9] = ((allequalNum / allflightNum) * 100).toFixed(2) + '%'
        }
      });
      return sums;
    },
    tabRowClassName ({ row, rowIndex }) {
      return "warning-row";
    },
    selectionChange (data) {
      const datas = this.tableList;
      const arr = [...data];
      // cargoCompany
      let res = null;
      if (this.action == 12) {
        res = [...datas, ...arr].filter(
          (item) =>
            datas.some((p) => item.ChannelId == p.ChannelId) &&
            arr.some((c) => item.ChannelId == c)
        );
      } else {
        res = [...datas, ...arr].filter(
          (item) =>
            datas.some((p) => item.cargoCompany == p.cargoCompany) &&
            arr.some((c) => item.cargoCompany == c)
        );
      }
      this.capLen = res.length;
      if (res.length) {
        res.forEach((item, index) => {
          item.indexs = index + 1;
        });
        this.tableData = res;
      } else {
        this.tableList.forEach((item, index) => {
          item.indexs = index + 1;
        });
        this.tableData = this.tableList;
      }
      this.formatNum(this.tableData);
    },
    formatNum (arr) {
      const returnData = {
        listValues: [...arr],
      };
      this.listNewall.channelall = returnData.listValues.length;
      for (let i = 0; i < returnData.listValues.length; i++) {
        this.listNewall.reCodeNumall =
          this.listNewall.reCodeNumall + returnData.listValues[i].reCodeNum;
        this.listNewall.codeNumall =
          this.listNewall.codeNumall + returnData.listValues[i].codeNum;
        this.listNewall.reAccNumall =
          this.listNewall.reAccNumall + returnData.listValues[i].reAccNum;
        this.listNewall.accNumall =
          this.listNewall.accNumall + returnData.listValues[i].accNum;
        this.listNewall.pcsall =
          this.listNewall.pcsall + returnData.listValues[i].pcs;
      }
      if (this.listNewall.codeNumall === 0) {
        this.listNewall.piclvall =
          ((this.listNewall.reCodeNumall * 100) / 1).toFixed(2) + "%";
      } else {
        this.listNewall.piclvall =
          (
            (this.listNewall.reCodeNumall * 100) /
            this.listNewall.codeNumall
          ).toFixed(2) + "%";
      }
      if (this.listNewall.accNumall === 0) {
        this.listNewall.acclvall =
          ((this.listNewall.reAccNumall * 100) / 1).toFixed(2) + "%";
      } else {
        this.listNewall.acclvall =
          (
            (this.listNewall.reAccNumall * 100) /
            this.listNewall.accNumall
          ).toFixed(2) + "%";
      }
      if (this.listNewall.pcsall === 0) {
        this.listNewall.readlvall =
          ((this.listNewall.codeNumall * 100) / 1).toFixed(2) + "%";
      } else {
        this.listNewall.readlvall =
          ((this.listNewall.codeNumall * 100) / this.listNewall.pcsall).toFixed(
            2
          ) + "%";
      }
      if (this.listNewall.pcsall === 0) {
        this.listNewall.oklvall =
          (
            ((this.listNewall.pcsall - this.listNewall.reAccNumall) * 100) /
            1
          ).toFixed(2) + "%";
      } else {
        this.listNewall.oklvall =
          (
            ((this.listNewall.pcsall - this.listNewall.reAccNumall) * 100) /
            this.listNewall.pcsall
          ).toFixed(2) + "%";
      }
    },
    //滚动分页加载
    // load  () {
    //   this.$emit("load", true);
    // };
  },
  components: {
    SimpleTable,
  },
};
</script>
<style lang="scss" scoped>
:deep .warning-row {
  background-color: #f9fafc !important;
}
:deep .warning-rows {
  background-color: #ffffff !important;
}
:deep .el-table__footer {
  height: 60px;
}
.data-table {
  background: #ffffff;
  position: relative;
}
.el-table {
  display: flex;
  flex-direction: column;
}
.infinite-list {
  // height: 300px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.infinite-list .infinite-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: var(--el-color-primary-light-9);
  margin: 10px;
  color: var(--el-color-primary);
}
.infinite-list .infinite-list-item + .list-item {
  margin-top: 10px;
}
:deep.el-table {
  .rowClass {
    height: 40px;
    font-size: 14px;
    color: #101116;
  }
  .el-table__header .el-table__cell {
    height: 40px;
    background: #ffffff;
    font-size: 14px;
    font-weight: bold;
    color: #101116;
  }
  .editBtn {
    background: #ffffff;
    border: 1px solid #f79ec6;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #ac014d;
  }
  .delBtn {
    background: #eb2f3b;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    border: none;
  }
  .child-list {
    font-size: 14px;
    font-family: Helvetica;
    font-weight: 400;
    color: #101116;
  }
  .btn-all {
    justify-content: center;
    .btn-list {
      margin-right: 10px;
      &:last-child {
        margin-right: 0;
      }
    }
  }
  .el-table__body .el-table__cell {
    height: 60px;
    &.el-table-column--selection > .cell {
      display: block;
      text-align: center;
    }
    &.cell-click {
      color: #2d67e3;
      cursor: pointer;
    }
  }
  .elChgTbeClmn .cell {
    padding: 0px !important;
  }
  .elHeadCon {
    height: 120px;
    position: relative;
  }
  .headerCon1 {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }
  .headerCon2 {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .headerLine {
    width: 1px;
    height: 250px;
    transform: rotate(-57deg);
    transform-origin: top;
    background-color: #ddd;
  }
}
:deep.el-table--striped
  .el-table__body
  tr.el-table__row--striped
  td.el-table__cell {
  background-color: #f0f3f7;
}
.tableStatus {
  font-size: 14px;
  .icon {
    width: 14px;
    height: 14px;
    background: #2d67e3;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  .status0 {
    position: relative;
    top: 5px;
  }
  .status1 {
    position: relative;
    top: 5px;
    .icon {
      background-color: #afb4bf;
    }
  }
  .status2 {
    position: relative;
    top: 5px;
    .icon {
      background-color: #eb2f3b;
    }
  }
}
</style>