|
@@ -4,13 +4,15 @@
|
|
|
<div class="squrt"></div>系统日志
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
- <el-tabs @tab-click="onTabClick">
|
|
|
- <el-tab-pane label="系统通知" value="SYSTEM"></el-tab-pane>
|
|
|
- <el-tab-pane label="学生申诉" value="STUDENT"></el-tab-pane>
|
|
|
- <!-- <el-tab-pane label="退团退课" value="MUSICGROUP"></el-tab-pane> -->
|
|
|
- <el-tab-pane label="请假处理" value="LEAVE"></el-tab-pane>
|
|
|
- <el-tab-pane label="VIP申请审核" value="VIPAPPLY"></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <location-hash v-model="searchForm.group" @change="onTabClick">
|
|
|
+ <el-tabs v-model="activeIndex" @tab-click="onTabClick">
|
|
|
+ <el-tab-pane label="系统通知" v-if="permissionList.journalItem" name="SYSTEM" value="SYSTEM"></el-tab-pane>
|
|
|
+ <el-tab-pane label="学生申诉" v-if="permissionList.studentComplain" name="STUDENT" value="STUDENT"></el-tab-pane>
|
|
|
+ <!-- <el-tab-pane label="退团退课" value="MUSICGROUP"></el-tab-pane> -->
|
|
|
+ <el-tab-pane label="请假处理" v-if="permissionList.leaveOperation" name="LEAVE" value="LEAVE"></el-tab-pane>
|
|
|
+ <el-tab-pane label="VIP申请审核" v-if="permissionList.vipApply" name="VIPAPPLY" value="VIPAPPLY"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </location-hash>
|
|
|
<el-form :inline="true"
|
|
|
ref="searchForm"
|
|
|
:model="searchForm">
|
|
@@ -104,20 +106,30 @@ import { journalType } from '@/constant'
|
|
|
import StudentModel from './model/student'
|
|
|
import LeaveModel from './model/leave'
|
|
|
import vipApplyModel from './model/vipApply'
|
|
|
+import { permission } from '@/utils/directivePage'
|
|
|
export default {
|
|
|
components: { pagination, StudentModel, LeaveModel, vipApplyModel },
|
|
|
name: 'journal',
|
|
|
data () {
|
|
|
+ const query = this.$route.query
|
|
|
return {
|
|
|
+ permissionList: {
|
|
|
+ journalItem: permission('/journalItem'),
|
|
|
+ studentComplain: permission('/studentComplain'),
|
|
|
+ musicGroupCourse: permission('/musicGroupCourse'),
|
|
|
+ leaveOperation: permission('/leaveOperation'),
|
|
|
+ vipApply: permission('/vipApply')
|
|
|
+ },
|
|
|
dialogSystem: false,
|
|
|
dialogStudent: false,
|
|
|
dialogLeave: false,
|
|
|
dialogVipApply: false,
|
|
|
dialogTitle: null,
|
|
|
dialogDetail: {},
|
|
|
+ activeIndex: query.opt || 'SYSTEM',
|
|
|
searchForm: {
|
|
|
search: null,
|
|
|
- group: 'SYSTEM',
|
|
|
+ group: query.opt || 'SYSTEM',
|
|
|
readStatus: 0
|
|
|
},
|
|
|
tableList: [],
|
|
@@ -132,6 +144,7 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getList()
|
|
|
+ console.log(this.searchForm.group)
|
|
|
},
|
|
|
methods: {
|
|
|
onSearch() {
|
|
@@ -141,6 +154,8 @@ export default {
|
|
|
onTabClick(elm) {
|
|
|
// 判断 group 是否一致
|
|
|
const searchForm = this.searchForm
|
|
|
+ console.log(searchForm)
|
|
|
+ this.activeIndex = searchForm.group
|
|
|
if(elm.$attrs.value == searchForm.group) {
|
|
|
return
|
|
|
}
|