页面修改

src/api/course/class.js

@@ -18,10 +18,20 @@ export function queryClassPage(data) {
  * @param {JSON参数} data 
  */
 export function queryClassStatusList() {
-    return request({
-      url: '/Class/GetClassStatusList',
-      method: 'post',
-      data:""
-    })
-  }
-  
+  return request({
+    url: '/Class/GetClassStatusList',
+    method: 'post',
+    data: ""
+  })
+}
+
\ No newline at end of file
+/**
+ * 获取班级学员列表
+ */
+export function queryClassStudent(data) {
+  return request({
+    url: '/Class/GetClassStudent',
+    method: 'post',
+    data
+  });
+}
\ No newline at end of file

src/components/course/classinfo-form.vue

@@ -89,9 +89,9 @@
           <q-btn outline color="black" label="退课" size="12px" style="margin-right:20px;" />
           <q-btn color="primary" class="q-mr-md" size="12px" icon="add" label="邀请新学员" />
         </div>
-        <q-table :pagination="stuMsg" :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
+        <q-table  :loading="loading" no-data-label="暂无相关数据" flat selection="multiple"
           :selected.sync="selected" class="sticky-right-column-table sticky-tow-column-table" separator="none"
-          title="员工管理" :data="studentList" :columns="columns" row-key="Id">
+          title="学员信息" :data="studentList" :columns="columns" row-key="Id">
         </q-table>
       </div>
     </q-card>
@@ -103,6 +103,11 @@
 </template>
 
 <script>
+  import {
+    queryClassStudent,
+
+  } from '../../api/course/class';
+
   export default {
     props: {
       setingObj: {
@@ -118,51 +123,51 @@
         persistent: true,
         tabCheck: 'first', //默认选第一个
         columns: [{
-            name: 'EmployeeName',
+            name: 'GuestName',
             required: true,
             label: '姓名',
             align: 'left',
           },
           {
-            name: 'Sex',
+            name: 'SexStr',
             label: '性别',
-            field: 'Sex',
+            field: 'SexStr',
             align: 'left',
           },
           {
-            name: 'age',
+            name: 'Age',
             label: '年龄',
-            field: 'age',
+            field: 'Age',
             align: 'left',
           },
           {
-            name: 'classHour',
+            name: 'ClassHours',
             label: '上课课时',
-            field: 'classHour',
+            field: 'ClassHours',
             align: 'left',
           },
           {
-            name: 'joinTime',
+            name: 'CreateTimeStr',
             label: '加入时间',
-            field: 'joinTime',
+            field: 'CreateTimeStr',
             align: 'left'
           },
           {
-            name: 'Tel',
+            name: 'Mobile',
             label: '联系电话',
             align: 'left',
-            field: 'Tel'
+            field: 'Mobile'
           },
           {
-            name: 'OrderNum',
+            name: 'OrderId',
             label: '关联订单',
-            field: 'OrderNum',
+            field: 'OrderId',
             align: 'left'
           },
           {
-            name: 'courses',
+            name: 'IsRenew',
             label: '续费课程',
-            field: 'courses',
+            field: 'IsRenew',
             align: 'left'
           }
         ],
@@ -174,6 +179,9 @@
         selected: [], //选中
       }
     },
+    created() {
+      this.getStudentData();
+    },
     mounted() {
       console.log("aaa", this.setingObj);
     },
@@ -181,6 +189,16 @@
       closeShenheForm() {
         this.persistent = false;
         this.$emit('close');
+      },
+      //获取学员信息
+      getStudentData() {
+        queryClassStudent({
+          ClassId: this.setingObj.ClassId
+        }).then(res => {
+          if (res.Code == 1) {
+            this.studentList = res.Data;
+          }
+        })
       }
     },
   }

src/pages/course/classManage.vue

@@ -3,23 +3,23 @@
     <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="班级名称"
-            @clear="getList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
+            @clear="getClassList" />
         </div>
         <div class="col-3">
-          <q-select @input="getList" standout="bg-primary text-white" option-value="Id" option-label="Name"
+          <q-select @input="getClassList" standout="bg-primary text-white" option-value="Id" option-label="Name"
             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="带班老师"
-            @clear="getList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.TeacherName" label="带班老师"
+            @clear="getClassList" />
         </div>
         <div class="col-3">
-          <q-input @change="getList" clearable standout="bg-primary text-white" v-model="msg.CourseName" label="学习课程"
-            @clear="getList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.CourseName" label="学习课程"
+            @clear="getClassList" />
         </div>
         <div class="col-3">
-          <q-select @input="getList" standout="bg-primary text-white" option-value="SId" option-label="SName"
+          <q-select @input="getClassList" 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>
@@ -162,6 +162,7 @@
         msg: {
           pageIndex: 1,
           pageSize: 12,
+          rowsPerPage:12,
           ClassName: '', //班级名称
           ClassStatus: 0, //班级状态
           TeacherName: '', //带班老师
@@ -182,7 +183,7 @@
       this.getSchool();
     },
     mounted() {
-      this.getList();
+      this.getClassList();
     },
     methods: {
       //获取校区列表
@@ -212,16 +213,14 @@
       //翻页
       changePage(val) {
         this.msg.pageIndex = val;
-        this.getList()
+        this.getClassList()
       },
       //获取菜单分页列表
-      getList() {
+      getClassList() {
         this.loading = true;
         queryClassPage(this.msg).then(res => {
-        console.log("res",res)
           this.loading = false;
           this.data = res.Data.PageData;
-          console.log("this.data",this.data)
           this.pageCount = res.Data.PageCount;
         }).catch(() => {
           this.loading = false
@@ -230,7 +229,7 @@
       //刷新页面
       refreshPage() {
         this.isShowClassForm = false;
-        this.getList();
+        this.getClassList();
       },
       //新增修改菜单
       EditCourse(obj) {