|
|
@@ -4,48 +4,68 @@
|
|
|
<div class="squrt"></div>系统日志
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
- <location-hash v-model="activeIndex">
|
|
|
- <el-tabs v-model="activeIndex">
|
|
|
- <el-tab-pane label="系统通知" lazy v-if="permissionList.journalItem" name="SYSTEM">
|
|
|
- <list :type="activeIndex" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="学生申诉" lazy v-if="permissionList.studentComplain" name="STUDENT">
|
|
|
- <list :type="activeIndex" />
|
|
|
- </el-tab-pane>
|
|
|
- <!-- <el-tab-pane label="退团退课" value="MUSICGROUP"></el-tab-pane> -->
|
|
|
- <el-tab-pane label="请假处理" lazy v-if="permissionList.leaveOperation" name="LEAVE">
|
|
|
- <list :type="activeIndex" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="VIP申请审核" lazy v-if="permissionList.vipApply" name="VIPAPPLY">
|
|
|
- <list :type="activeIndex" />
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </location-hash>
|
|
|
+ <el-tabs type="border-card"
|
|
|
+ v-model.trim="activeIndex"
|
|
|
+ @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="系统通知"
|
|
|
+ v-if="permissionList.journalItem"
|
|
|
+ name='0'>
|
|
|
+ <item v-if="activeIndex == 0" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="学员申诉"
|
|
|
+ v-if="permissionList.studentComplain"
|
|
|
+ name='1'>
|
|
|
+ <studentComplain v-if="activeIndex == 1" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="退团退课"
|
|
|
+ v-if="permissionList.musicGroupCourse"
|
|
|
+ name='2'>
|
|
|
+ <musicGroup v-if="activeIndex == 2" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="请假处理"
|
|
|
+ v-if="permissionList.leaveOperation"
|
|
|
+ name='3'>
|
|
|
+ <leaveOperation v-if="activeIndex == 3" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="VIP申请审核"
|
|
|
+ v-if="permissionList.vipApply"
|
|
|
+ name='4'>
|
|
|
+ <vipApply v-if="activeIndex == 4" />
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import item from './journalItem'
|
|
|
+import studentComplain from './studentComplain'
|
|
|
+import musicGroup from './musicGroup'
|
|
|
+import leaveOperation from './leaveOperation'
|
|
|
+import vipApply from './vipApply'
|
|
|
import { permission } from '@/utils/directivePage'
|
|
|
-import List from './model/list'
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ item, studentComplain, musicGroup, leaveOperation, vipApply
|
|
|
+ },
|
|
|
name: 'journal',
|
|
|
- components: { List },
|
|
|
data () {
|
|
|
- const query = this.$route.query;
|
|
|
return {
|
|
|
- activeIndex: query.opt || 'SYSTEM',
|
|
|
+ activeIndex: '0',
|
|
|
permissionList: {
|
|
|
- journalItem: permission("/journalItem"),
|
|
|
- studentComplain: permission("/studentComplain"),
|
|
|
- musicGroupCourse: permission("/musicGroupCourse"),
|
|
|
- leaveOperation: permission("/leaveOperation"),
|
|
|
- vipApply: permission("/vipApply")
|
|
|
- },
|
|
|
+ journalItem: permission('/journalItem'),
|
|
|
+ studentComplain: permission('/studentComplain'),
|
|
|
+ musicGroupCourse: permission('/musicGroupCourse'),
|
|
|
+ leaveOperation: permission('/leaveOperation'),
|
|
|
+ vipApply: permission('/vipApply')
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
- mounted() {
|
|
|
- },
|
|
|
methods: {
|
|
|
+ handleClick (val) {
|
|
|
+ this.activeIndex = val.name
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|
