<template>
  <div style="width: 100%;height: 100%;">
    <QueryListPage
      ref="classQueryListPage"
      :query-form="classQueryForm"
      :pager-config="pagerConfig"
      :query-list="classQueryList"
      style="width:96%;margin: 0 auto;"
    />
    <create-class ref="createClass" @refresh="classRefresh" />
  </div>
</template>

<script>
import { getClassListPage, deleteDeptInfo } from '@/api/company';
import CreateClass from './createClass';
export default {
    name: 'ClassManage',
    components: {
        CreateClass
    },
    data() {
        return {
            pagerConfig: {
                pageSize: 'pageSize',
                pageIndex: 'pageNum'
            },
            classQueryForm: {
                leftSpan: 14,
                columnNum: 3,
                labelWidth: '90px',
                textAlign: 'right',
                reset: true,
                queryObject: {
                    name: {
                        type: 'text',
                        label: '班级名称:'
                    },
                    creatorName: {
                        type: 'text',
                        label: '创建人:'
                    }
                }
            },
            classQueryList: {
                query: getClassListPage,
                selectCheckShow: false,
                indexShow: true,
                columns: [
                    {
                        title: '班级名称:',
                        prop: 'name',
                        width: '200'
                    },
                    {
                        title: '人数',
                        prop: 'numberOfPeople'
                    },
                    {
                        title: '创建日期',
                        prop: 'createTime'
                    },
                    {
                        title: '创建人',
                        prop: 'creatorName'
                    },
                    {
                        type: 'button',
                        title: this.$t('global.operate'),
                        width: '350',
                        buttons: [
                            {
                                name: '编辑班级',
                                handleClick: this.handleUpdateClass,
                                type: 'primary',
                                showControl: (row) => {
                                    return row.creatorId == this.userId;
                                }
                            },
                            {
                                name: '学生管理',
                                handleClick: this.handleStudentDetail,
                                type: 'primary'
                            },
                            {
                                name: '评价查询',
                                handleClick: this.handleGradeCheck,
                                type: 'primary'
                            },
                            {
                                name: '删除',
                                handleClick: this.handleDeleteClass,
                                type: 'danger',
                                showControl: (row) => {
                                    return row.creatorId == this.userId;
                                }
                            }
                        ]
                    }
                ],
                actions: [
                    { text: '新建班级', handler: this.classCreate }
                ]
            }
        };
    },
    computed: {
        userId() {
            return this.$store.state.user.id;
        }
    },
    methods: {
        handleUpdateClass(index, row) {
            this.$refs.createClass.doShow(row);
        },
        handleGradeCheck(index, row) {
            this.$router.push({ path: '/info/totalGrade', query: { orgId: row.id } });
        },
        classRefresh() {
            this.$nextTick(() => {
                this.$refs.classQueryListPage.refresh(true);
            });
        },
        handleDeleteClass(index, row) {
            this.$confirm('此操作将班级，且无法恢复，是否继续？', this.$t('global.tips'), {
                confirmButtonText: this.$t('global.confirm'),
                cancelButtonText: this.$t('global.cancel'),
                type: 'warning'
            }).then(() => {
                deleteDeptInfo(row.id).then(response => {
                    this.$message.success('删除班级成功！');
                    this.classRefresh();
                }).catch(() => {
                    this.$messageBox('删除班级失败！');
                    this.classRefresh();
                });
            }).catch(() => { });
        },
        handleStudentDetail( index, row ) {
            this.$router.push({ path: '/info/studentManage', query: { classId: row.id, className: row.name, creatorId: row.creatorId} });
        },
        classCreate() {
            this.$refs.createClass.doShow();
        }
    }
};
</script>

<style scoped>

</style>
