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