教师管理

src/api/modules/teacher.js

@@ -23,6 +23,10 @@ const getInfoById = function(id) {
  * pageIndex 起始页
  * pageSize 每页条数
  * name 姓名
+ * tlevelId级别
+ * salaryId发薪地
+ tsystemId这个应该是教师体系，他注释没有写明白
+ 
  * } query
  * @returns
  */

src/views/manage/TeacherList.vue

@@ -3,20 +3,20 @@
     <div style="padding-bottom: 10px;">
       <div style="display: flex;justify-content:flex-start;">
              <div style="padding: 0px 5px;">
-             <el-select v-model="tSystemData" value-key="id" clearable @change="changeSystem" placeholder="请选择教师体系">
+             <el-select v-model="query.tSystemId" value-key="id" clearable @change="queryChangeSystem" placeholder="请选择教师体系">
-                 <el-option v-for="item in systemData" :key="item.id" :label="item.name" :value="item"></el-option>
+                 <el-option v-for="item in systemData" :key="item.id" :label="item.name" :value="item.id"></el-option>
               </el-select>
            </div>
            <!-- 要在换一个变量与新建区别开 -->
             <div style="padding: 0px 5px;">
-              <el-select v-model="tLevelData" clearable value-key="id" placeholder="请选择教师级别">
+              <el-select v-model="query.tLevelId" clearable value-key="id" :disabled="query.tSystemId == ''" placeholder="请选择教师级别">
-                <el-option v-for="item in levelData" :key="item.id" :label="item.name" :value="item"></el-option>
+                <el-option v-for="item in queryLevelData" :key="item.id" :label="item.name" :value="item.id"></el-option>
               </el-select>
          </div>
-          <div style="padding: 0px 5px;"><el-input placeholder="请输入姓名" v-model="queryName" clearable></el-input></div>
+          <div style="padding: 0px 5px;"><el-input placeholder="请输入姓名" v-model="query.queryName" clearable></el-input></div>
                 <div style="padding: 0px 5px;">
-              <el-select v-model="tLevelData" clearable value-key="id" placeholder="请选择发薪地">
+              <el-select v-model="query.salaryId" clearable value-key="id" placeholder="请选择发薪地">
-                <el-option v-for="item in levelData" :key="item.id" :label="item.name" :value="item"></el-option>
+                <el-option v-for="item in levelData" :key="item.id" :label="item.name" :value="item.id"></el-option>
               </el-select>
          </div>
       </div>
@@ -74,9 +74,9 @@
           background
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
-          :current-page="pageIndex"
+          :current-page="query.pageIndex"
           :page-sizes="[10, 20, 30, 40]"
-          :page-size="pageSize"
+          :page-size="query.pageSize"
           layout="total, sizes, prev, pager, next, jumper"
           :total="count">
         </el-pagination>
@@ -180,6 +180,14 @@
     components:{imageUpload,teacherDetails},
     data(){
       return {
+        query:{
+          tSystemId:'',
+          tLevelId:'',
+          queryName:'',
+          salaryId:'',
+          pageIndex: 1,
+          pageSize: 10,
+        },
         teacherDetailId:'',//新数据id
         teacherDetailsId: '',// sid
         showTeacherDetails:false,
@@ -239,6 +247,7 @@
         systemLevelTree:[],
         systemData:[],//体系数组{id,name}
         levelData:[],//级别数组{id,name}
+        queryLevelData:[],
       }
     },
     watch:{
@@ -282,8 +291,21 @@
           }
         })
       },
+      queryChangeSystem(val) {
+        let array=[];
+        this.systemLevelTree.forEach(sl=>{
+          if(sl.teacher_system_id==val){
+            sl.teacher_level.forEach(lev=>{
+              array.push({
+                id:lev.teacher_level_id,
+                name:lev.level_name
+              })
+            })
+          }
+        });
+        this.queryLevelData=array;
+      },
       changeSystem(val){
-        //console.log(val,'val');
         let array=[];
         this.systemLevelTree.forEach(sl=>{
           if(sl.teacher_system_id==val.id){
@@ -298,7 +320,13 @@
         this.levelData=array;
       },
       reset (){
-       this.queryName = '';
+       this.query.queryName = '';
+       this.query.tSystemId='',
+       this.query.tLevelId='',
+       this.query.queryName='',
+       this.query.salaryId='',
+       this.query.pageIndex= 1,
+       this.query.pageSize= 10,
        this.$refs.teacherTable.clearFilter();
        this.loadData(1);
       },
@@ -493,13 +521,15 @@
         })
       },
       loadData(pageIndex) {
-        this.pageIndex = pageIndex;
+        this.query.pageIndex = pageIndex;
+        console.log(this.query,'this.query');
         teacherApi
-          .page({
+          .page(
-            pageIndex: this.pageIndex,
+            this.query
-            pageSize: this.pageSize,
+            // pageIndex: this.pageIndex,
-            name: this.queryName ,
+            // pageSize: this.pageSize,
-          })
+            // name: this.queryName,
+          )
           .then((res) => {
             if (res.status == 200) {
               const result = res.result;
@@ -608,13 +638,13 @@
         document.body.removeChild(eleLink);
       },
     handleSizeChange(val) {
-      this.pageSize = val
+      this.query.pageSize = val
-      this.pageIndex = 1
+      this.query.pageIndex = 1
-      this.loadData(this.pageIndex)
+      this.loadData(this.query.pageIndex)
     },
     handleCurrentChange(val) {
-      this.pageIndex = val
+      this.query.pageIndex = val
-      this.loadData(this.pageIndex)
+      this.loadData(this.query.pageIndex)
     },
     }
   }