<template>
    <div class="ele-body">
        <a-card :bordered="false">
            <!-- 搜索表单 -->
            <a-form
                :model="where"
                layout="vertical"
                :label-col="{ md: { span: 6 }, sm: { span: 24 } }"
                :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
            >
                <a-row>
                    <a-col :lg="6" :md="12" :sm="24" :xs="24">
                        <a-form-item label="区域等级:">
                            <a-select v-model:value="where.regionLevel">
                                <a-select-option
                                    v-for="(item) in modelOptions"
                                    :key="item.value"
                                >{{ item.label }}
                                </a-select-option>
                            </a-select>
                        </a-form-item>
                    </a-col>

                    <a-col :lg="6" :md="12" :sm="24" :xs="24">
                        <a-form-item label="时间范围:">
                            <a-range-picker v-model:value="time"/>
                        </a-form-item>
                    </a-col>
                </a-row>
                <a-row>
                    <a-col :lg="24" :md="24" :sm="24" :xs="24">
                        <a-space>
                            <a-button type="primary" @click="reload">查询</a-button>
                            <a-button @click="reset">重置</a-button>
                            <a-button @click="exportFile">导出Excel</a-button>
                        </a-space>
                    </a-col>
                </a-row>
            </a-form>
            <!-- 表格 -->
            <ele-pro-table
                v-model:selection="selectionList"
                ref="table"
                row-key="ambientAirId"
                :need-page="false"
                :datasource="url"
                :columns="columns"
                :where="where"
                :scroll="{ x: 'max-content' }"
                :init-load="false"
                @done="(d) => (data = d.data)"
                method="POST"
            >

            </ele-pro-table>
        </a-card>
    </div>
    <!-- 编辑弹窗 -->
</template>

<script>
import _ from "lodash";
import XLSX from "xlsx";
import {statisticArea, getColumnOptions} from "@/api/ecology/atmosphere/air";
import { Modal } from "ant-design-vue";
import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
import moment from "moment";

