<template>
  <div style="height: 100%;">
    <List :stationList="stationList" :spectralQualifie="spectralQualifie" :columns="columns" :dataType="dataType" fileName="SPHDF" pageType="COLL"></List>
  </div>
</template>

<script>
import List from "../../../list.vue"
import { getAction } from '../../../../../api/manage'

const columns = [
  {
    title: 'NO',
    align: 'left',
    scopedSlots: {
      customRender: 'index',
    },
    customHeaderCell: () => {
      return {
        style: {
          'padding-left': '26px !important',
        },
      }
    },
    customCell: () => {
      return {
        style: {
          'padding-left': '26px !important',
        },
      }
    },
  },
  {
    title: 'STATION',
    align: 'left',
    dataIndex: 'stationName',
  },
  {
    title: 'DETECTOR CODE',
    align: 'left',
    dataIndex: 'siteDetCode',
  },
  {
    title: 'SPECTRAL QUALIFIER',
    align: 'left',
    dataIndex: 'spectralQualifie',
  },
  {
    title: 'COLLECTION START TIME',
    align: 'left',
    dataIndex: 'collectStart',
  },
  {
    title: 'COLLECTION STOP TIME',
    align: 'left',
    dataIndex: 'collectStop',
  },
]
export default {
  components: {
    List,
  },
  data() {
    return {
      url: {
        findStationList: '/webStatistics/findStationList',
      },
      stationList: [],
      columns,
      dataType: "S",
      spectralQualifie:"FULL"
    }
  },
  mounted() {
    console.log(this.dataType);
    this.findStationList();
  },
  methods: {
    findStationList() {
      getAction(this.url.findStationList, { menuName: 'Particulate' }).then((res) => {
        if (res.success) {
          if (res.result.length>0) {
            this.stationList = res.result.map((res) => ({ label: res.stationCode, value: res.stationId }))
          } else {
            this.stationList=[]
          }
        } else {
          this.$message.warning("This operation fails. Contact your system administrator")
        }
      })
    },
  },
}
</script>

<style lang="less" scoped>

</style>