页面修改

src/pages/course/classManage.vue

@@ -3,22 +3,24 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称" />
+          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
+            @clear="getList" />
         </div>
         <div class="col-3">
           <q-select @input="getList" standout="bg-primary text-white" option-value="Id" option-label="Name"
-            v-model="msg.classStatus" :options="classStatusList" emit-value map-options label="课程状态" />
+            v-model="msg.ClassStatus" :options="classStatusList" emit-value map-options label="课程状态" />
         </div>
         <div class="col-3">
-          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.TeacherName"
-            label="带班老师" />
+          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.TeacherName" label="带班老师"
+            @clear="getList" />
         </div>
         <div class="col-3">
-          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.CourseName" label="学习课程" />
+          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.CourseName" label="学习课程"
+            @clear="getList" />
         </div>
         <div class="col-3">
-          <q-select @input="getList" standout="bg-primary text-white" option-value="Id" option-label="Name"
-            v-model="msg.guanlianxiaoqu" :options="schoolList" emit-value map-options label="关联校区" />
+          <q-select @input="getList" standout="bg-primary text-white" option-value="SId" option-label="SName"
+            v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
         </div>
       </div>
       <div class="page-option">
@@ -33,6 +35,10 @@
             预招 {{props.row.ClassPersion}} 当前 {{props.row.OrderStudentCount}}
           </q-td>
         </template>
+        <template v-slot:bottom>
+          <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+            :input="true" @input="changePage" />
+        </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="订单中心"></q-btn>
@@ -51,6 +57,10 @@
     queryClassPage,
     queryClassStatusList,
   } from '../../api/course/class'
+  //获取校区列表
+  import {
+    getSchoolDropdown
+  } from '../../api/school/index'
   import classForm from '../../components/course/class-form'
   export default {
     meta: {
@@ -122,38 +132,50 @@
           pageIndex: 1,
           pageSize: 12,
           ClassName: '', //班级名称
-          classStatus: '', //班级状态
+          ClassStatus: 0, //班级状态
           TeacherName: '', //带班老师
           CourseName: '', //学习课程
-          guanlianxiaoqu: 0, //关联校区  
+          School_Id: 0, //关联校区  
         },
         //班级状态
-        classStatusList: [{
-          Id: 1,
-          Name: '状态1'
-        }],
-        //关联校区
-        schoolList: [{
-          Id: 1,
-          Name: '清华大学'
-        }],
+        classStatusList: [],
+        //关联校区列表
+        schoolList: [],
         pageCount: 0,
         classObjOption: null,
       }
     },
     created() {
       this.getClassStatus();
+      this.getSchool();
     },
     mounted() {
       this.getList();
     },
     methods: {
+      //获取校区列表
+      getSchool() {
+        getSchoolDropdown({}).then(res => {
+          if (res.Code == 1) {
+            var tempArray = res.Data;
+            if (!tempArray) {
+              tempArray = [];
+            }
+            tempArray.unshift({
+              SId: 0,
+              SName: "不限"
+            })
+            this.schoolList = tempArray;
+          }
+        })
+      },
+      //获取班级状态列表
       getClassStatus() {
         queryClassStatusList({}).then(res => {
-          this.classStatusList = res.Data;
-        }).catch(() => {
-
-        })
+          if (res.Code == 1) {
+            this.classStatusList = res.Data;
+          }
+        }).catch(() => {})
       },
       //翻页
       changePage(val) {