<template>
    <el-dialog title="批量填报" append-to-body :modelValue="openShow" width="70%" @close="closeDialog">
        <avue-crud ref="crud" :option="option" :data="data" @row-update="addUpdate" @row-save="rowSave"></avue-crud>

        <template #footer>
            <span class="dialog-footer">
                <el-button @click="closeDialog">取 消</el-button>
                <el-button type="primary" @click="submit">确 定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script>
export default {
    props: {
        showDialog: {
            type: Boolean,
            default: false
        },
    },
    data() {
        return {
            openShow: false,
            option: {
                addBtn: false,
                addRowBtn: true,
                cellBtn: true,
                menu: false,
                addBtn: false,
                index: true,
                select: false,
                column: [
                    {
                        label: '工序',
                        prop: 'name',
                        cell: true,
                    },
                    {
                        label: '是否手动结算',
                        prop: 'shifou',
                        cell: true,
                        type: 'checkbox',
                        dicData: [
                            {
                                label: '',
                                value: '0'
                            }
                        ],
                    },
                    {
                        label: '优先级1规则',
                        prop: 'name',
                        cell: true,
                        type: 'select',
                        dicData: [
                            {
                                label: '规则一',
                                value: '0'
                            },
                            {
                                label: '规则二',
                                value: '1'
                            },
                            {
                                label: '规则三',
                                value: '2'
                            }
                        ]
                    },
                    {
                        label: '优先级2规则',
                        prop: 'name',
                        cell: true,
                        type: 'select',
                        dicData: [
                            {
                                label: '规则一',
                                value: '0'
                            },
                            {
                                label: '规则二',
                                value: '1'
                            },
                            {
                                label: '规则三',
                                value: '2'
                            }
                        ]
                    },
                    {
                        label: '优先级3规则',
                        prop: 'name',
                        cell: true,
                        type: 'select',
                        dicData: [
                            {
                                label: '规则一',
                                value: '0'
                            },
                            {
                                label: '规则二',
                                value: '1'
                            },
                            {
                                label: '规则三',
                                value: '2'
                            }
                        ]
                    },
                    {
                        label: '优先级4规则',
                        prop: 'name',
                        cell: true,
                        type: 'select',
                        dicData: [
                            {
                                label: '规则一',
                                value: '0'
                            },
                            {
                                label: '规则二',
                                value: '1'
                            },
                            {
                                label: '规则三',
                                value: '2'
                            }
                        ]
                    },

                ]
            }
        }
    },
    mounted() {
        this.openShow = this.showDialog
    },
    methods: {
        closeDialog() {
            this.openShow = false
            this.$emit('closeDialog');
        }
    }
}
</script>
<style lang="scss" scoped></style>