页面修改

src/pages/teacher/studentManager.vue

@@ -24,7 +24,6 @@
     height: 40px;
     background-color: rgb(238, 238, 239);
   }
-
 </style>
 <template>
   <div class="page-body">
@@ -34,6 +33,18 @@
           <q-input @change="refreshPage" clearable standout="bg-primary text-white" v-model="msg.GuestName" label="学员名称"
             @clear="refreshPage" maxlength="20" />
         </div>
+        <div class="col-3">
+          <q-select @input="resetSearch" filled v-model="msg.GuestState" option-label="Name" option-value="Id" use-input
+            :options="GuestStateList" emit-value map-options label="学员状态" clearable>
+            <template v-slot:no-option>
+              <q-item>
+                <q-item-section class="text-grey">
+                  未找到相关数据
+                </q-item-section>
+              </q-item>
+            </template>
+          </q-select>
+        </div>
         <div class="col-3">
           <q-select @input="refreshPage" standout="bg-primary text-white" option-value="ClassId"
             option-label="ClassName" v-model="msg.ClassId" :options="ClassList" emit-value map-options label="班级"
@@ -66,6 +77,24 @@
           </q-select>
         </div>
       </div>
+    </div>
+     <div class="col row wrap q-gutter-x-md" v-if="staticObj">
+      <div class="col stics">
+        <span class="stics-name">正常学员数量</span>
+        <span>{{staticObj.NormalNum?staticObj.NormalNum:0}}人</span>
+      </div>
+      <div class="col stics">
+        <span class="stics-name">退课学员数量</span>
+        <span style="color: #F72E52">{{staticObj.DropOutNum?staticObj.DropOutNum:0}}人</span>
+      </div>
+      <div class="col stics">
+        <span class="stics-name">停课学员数量</span>
+        <span style="color:#2961FE;">{{staticObj.StopClassesNum?staticObj.StopClassesNum:0}}人</span>
+      </div>
+      <div class="col stics">
+        <span class="stics-name">毕业学员数量</span>
+        <span>{{staticObj.GraduateNum?staticObj.GraduateNum:0}}人</span>
+      </div>
     </div>
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
@@ -74,8 +103,7 @@
         <template v-slot:top>
           <div class="col-2 q-table__title">学员管理</div>
           <q-space />
-          <q-btn color="accent" size="sm" class="q-mr-md" label="临时上课邀请"
-              @click="isShowProvisionalInvite=true" />
+          <q-btn color="accent" size="sm" class="q-mr-md" label="临时上课邀请" @click="isShowProvisionalInvite=true" />
         </template>
         <template v-slot:body-cell-GuestName="props">
           <q-td :props="props">
@@ -106,23 +134,14 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-            <q-btn flat size="xs" color="accent" style="font-weight:400" label="停课"
-                @click="ShowStopLesson(props.row)"  v-if="props.row.GuestState===1"/>
+            <q-btn flat size="xs" color="accent" style="font-weight:400" label="停课" @click="ShowStopLesson(props.row)"
+              v-if="props.row.GuestState===1" />
             <q-btn flat size="xs" color="accent" style="font-weight:400" label="课耗明细" @click="goUrl(props.row)" />
-            <!-- <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
-              <q-list>
-                <q-item clickable v-close-popup @click="goUrl(props.row)">
-                  <q-item-section>
-                    <q-item-label>课耗明细</q-item-label>
-                  </q-item-section>
-                </q-item>
-              </q-list>
-            </q-btn-dropdown> -->
           </q-td>
         </template>
       </q-table>
-       <StopLesson-form  v-if="isShowStopLesson" :setObj="stuObj" @success="reloadPage" @close="closeMenuSaveForm"/>
-       <ProvisionalInvite-form v-if="isShowProvisionalInvite" @close="closeMenuSaveForm"/>
+      <StopLesson-form v-if="isShowStopLesson" :setObj="stuObj" @success="reloadPage" @close="closeMenuSaveForm" />
+      <ProvisionalInvite-form v-if="isShowProvisionalInvite" @close="closeMenuSaveForm" />
     </div>
 
     <studentRight-form v-if="isShowStuRight" :isJudgeTrans="isJudgeTrans" :BelongType="BelongType" :save-obj="stuOption"
