|
@@ -1,58 +1,92 @@
|
|
|
<template>
|
|
|
<div class="m-container">
|
|
|
<h2>
|
|
|
- <el-page-header @back="onCancel"
|
|
|
- :content="teamName"></el-page-header>
|
|
|
-
|
|
|
+ <el-page-header @back="onCancel" :content="teamName"></el-page-header>
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
<!-- navMenu -->
|
|
|
- <tab-router v-model.trim="activeIndex"
|
|
|
- type="card"
|
|
|
- ref="tab">
|
|
|
- <el-tab-pane label="基本信息"
|
|
|
- lazy
|
|
|
- v-if="permission('/resetTeaming/teamBaseInfo')"
|
|
|
- name="1">
|
|
|
- <teamBaseInfo v-if="activeIndex == 1"
|
|
|
- @getBaseInfo="getBaseInfo"
|
|
|
- :baseInfo="baseInfo"
|
|
|
- @getName='getName' />
|
|
|
+ <tab-router v-model.trim="activeIndex" type="card" ref="tab">
|
|
|
+ <el-tab-pane
|
|
|
+ label="基本信息"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/resetTeaming/teamBaseInfo')"
|
|
|
+ name="1"
|
|
|
+ >
|
|
|
+ <teamBaseInfo
|
|
|
+ v-if="activeIndex == 1"
|
|
|
+ @getBaseInfo="getBaseInfo"
|
|
|
+ :baseInfo="baseInfo"
|
|
|
+ @getName="getName"
|
|
|
+ />
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="声部设置"
|
|
|
- lazy
|
|
|
- v-if="permission('/resetTeaming/resetSound')"
|
|
|
- name="2">
|
|
|
+ <el-tab-pane
|
|
|
+ label="声部设置"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/resetTeaming/resetSound')"
|
|
|
+ name="2"
|
|
|
+ >
|
|
|
<resetSound v-if="activeIndex == 2" />
|
|
|
</el-tab-pane>
|
|
|
- <!-- <el-tab-pane label="学员缴费设置"
|
|
|
- v-if="permission('/resetTeaming/studentPayBase')"
|
|
|
- name="4">
|
|
|
- <studentPayBase v-if="activeIndex == 4" />
|
|
|
- </el-tab-pane> -->
|
|
|
- <el-tab-pane label="学员缴费设置"
|
|
|
- lazy
|
|
|
- v-if="permission('/resetTeaming/resetPayList')"
|
|
|
- name="3">
|
|
|
- <resetPayList :baseInfo="baseInfo"
|
|
|
- v-if="activeIndex == 3&&baseInfo"
|
|
|
- @changeActive="handleClick" />
|
|
|
+ <el-tab-pane
|
|
|
+ label="老师列表"
|
|
|
+ v-if="permission('/teamDetails/teacherList')"
|
|
|
+ name="4"
|
|
|
+ >
|
|
|
+ <teacherList :teamid="teamid" v-if="activeIndex == 4" />
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="学校缴费设置"
|
|
|
- lazy
|
|
|
- v-if="permission('/resetTeaming/resetPayList')"
|
|
|
- name="6">
|
|
|
- <resetPayListSchool :baseInfo="baseInfo"
|
|
|
- v-if="activeIndex == 6&&baseInfo"
|
|
|
- @changeActive="handleClick" />
|
|
|
+ <el-tab-pane
|
|
|
+ label="学生列表"
|
|
|
+ v-if="permission('/teamDetails/studentList')"
|
|
|
+ name="7"
|
|
|
+ >
|
|
|
+ <studentList :teamid="teamid" v-if="activeIndex == 7" />
|
|
|
</el-tab-pane>
|
|
|
|
|
|
- <el-tab-pane label="班级调整"
|
|
|
- lazy
|
|
|
- v-if="permission('/resetTeaming/resetClass')"
|
|
|
- name="5">
|
|
|
- <resetClass v-if="activeIndex == 5&&musicGroupInfo" :musicGroupInfo='musicGroupInfo'/>
|
|
|
+ <el-tab-pane
|
|
|
+ label="班级列表"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/resetTeaming/resetClass')"
|
|
|
+ name="5"
|
|
|
+ >
|
|
|
+ <resetClass
|
|
|
+ v-if="activeIndex == 5 && musicGroupInfo"
|
|
|
+ :musicGroupInfo="musicGroupInfo"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane
|
|
|
+ label="课表详情"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/teamDetails/courseList')"
|
|
|
+ name="8"
|
|
|
+ >
|
|
|
+ <courseList v-if="activeIndex == '8'"
|
|
|
+ :teamid='teamid' />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane
|
|
|
+ label="学员缴费设置"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/resetTeaming/resetPayList')"
|
|
|
+ name="3"
|
|
|
+ >
|
|
|
+ <resetPayList
|
|
|
+ :baseInfo="baseInfo"
|
|
|
+ v-if="activeIndex == 3 && baseInfo"
|
|
|
+ @changeActive="handleClick"
|
|
|
+ />
|
|
|
</el-tab-pane>
|
|
|
+ <el-tab-pane
|
|
|
+ label="学校缴费设置"
|
|
|
+ lazy
|
|
|
+ v-if="permission('/resetTeaming/resetPayList')"
|
|
|
+ name="6"
|
|
|
+ >
|
|
|
+ <resetPayListSchool
|
|
|
+ :baseInfo="baseInfo"
|
|
|
+ v-if="activeIndex == 6 && baseInfo"
|
|
|
+ @changeActive="handleClick"
|
|
|
+ />
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
<!-- <el-tab-pane label="新增排课"
|
|
|
v-if="permission('/resetTeaming/coursePlan')"
|
|
|
name="4">
|
|
@@ -69,26 +103,37 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import teamBaseInfo from '@/views/teamBuild/components/teamBaseInfo'
|
|
|
-import resetSound from '@/views/resetTeaming/components/resetSoundv2'
|
|
|
-import resetClass from '@/views/teamDetail/components/resetClass'
|
|
|
+import teamBaseInfo from "@/views/teamBuild/components/teamBaseInfo";
|
|
|
+import resetSound from "@/views/resetTeaming/components/resetSoundv2";
|
|
|
+import resetClass from "@/views/teamDetail/components/resetClass";
|
|
|
// import coursePlan from '@/views/teamBuild/teamSeting/components/coursePlan'
|
|
|
// import lookCourse from '@/views/teamBuild/teamSeting/components/lookCourse'
|
|
|
// import improvement from '@/views/teamBuild/teamSeting/components/improvementClass'
|
|
|
-import resetPayList from '@/views/resetTeaming/components/resetPayList'
|
|
|
-import resetPayListSchool from '@/views/resetTeaming/components/resetPayListSchool'
|
|
|
-import studentPayBase from '@/views/resetTeaming/components/studentPayBase'
|
|
|
-import { permission } from '@/utils/directivePage'
|
|
|
-import {
|
|
|
- getTeamBaseInfo,
|
|
|
-} from "@/api/buildTeam";
|
|
|
+import resetPayList from "@/views/resetTeaming/components/resetPayList";
|
|
|
+import resetPayListSchool from "@/views/resetTeaming/components/resetPayListSchool";
|
|
|
+import studentPayBase from "@/views/resetTeaming/components/studentPayBase";
|
|
|
+import studentList from "@/views/teamDetail/components/studentList";
|
|
|
+import teacherList from "@/views/teamDetail/components/teacherList";
|
|
|
+import courseList from "@/views/teamDetail/components/courseList";
|
|
|
+import { permission } from "@/utils/directivePage";
|
|
|
+import { getTeamBaseInfo } from "@/api/buildTeam";
|
|
|
export default {
|
|
|
- components: { teamBaseInfo, resetSound, resetClass, resetPayList, resetPayListSchool, studentPayBase },
|
|
|
- name: 'resetTeaming',
|
|
|
- data () {
|
|
|
+ components: {
|
|
|
+ teamBaseInfo,
|
|
|
+ resetSound,
|
|
|
+ resetClass,
|
|
|
+ resetPayList,
|
|
|
+ resetPayListSchool,
|
|
|
+ studentPayBase,
|
|
|
+ studentList,
|
|
|
+ teacherList,
|
|
|
+ courseList,
|
|
|
+ },
|
|
|
+ name: "resetTeaming",
|
|
|
+ data() {
|
|
|
return {
|
|
|
- activeIndex: '1',
|
|
|
- teamid: '',
|
|
|
+ activeIndex: "1",
|
|
|
+ teamid: "",
|
|
|
baseInfo: null,
|
|
|
// permissionStatus: {
|
|
|
// teamBaseInfo: true,
|
|
@@ -98,23 +143,23 @@ export default {
|
|
|
// coursePlan: true,
|
|
|
// }
|
|
|
name: null,
|
|
|
- teamName: '乐团修改',
|
|
|
- musicGroupInfo:null
|
|
|
- }
|
|
|
+ teamName: "乐团修改",
|
|
|
+ musicGroupInfo: null,
|
|
|
+ };
|
|
|
},
|
|
|
- created () {
|
|
|
+ created() {
|
|
|
// this.__init()
|
|
|
},
|
|
|
- beforeDestroy () {
|
|
|
+ beforeDestroy() {
|
|
|
// sessionStorage.setItem('setStep', 0)
|
|
|
// sessionStorage.setItem('resetCode', 1)
|
|
|
},
|
|
|
- mounted () {
|
|
|
+ mounted() {
|
|
|
// let obj = {}
|
|
|
// obj.name = this.activeIndex
|
|
|
// console.log(this.activeIndex)
|
|
|
// this.handleClick(obj)
|
|
|
- this.__init()
|
|
|
+ this.__init();
|
|
|
},
|
|
|
// activated () {
|
|
|
// let obj = {}
|
|
@@ -123,39 +168,38 @@ export default {
|
|
|
// this.__init()
|
|
|
// },
|
|
|
methods: {
|
|
|
- __init () {
|
|
|
+ __init() {
|
|
|
// this.activeIndex = sessionStorage.getItem('resetCode') || '1';
|
|
|
this.teamid = this.$route.query.id;
|
|
|
- if(this.$route.query.tabrouter !=1){
|
|
|
- getTeamBaseInfo({ musicGroupId: this.teamid }).then(res=>{
|
|
|
- if(res.code == 200){
|
|
|
- this.getBaseInfo(res.data)
|
|
|
+ if (this.$route.query.tabrouter != 1) {
|
|
|
+ getTeamBaseInfo({ musicGroupId: this.teamid }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.getBaseInfo(res.data);
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
- onCancel () {
|
|
|
- this.$store.dispatch('delVisitedViews', this.$route)
|
|
|
- this.$router.push({ path: '/business/teamDetail' })
|
|
|
+ onCancel() {
|
|
|
+ this.$store.dispatch("delVisitedViews", this.$route);
|
|
|
+ this.$router.push({ path: "/business/teamDetail" });
|
|
|
},
|
|
|
- getBaseInfo (baseInfo) {
|
|
|
-
|
|
|
- this.baseInfo = baseInfo
|
|
|
- this.teamName = baseInfo?.musicGroup?.name
|
|
|
- this.musicGroupInfo = baseInfo?.musicGroup
|
|
|
+ getBaseInfo(baseInfo) {
|
|
|
+ this.baseInfo = baseInfo;
|
|
|
+ this.teamName = baseInfo?.musicGroup?.name;
|
|
|
+ this.musicGroupInfo = baseInfo?.musicGroup;
|
|
|
},
|
|
|
- handleClick (val) {
|
|
|
+ handleClick(val) {
|
|
|
// this.activeIndex = val.name
|
|
|
- this.$refs.tab.tab(val)
|
|
|
+ this.$refs.tab.tab(val);
|
|
|
},
|
|
|
- permission (str) {
|
|
|
- return permission(str)
|
|
|
+ permission(str) {
|
|
|
+ return permission(str);
|
|
|
},
|
|
|
- getName (val) {
|
|
|
+ getName(val) {
|
|
|
// this.name = val
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
</style>
|