<template>
  <!-- 运送效率报表统计 -->
  <div class="statstics-wrapper">
    <StatisticsHeader
      title="运送效率报表"
      :items="formItems"
      :data="formData"
      with-setting
      :withSetting="false"
      @export="exportup"
    />
    <Tableforms
      :rows="12"
      label-width="140px"
      :min-height="70"
      width="800px"
      tableHeight="750"
      :isloadings="isloadings"
    />
  </div>
</template>
<script>
import StatisticsHeader from '../../components/statisticsHeader.vue'
import Tableforms from '../../components/tableforms'
export default {
  name: 'ReportStatistics',
  data() {
    return {
      formData: {
        airport: '',
        dateTime: '',
      },
      isloadings: 1,
      formItems: [
        {
          prop: 'airport',
          inputType: 'select',
          placeholder: '航站选择',
          filterable: true,
          clearable: true,
          // multiple: true,
          disabled: true,
          queryId: SERVICE_ID.nodeAirport,
          setKey: 'a2',
          options: [],
        },
        {
          prop: 'dateTime',
          inputType: 'datePicker',
          clearable: true,
          width: '240px',
          options: [],
        },
      ],
    }
  },
  components: {
    StatisticsHeader,
    Tableforms,
  },
  methods: {
    exportup() {
      this.isloadings = this.isloadings += 1
    },
  },
}
</script>
<style lang="scss" scoped></style>
