<template>
  <CommonPieStatisticsCharts
    charts-title="异常行李分类"
    :query-settings="querySettings"
    :categories="categories"
    :form-data="formData"
    :form-items="formItems"
  />
</template>

<script>
import CommonPieStatisticsCharts from '../components/newPieStatisticsCharts.vue'

export default {
  name: 'AbnormalBaggageClassificationStatisticsCharts',
  components: { CommonPieStatisticsCharts },

  data() {
    return {
      querySettings: {
        serviceId: SERVICE_ID.abnormalBaggageClassification,
      },
      categories: [
        {
          name: '少收',
          key: 'shaoshou',
        },
        {
          name: '多收',
          key: 'duoshou',
        },
        {
          name: '破损',
          key: 'posun',
        },
      ],
      formData: {
        dateTime: [],
        airport: '',
      },
      formItems: [
        {
          prop: 'airport',
          inputType: 'select',
          placeholder: '航站',
          width: '150px',
          filterable: true,
          // multiple: true,
          queryId: SERVICE_ID.AirportIds,
          setKey: 'code3',
          requiredWarning: '请先选择航站',
          options: [],
        },
        {
          prop: 'dateTime',
          inputType: 'datePicker',
          width: '240px',
          requiredWarning: '请先选择统计时间范围',
        },
      ],
    }
  },
}
</script>
