<template>
  <div style="height: 100%;">
    <List :stationList="stationList" :columns="columns" :dataType="dataType"></List>
  </div>
</template>

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

const columns = [
  {
    title: 'NO',
    align: 'left',
    width: 50,
    scopedSlots: {
      customRender: 'index',
    },
    customHeaderCell: () => {
      return {
        style: {
          'padding-left': '26px !important',
        },
      }
    },
    customCell: () => {
      return {
        style: {
          'padding-left': '26px !important',
        },
      }
    },
  },
  {
    title: 'STATION',
    align: 'left',
    dataIndex: 'stationName',
    width: 130,
  },
  {
    title: 'DETECTOR CODE',
    align: 'left',
    width: 100,
    dataIndex: 'siteDetCode',
  },
  {
    title: 'SPECTRAL QUALIFIER',
    align: 'left',
    width: 100,
    dataIndex: 'spectralQualifie',
  },
  {
    title: 'ACQUISITION START TIME',
    align: 'left',
    width: 100,
    dataIndex: 'acquisitionStart',
  },
  {
    title: 'ACQUISITION STOP TIME',
    align: 'left',
    width: 120,
    dataIndex: 'acquisitionStop',
  },
  {
    title: 'CALIB REPORTS',
    align: 'left',
    width: 120,
    dataIndex: 'calibReports',
  },
]
export default {
  components: {
    List,
  },
  data() {
    return {
      url: {
        findStationList: '/webStatistics/findStationList',
      },
      stationList: [],
      columns,
      dataType:"C"
    }
  },
  mounted() {
    console.log(this.dataType);
    this.findStationList();
  },
  methods: {
    findStationList() {
      getAction(this.url.findStationList, { menuName: 'Particulate' }).then((res) => {
        if (res.result.length>0) {
          this.stationList = res.result.map((res) => ({ label: res.stationCode, value: res.stationId }))
        } else {
          this.stationList=[]
        }
      })
    },
  },
}
</script>

<style lang="less" scoped>

</style>