<template>
    <basic-container>
        <avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
            @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">

        </avue-crud>
    </basic-container>
</template>

<script>
export default {
    data() {
        return {
            loading: false,
            form: {},
            data: [],
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0,
            },
            option: {
                columnSort: true,
                tip: false,
                height: 'auto',
                align: 'center',
                calcHeight: 32,
                simplePage: false,
                searchShow: true,
                searchMenuSpan: 6,
                searchIcon: true,
                searchIndex: 3,
                tree: false,
                border: true,
                index: false,
                selection: false,
                viewBtn: false,
                delBtn: false,
                editBtn: false,
                delBtnIcon: ' ',
                addBtn: false,
                labelWidth: 120,
                searchLabelWidth: 120,
                menu: false,
                menuWidth: 200,
                dialogWidth: 600,
                dialogClickModal: false,
                searchEnter: true,
                excelBtn: true,
                gridBtn: false,
                searchShowBtn: false,
                showOverflowTooltip: true,
                searchLabelPosition:'left',
searchLabelPosition:'left',
 searchGutter:24,
  searchSpan:6,
menuAlign: 'left',
gridBtn:false,
searchMenuPosition:'right',

                column: [
                    {
                        label: '作业中心',
                        prop: 'workCenterName',
                        span: 24,
                        overflow: true,
                        search: true,
                        rules: [
                            {
                                required: true,
                                message: '请输入作业中心',
                                trigger: 'blur',
                            },
                        ],
                    },
                    {
                        label: '日期',
                        prop: 'createTime',
                        span: 24,
                        overflow: true,
                        search: true,
                        type:'date',
                        searchRange:true,
                        rules: [
                            {
                                required: true,
                                message: '请输入日期',
                                trigger: 'blur',
                            },
                        ],
                    },
                    {
                        label: '加工面积(dm²)',
                        prop: 'workArea',
                        span: 24,
                        overflow: true,
                        search: false,
                        rules: [
                            {
                                required: true,
                                message: '请输入加工面积(dm²)',
                                trigger: 'blur',
                            },
                        ],
                    },
                    {
                        label: '定额单位面积用电量(kWh/dm²)',
                        prop: 'quoTapUee',
                        span: 24,
                        overflow: true,
                        search: false,
                        rules: [
                            {
                                required: true,
                                message: '请输入定额单位面积用电量(kWh/dm²)',
                                trigger: 'blur',
                            },
                        ],
                    },
                    {
                        label: '实际单位面积用电量(kWh/dm²)',
                        prop: 'reaTapUse',
                        span: 24,
                        overflow: true,
                        search: false,
                        rules: [
                            {
                                required: true,
                                message: '请输入实际单位面积用电量(kWh/dm²)',
                                trigger: 'blur',
                            },
                        ],
                    },
                    {
                        label: '实际总用电量(kWh)',
                        prop: 'reaTapUse',
                        span: 24,
                        overflow: true,
                        search: false,
                        rules: [
                            {
                                required: true,
                                message: '请输入实际总用电量(kWh)',
                                trigger: 'blur',
                            },
                        ],
                    },
                ]
            }
        }
    },
    mounted() {

    },
    methods: {

    }
}
</script>

<style></style>