<template>
  <CommonBarStatisticsCharts
    charts-title="行李小时量数量"
    :query-settings="querySettings"
    :formItems="formItems"
    :formData="formData"
  />
</template>

<script>
import CommonBarStatisticsCharts from '../../components/newBarStatisticsCharts.vue'
export default {
  name: 'FlightStatisticsCharts',
  components: { CommonBarStatisticsCharts },
  data() {
    return {
      querySettings: {
        serviceId: SERVICE_ID.LuggageHourId,
        seriesKey: 'bags',
        xAxisKey: 'dat',
      },
      formData: {
        airport: 'CAN',
        dateTime: [],
        io_type: '',
      },
      formItems: [
        {
          prop: 'airport',
          inputType: 'select',
          placeholder: '航站',
          requiredWarning: '请先选择航站',
          width: '150px',
          filterable: true,
          // clearable: true,
          // multiple: true,
          // disabled: true,
          queryId: SERVICE_ID.AirportIds,
          setKey: 'code3',
          options: [],
        },
        {
          prop: 'io_type',
          inputType: 'select',
          placeholder: '进出港',
          requiredWarning: '请先选择进出港',
          // clearable: true,
          options: [
            {
              value: '离港',
              label: '离港',
            },
            {
              value: '进港',
              label: '进港',
            },
            {
              value: '中转',
              label: '中转',
            },
          ],
        },
        {
          prop: 'dateTime',
          inputType: 'datePicker',
          // clearable: true,
          width: '240px',
          requiredWarning: '请先选择时间范围',
        },
      ],
    }
  },
}
</script>
