91 lines
2.2 KiB
Vue
91 lines
2.2 KiB
Vue
<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>
|