<template>
    <div class="modelBlock">
        <div class="model-title">
            <div class="model-title-text">设备设施统计</div>
            <el-select v-model="mixins_query.communityId" placeholder="所有社区" clearable class="saveColumn-select">
                <el-option v-for="(item, index) in communityList" :label="item.communityName" :value="item.id" :key="index"></el-option>
            </el-select>
        </div>
        <div class="model-content">
            <zz-echart :option="clientOptions" class="chart"></zz-echart>
        </div>
    </div>
</template>
<script>
import { columnOptionsChart } from '../EachartOptions.js';
let timeDay = ['202201', '202202', '202203', '202204', '202205', '202206', '202207', '202208', '202209', '202210', '202211', '202212'];
export default {
    props: ['dataObj'],
    data() {
        return {
            communityList: [],
            mixins_query: {
                communityId: ''
            },
            clientOptions: columnOptionsChart('(分)', timeDay, [{ data: [10] }], [], 10)
        };
    },
    created() {
        this.communityNameList();
    },
    mounted() {},
    computed: {},
    methods: {
        communityNameList() {
            this.$http.get('/sc-community/assets/community/list').then(({ data, msg, status }) => {
                if (status == 0) {
                    this.communityList = data;
                }
            });
        }
    }
};
</script>
<style scoped lang="scss">
@import './style.scss';
</style>