乐团班级列表制作

1

src/constant/index.js

@@ -195,3 +195,12 @@ export const belongDaya = {
   0: '其它课酬',
   1: '基本课酬'
 }
+
+export const musicClassType = {
+  NORMAL:"声部班" ,
+  MIX:"合奏班",
+  HIGH:"基础技能班",
+  SNAP:"临时班",
+  HIGH_ONLINE:'线上基础技能班',
+  MUSIC_NETWORK:"乐团网管课"
+}

src/router/index.js

@@ -359,7 +359,9 @@ export const asyncRoutes = {
   // 考勤列表
   attendanceList: () => import('@/views/attendanceManager/attendanceList'),
   // 学生考情列表
-  stuRecodeManager:()=>import('@/views/stuRecodeManager')
+  stuRecodeManager:()=>import('@/views/stuRecodeManager'),
+  // 乐团班级列表
+  teamCLassList:()=>import('@/views/teamDetail/teamClassList')
 }
 
 export default router

src/router/notKeepAliveList.js

@@ -79,4 +79,5 @@ export default [
   '/business/vipReset', // vip修改
   '/business/vipDetail', // vip查看
   '/contentManager/contentManager', // 内容管理
+  '/business/teamCLassList', // 班级列表
 ]

src/templateList.vue

@@ -2,30 +2,51 @@
 <template>
   <div class="m-container">
     <h2>
-      <div class="squrt"></div>名字
+      <div class="squrt"></div>
+      班级列表
     </h2>
     <div class="m-core">
-      <el-form :inline="true"
-               :model="searchForm">
+      <save-form :inline="true" :model="searchForm" @submit="search" @reset='onReSet'>
         <el-form-item>
-          <el-input v-model.trim="searchForm.search"
-                    @keyup.enter.native="search"
-                    placeholder></el-input>
+          <el-input
+            v-model.trim="searchForm.search"
+            clearable
+            @keyup.enter.native="search"
+            placeholder='请输入乐团编号'
+          ></el-input>
         </el-form-item>
-      </el-form>
+          <el-form-item>
+          <el-input
+            v-model.trim="searchForm.search"
+            @keyup.enter.native="search"
+            placeholder='请输入乐团编号'
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+      </save-form>
       <div class="tableWrap">
-        <el-table style="width: 100%"
-                  :header-cell-style="{background:'#EDEEF0',color:'#444'}"
-                  :data="tableList">
-          <el-table-column align="center"
-                           prop="studentId"
-                           label="分部"></el-table-column>
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="分部"
+          ></el-table-column>
         </el-table>
-        <pagination :total="rules.total"
-                    :page.sync="rules.page"
-                    :limit.sync="rules.limit"
-                    :page-sizes="rules.page_size"
-                    @pagination="getList" />
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
       </div>
     </div>
   </div>
@@ -36,14 +57,12 @@ import axios from "axios";
 import { getToken } from "@/utils/auth";
 import pagination from "@/components/Pagination/index";
 import load from "@/utils/loading";
