修改

src/pages/stuMan/stuClassManage.vue

@@ -192,6 +192,11 @@
                     <q-item-label>状态变更</q-item-label>
                   </q-item-section>
                 </q-item>
+                <q-item clickable v-close-popup @click.stop="getStudent(props.row.ClassId)">
+                  <q-item-section>
+                    <q-item-label>未完成学员名单</q-item-label>
+                  </q-item-section>
+                </q-item>
               </q-list>
             </q-btn-dropdown>
           </q-td>
@@ -523,7 +528,12 @@
           }
         })
       },
-
+      //打开未完成学员名单
+      getStudent(item){
+        this.OpenNewUrl('/stuMan/unfinishedStudent',{
+          'ClassId':item.ClassId
+        })
+      }
     }
   }
 

src/pages/stuMan/unfinishedStudent.vue

+<template>
+  <div class="page-body">
+    <div class="page-content">
+      <q-table :loading="loading" no-data-label="暂无相关数据" flat selection="multiple" :selected.sync="selectedStudent"
+        class="sticky-column-table" separator="none" :data="studentList" :pagination="initialPagination"
+        :columns="columns" row-key="Id" hide-bottom>
+        <template v-slot:top="props">
+          <div class="col-2 q-table__title">学员信息</div>
+          <q-space />
+          <div class="page-option">
+            <q-btn color="accent" size="sm" class="q-mr-md" label="补课安排" @click="makeLesson()" />
+          </div>
+        </template>
+      </q-table>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    queryClassStudent
+  } from '../../api/course/class';
+  export default {
+    data() {
+      return {
+        loading: false, //加载
+        initialPagination: {
+          rowsPerPage: 1000
+        },
+        columns: [{
+            name: 'GuestName',
+            label: '学员名称',
+            field: 'GuestName',
+            align: 'left',
+          },
+          {
+            name: 'Mobile',
+            label: '联系电话',
+            field: 'Mobile',
+            align: 'left',
+          },
+          {
+            name: 'OrderId',
+            label: '关联订单',
+            field: 'OrderId',
+            align: 'left',
+          },
+          {
+            name: 'EnterName',
+            label: '关联销售',
+            field: 'EnterName',
+            align: 'left',
+          },
+          {
+            name: 'ContractTotalHours',
+            label: '合同课时',
+            field: 'ContractTotalHours',
+            align: 'left',
+          },
+          {
+            name: 'ValidClassHours',
+            label: '有效课时',
+            field: 'ValidClassHours',
+            align: 'left',
+          },
+          {
+            name: 'CompleteHours',
+            label: '消耗课时',
+            field: 'CompleteHours',
+            align: 'left',
+          },
+          {
+            name: 'SurplusHours',
+            label: '剩余课时',
+            field: 'SurplusHours',
+            align: 'left',
+          },
+          {
+            name: 'MakeUpHours',
+            label: '剩余补课课时',
+            field: 'MakeUpHours',
+            align: 'left',
+          }
+        ],
+        stuMsg: {
+          ClassId: 0,
+          School_Id: -1
+        },
+        selectedStudent: [],
+        studentList: [], //学员信息数据
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+      if (this.$route.query && this.$route.query.ClassId) {
+        this.msg.ClassId = this.$route.query.ClassId
+      }
+      this.getStudentData();
+    },
+    methods: {
+      //获取学员信息
+      getStudentData() {
+        this.studentList = [];
+        queryClassStudent(this.stuMsg).then(res => {
+          if (res.Code == 1) {
+            this.studentList = res.Data;
+          }
+        })
+      },
+      //补课安排
+      makeLesson() {
+        this.$q.notify({
+          type: 'negative',
+          position: "top",
+          message: `正在开发中，近期发布...`
+        })
+      }
+    },
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/router/routes.js

@@ -1094,6 +1094,11 @@ const routes = [{
     path: "/stuMan/stuClassManage", //学管 班级管理
     component: () =>
       import("pages/stuMan/stuClassManage")
+  },
+  {
+    path: "/stuMan/unfinishedStudent", //学管 未完成学员名单
+    component: () =>
+      import("pages/stuMan/unfinishedStudent")
   }
   ],