105 lines
1.9 KiB
Vue
105 lines
1.9 KiB
Vue
<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> |