-import {  getEmployeeOrgan } from "@/api/buildTeam";
-
 export default {
   components: { pagination },
-  data () {
+  data() {
     return {
       searchForm: {
-        search: null
+        search: null,
       },
 
       tableList: [],
@@ -53,33 +72,27 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50] // 选择限制显示条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
       },
     };
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created () { },
+  created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {
-    getEmployeeOrgan().then(res => {
-      if (res.code == 200) {
-        this.organList = res.data;
-      }
-    });
+  mounted() {
     // 获取分部
 
     this.init();
-
-
   },
-  // activated () {
-  //   this.init();
-  // },
   methods: {
-    init () {
+    init() {},
+    getList() {},
+    search(){
+      this.rules.page = 1;
+      this.getList()
     },
-    getList () { }
-  }
+    onReSet(){},
+  },
 };
 </script>
 <style lang='scss' scoped>

src/utils/searchArray.js

@@ -1,5 +1,5 @@
 // 搜索用的下拉数据列表
-import { payOrderType, auditType, auditPaymentType, orderServerType, orderAuditType, rewardModeType,classTime } from '../constant'
+import { payOrderType, auditType, auditPaymentType, orderServerType, orderAuditType, rewardModeType,classTime,musicClassType } from '../constant'
 // 课程类型
 export const courseType = [
   { label: "声部课", value: "SINGLE" },
@@ -207,6 +207,7 @@ export const auditPaymentTypeList = getValueForKey(auditPaymentType)
 export const orderServerList = getValueForKey(orderServerType)
 export const orderAuditTypeList = getValueForKey(orderAuditType)
 export const rewardModeTypeList = getValueForKey(rewardModeType)
+export const musicClassTypeList =  getValueForKey(musicClassType)
 function getValueForKey (obj) {
   let arr = []
   for (let k in obj) {

src/views/teamBuild/components/soundSetComponents/chioseMusic.vue

@@ -25,7 +25,7 @@
           </el-select>
         </div>
         <div class="flexRow">
-          <p class="title">乐器选择方式:</p>
+          <p class="title">乐器提供方式:</p>
           <el-checkbox-group v-model="music.type" class="marginLeft10">
             <el-checkbox :disabled="basdisabled" label="GROUP"
               >团购</el-checkbox

src/views/teamDetail/components/resetClass.vue

@@ -15,7 +15,7 @@
             @change="changeMixClass"
           >
             <el-option
-              v-for="(item, index) in classTypeList"
+              v-for="(item, index) in musicClassTypeList"
               :key="index"
               :label="item.label"
               :value="item.value"
@@ -503,7 +503,7 @@ import { queryEmployByOrganId } from "@/api/systemManage";
 import { diffTimerFormMinute, addTimerFormMinute } from "@/utils/date";
 import dayjs from "dayjs";
 import axios from "axios";
-import { classTimeList } from "@/utils/searchArray";
+import { classTimeList,musicClassTypeList } from "@/utils/searchArray";
 import viewStudentList from "./modals/view-student-list";
 import selectStudent from "./modals/select-student";
 import classroomSetting from "./modals/classroom-setting";
@@ -603,6 +603,7 @@ export default {
         { value: "HIGH_ONLINE", label: "线上基础技能班" },
         { value: "MUSIC_NETWORK", label: "乐团网管课" },
       ],
+      musicClassTypeList,
       // 基础技能班类型
       highTypeList: [
         { value: "HIGH", label: "基础技能班" },

src/views/teamDetail/teamClassList.vue

@@ -0,0 +1,132 @@
+<!--  -->
+<template>
+  <div class="m-container">
+    <h2>
+      <div class="squrt"></div>
+      班级列表
+    </h2>
+    <div class="m-core">
+      <save-form
+        :inline="true"
+        :model="searchForm"
+        @submit="search"
+        @reset="onReSet"
+      >
+        <el-form-item>
+          <el-input
+            v-model.trim="searchForm.search"
+            clearable
+            @keyup.enter.native="search"
+            placeholder="请输入乐团编号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            class="multiple"
+            filterable
+            style="width: 180px !important"
+            v-model.trim="searchForm.organIdList"
+            clearable
+            placeholder="请选择分部"
+          >
+            <el-option
+              v-for="(item, index) in selects.branchs"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <!-- musicClassTypeList -->
+         <el-form-item >
+          <el-select
+            v-model.trim="searchForm.type"
+            clearable
+            filterable
+            @change="changeMixClass"
+          >
+            <el-option
+              v-for="(item, index) in musicClassTypeList"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button native-type="submit" type="primary">搜索</el-button>
+          <el-button native-type="reset" type="danger">重置</el-button>
+        </el-form-item>
+      </save-form>
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+        >
+          <el-table-column
+            align="center"
+            prop="studentId"
+            label="分部"
+          ></el-table-column>
+        </el-table>
+        <pagination
+          sync
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import pagination from "@/components/Pagination/index";
+import load from "@/utils/loading";
+import { musicClassTypeList } from "@/utils/searchArray";
+export default {
+  components: { pagination },
+  data() {
+    return {
+      searchForm: {
+        search: null,
+        organIdList:'',
+        type:''
+      },
+      musicClassTypeList,
+      tableList: [],
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+    };
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {
+    // 获取分部
+
+    this.init();
+  },
+  methods: {
+    init() {},
+    getList() {},
+    search() {
+      this.rules.page = 1;
+      this.getList();
+    },
+    onReSet() {},
+  },
+};
+</script>
+<style lang='scss' scoped>
+</style>