//   import utils from "./utils";
export default {
    name: "StatisticAirArea",
    components: {},
    data() {
        return {
            data: [],
            locale,
            bill: {},
            // 表格数据接口
            url: statisticArea,
            selection: [],
            modelOptions: [
                {label: "市", value: "city"},
                {label: "县", value: "county"},
                {label: "站点", value: "place"},

            ],
            // 表格列配置
            columns: [
                {title: "站点/县", dataIndex: "place",align:"center"},
                {
                    title: "二氧化硫", children: [
                        {title: "本次", dataIndex: "so2Current",align:"center"},
                        {title: "上年同期", dataIndex: "so2SameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "so2ChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "so2Rank",align:"center"},
                    ]
                },
                {
                    title: "二氧化氮", children: [
                        {title: "本次", dataIndex: "no2Current",align:"center"},
                        {title: "上年同期", dataIndex: "no2SameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "no2ChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "no2Rank",align:"center"},
                    ]
                },
                {
                    title: "可吸入颗粒物", children: [
                        {title: "本次", dataIndex: "pm10Current",align:"center"},
                        {title: "上年同期", dataIndex: "pm10SameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "pm10ChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "pm10Rank",align:"center"},
                    ]
                },
                {
                    title: "一氧化碳", children: [
                        {title: "本次", dataIndex: "coCurrent",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "上年同期", dataIndex: "coSameTimeLastYear",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "增减（%）", dataIndex: "coChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "coRank",align:"center"},
                    ]
                },
                {
                    title: "臭氧", children: [
                        {title: "本次", dataIndex: "o3Current",align:"center"},
                        {title: "上年同期", dataIndex: "o3SameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "o3ChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "o3Rank",align:"center"},
                    ]
                },
                {
                    title: "细颗粒物", children: [
                        {title: "本次", dataIndex: "pm25Current",align:"center"},
                        {title: "上年同期", dataIndex: "pm25SameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "pm25ChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "pm25Rank",align:"center"},
                    ]
                },
                {
                    title: "空气质量综合指数", children: [
                        {title: "本次", dataIndex: "comprehensiveAirQualityIndexCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "comprehensiveAirQualityIndexSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "comprehensiveAirQualityIndexChangePercentage",align:"center",customRender:({text})=> typeof text == "number"?text.toFixed(1)+"":""},
                        {title: "排名（按浓度值）", dataIndex: "comprehensiveAirQualityIndexRank",align:"center"},
                    ]
                },/*

                 BigDecimal pm25Change = BigDecimal.ZERO;
            BigDecimal current = ambientAirStatisticalAnalysisExcel.getPm25Current();
            BigDecimal sameTimeLastYear = ambientAirStatisticalAnalysisExcel.getPm25SameTimeLastYear();
            BigDecimal subtract = current.subtract(sameTimeLastYear);
            if(subtract.compareTo(BigDecimal.ZERO) != 0){
                pm25Change = subtract.multiply(new BigDecimal(100)).divide(sameTimeLastYear,CHANGE_PERCENT_SCALE,ROUNDING_MODE);
            }
                */
                {
                    title: "优天数", children: [
                        {title: "本次", dataIndex: "excellentDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "excellentDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "excellentDaysChangePercentage",align:"center"},
                        // {title: "排名（按浓度值）", dataIndex: "excellentDaysRank",align:"center"},
                    ]
                },
                {
                    title: "良天数", children: [
                        {title: "本次", dataIndex: "goodDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "goodDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "goodDaysChangePercentage",align:"center"},
                        // {title: "排名（按浓度值）", dataIndex: "goodDaysRank",align:"center"},
                    ]
                },
                {
                    title: "轻度污染天数", children: [
                        {title: "本次", dataIndex: "lightPollutionDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "lightPollutionDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "lightPollutionDaysChangePercentage",align:"center"},
                        // {title: "排名（按浓度值）", dataIndex: "lightPollutionDaysRank",align:"center"},
                    ]
                },
                {
                    title: "中度污染天数", children: [
                        {title: "本次", dataIndex: "moderatelyPollutedDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "moderatelyPollutedDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "moderatelyPollutedDaysChangePercentage",align:"center"},
                        // {title: "排名（按浓度值）", dataIndex: "moderatelyPollutedDaysRank",align:"center"},
                    ]
                },
                {
                    title: "良天数", children: [
                        {title: "本次", dataIndex: "goodDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "goodDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "goodDaysChangePercentage",align:"center"},
                        // {title: "排名（按浓度值）", dataIndex: "goodDaysRank",align:"center"},
                    ]
                },
                {
                    title: "重度污染天数", children: [
                        {title: "本次", dataIndex: "heavyPollutionDaysCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "heavyPollutionDaysSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "heavyPollutionDaysChangePercentage",align:"center"},
                    ]
                },
                {
                    title: "优良率", children: [
                        {title: "本次", dataIndex: "excellentRateCurrent",align:"center"},
                        {title: "上年同期", dataIndex: "excellentRateSameTimeLastYear",align:"center"},
                        {title: "增减（%）", dataIndex: "excellentRateChangePercentage",align:"center"},
                    ]
                },

            ],
            regionLevelOptions: [],
            time: undefined,
            // 表格搜索条件
            where: {
                regionLevel: "place",
            },
            // 表格选中数据
            selectionList: [],
        };
    },
    mounted() {
        this.loadOptionData();
        this.reload();
    },
    methods: {
        /**获取下来框数据 */
        loadOptionData() {
            getColumnOptions("region_level").then((res) => {
                this.regionLevelOptions = res.data.data.map((item) => {
                    return {
                        label: item,
                        value: item,
                    };
                });
            });
        },
        /* 刷新表格 */
        reload() {
            const where = _.cloneDeep(this.where);
            const year = new Date().getFullYear();
            if (!this.time) {
                where.timeStart = `${year}-01-01 00:00:00`;
                where.timeEnd = moment(Date.now()).format("YYYY-MM-DD 00:00:00")
            } else {
                if(this.time[0].year() != this.time[1].year()){
                    Modal.error({
                        title: "查询失败",
                        content: "开始时间与结束时间年份不一致",
                    })
                    return;
                }
                where.timeStart = this.time[0].format("YYYY-MM-DD 00:00:00");
                where.timeEnd = this.time[1].format("YYYY-MM-DD 00:00:00");
            }
            this.$refs.table.reload({
                where
            });
        },
        /* 重置搜索 */
        reset() {
            this.where = {
                regionLevel: "place",
            };
            this.time = undefined;
            this.reload();
        },
        exportFile() {
            const arr = [];
            const th1 = [];
            const th2 = [];
            const merges = []; // 合并
            const columnsTemp = []; // 树形结构整理成list
            this.columns.forEach((item,index)=>{
                if(item.children){
                    item.children.forEach((citem)=>{
                        th1.push(item.title)
                        th2.push(citem.title)
                        columnsTemp.push(citem)
                    })
                    merges.push({s: {r: 0, c: th1.length-item.children.length}, e: {r: 0, c: th1.length-1}})
                }else{
                    th1.push(item.title)
                    th2.push("")
                    columnsTemp.push(item)
                    merges.push({s: {r: 0, c: index}, e: {r: 1, c: index}})
                }
            })
            arr.push(th1,th2);
            this.data.forEach((d) => {
                const td = columnsTemp.map((item) => {
                  if(item.customRender){
                    return item.customRender({text:d[item.dataIndex]});
                  }
                  return d[item.dataIndex];
                });

                arr.push(td);
            });
            let sheet = XLSX.utils.aoa_to_sheet(arr);
            sheet['!merges'] = merges;
            this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());

        },
    },
};
</script>

<style scoped lang="less">
</style>