@@ -146,6 +165,9 @@
   import {
     GetStuPageList
   } from "../../api/teacher/student"
+  import {
+    queryGuestStateList,
+  } from "../../api/sale/sale.js";
   import StopLessonForm from '../../components/teacher/stopLessonForm'
   import ProvisionalInviteForm from '../../components/teacher/provisionalInviteForm'
   import studentRightForm from "../../components/school/student/studentRight-form";
@@ -155,9 +177,6 @@
       title: "学员管理"
     },
     components: {
-      //   classForm,
-      //   classinfoForm,
-      //   othercourseForm,
       StopLessonForm,
       ProvisionalInviteForm,
       studentRightForm
@@ -236,6 +255,7 @@
           ClassId: 0, //班级
           CourseId: 0, //课程
           EnterID: 0, //销售
+          GuestState: "", //学员状态
         },
         pageCount: 0,
         EmployeeList: [], //销售下拉列表
@@ -244,13 +264,15 @@
         AllCourseList: [],
         ClassList: [], //班级下拉
         allClassList: [],
-        isShowStopLesson:false,
-        stuObj:{},
-        isShowProvisionalInvite:false,
+        isShowStopLesson: false,
+        stuObj: {},
+        isShowProvisionalInvite: false,
         isShowStuRight: false,
         isJudgeTrans: 1,
-        BelongType:1,
-        stuOption: null
+        BelongType: 1,
+        stuOption: null,
+        GuestStateList: [], //学员状态列表
+        staticObj:{},//学生信息统计
       }
     },
     created() {
@@ -258,6 +280,7 @@
       if (data) {
         this.msg.Teacher_Id = data.data.AccountId
       }
+      this.getGuestStateList();
       this.getEmployee(0);
       this.getCourseList();
       this.getClass()
@@ -266,8 +289,21 @@
       this.getStuPageList();
     },
     methods: {
+      //获取学员状态列表
+      getGuestStateList() {
+        queryGuestStateList({}).then(res => {
+          var tempArray = res.Data;
+          if (tempArray) {
+            tempArray.forEach(item => {
+              if (item.Id == 1 || item.Id == 2 || item.Id == 5 || item.Id == 7) {
+                this.GuestStateList.push(item);
+              }
+            });
+          }
+        });
+      },
       //点开右侧
-      getStuRight(obj){
+      getStuRight(obj) {
         if (obj) {
           this.stuOption = {
             StuId: obj.StudentId,
@@ -377,8 +413,9 @@
         GetStuPageList(this.msg).then(res => {
           this.loading = false
           if (res.Code === 1) {
-            this.data = res.Data.PageData
-            this.pageCount = res.Data.PageCount
+            this.data = res.Data.pageModel.PageData;
+            this.pageCount = res.Data.pageModel.PageCount;
+            this.staticObj = res.Data.StudentStatic;
           }
         }).catch(err => {
           this.loading = false
@@ -397,8 +434,8 @@
         this.getStuPageList();
       },
       goUrl(i) {
-        let path="/teacher/studentsClassSee"
-        let queryObj={
+        let path = "/teacher/studentsClassSee"
+        let queryObj = {
           StudentId: i.Id,
           TeacherId: i.Teacher_Id,
           ClassId: i.ClassId
@@ -414,24 +451,23 @@
         // })
       },
       //显示弹窗
-      ShowStopLesson(item){
-        this.isShowStopLesson=true;
-        this.stuObj=item
+      ShowStopLesson(item) {
+        this.isShowStopLesson = true;
+        this.stuObj = item
       },
       //关闭弹窗
       closeMenuSaveForm() {
         this.isShowStopLesson = false;
-        this.isShowProvisionalInvite=false;
+        this.isShowProvisionalInvite = false;
       },
       //刷新页面
       reloadPage() {
         this.isShowStopLesson = false;
-        this.isShowProvisionalInvite=false;
+        this.isShowProvisionalInvite = false;
         this.getStuPageList();
       },
     }
   }
-
 </script>
 <style lang="sass">
   @import url('~assets/css/table.sass')