<template>
  <div>
    <div class="back_box">
      <el-button type="text" @click="goBack">返回</el-button>
    </div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="部门管理" name="first">
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
      </el-tab-pane>
      <el-tab-pane label="成员管理" name="second">
        <QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
    name: 'Organization',
    data() {
        return {
            activeName: 'first',
            defaultProps: '',
            data: '',
            pagerConfig: {
                pageSize: 'pageSize',
                pageIndex: 'pageNum'
            },
            queryForm: {
                labelWidth: '140px',
                reset: true,
                queryObject: {
                    classId: {
                        type: 'select',
                        label: '班级',
                        config: {
                            data: []
                        }
                    }
                }
            },
            queryList: {
                query: this.queryFunction,
                selectCheckShow: false,
                indexShow: true,
                columns: [
                    {
                        title: '学号',
                        prop: 'studentID'
                    },
                    {
                        title: '姓名',
                        prop: 'name'
                    },
                    {
                        title: '班级',
                        prop: 'classId'
                    }
                ]
            }
        };
    },
    methods: {
        handleClick() {
            this.dialogVisible = false;
        },
        goBack() {
            this.$router.go(-1);
        },
        queryFunction() {

        },
        handleNodeClick(e) {
        }
    }
};
</script>

<style scoped>
	.back_box {
		float: right;
		padding-right: 20px;
		height: 40px;
		z-index: 36;
		width: 60px;
		text-align: center;
		position: absolute;
		right: 0;
	}
</style>
