<template>
  <div>
    <a-table style="margin-bottom:5px;border:solid 1px;" :columns="dayMeanColumns" :data-source="dayMeanData" :pagination="false" bordered>
    </a-table>
    <a-table style="margin-bottom:5px;border:solid 1px;" :columns="QaColumns" :data-source="QaData" :pagination="false" bordered>
    </a-table>
    <a-table style="margin-bottom:5px;border:solid 1px;" :columns="dayCountColumns" :data-source="dayCountData" :pagination="false" bordered>
    </a-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dayMeanColumns: [
        {
          title: "检测项",
          dataIndex: "param_name",
        },
        {
          title: "日均值最小值",
          dataIndex: "day_min",
        },
        {
          title: "日均值最大值",
          dataIndex: "day_max",
        },
        
        {
          title: "月超标限定",
          dataIndex: "month",
        },
      ],
      QaColumns:[
        {
          title: "检测项",
          dataIndex: "param_name",
        },
        {
          title: "截至今日合格率",
          dataIndex: "day_min",
        },
        {
          title: "月度合格率",
          dataIndex: "day_max",
        },
        
        {
          title: "年度合格率",
          dataIndex: "month",
        },
      ],
      dayCountColumns:[
         {
          title: "检测项",
          dataIndex: "param_name",
        },
        {
          title: "截至今日超标天数",
          dataIndex: "day_min",
        },
        {
          title: "剩余可超标天数",
          dataIndex: "day_max",
        },
        
        {
          title: "年度可超标天数",
          dataIndex: "month",
        },
      ],
      dayMeanData: [
        {
          param_name:'pH值',
          day_min:6.5,
          day_max:7.5,
          month:2
        },
        {
          param_name:'余氯',
          day_min:'-',
          day_max:1,
          month:2
        },
        {
          param_name:'浊度',
          day_min:0,
          day_max:1,
          month:1
        }
      ],
      QaData:[
        {
          param_name:'水质质量合格率',
          day_min:'75%',
          day_max:'82%',
          month:'80%'
        },
      ],
      dayCountData:[
         {
          param_name:'浊度',
          day_min:'2',
          day_max:'5',
          month:'30'
        },
      ]
    };
  },
};
</script>

<style>
</style>