新增文件

src/api/sale/bill.js

+import request from '../../utils/request'
+
+
+/**
+ *  学员退课申请单据分页列表
+ */
+export function queryStudentBackClassPage(data) {
+    return request({
+      url: '/stu/GetStudentBackClassPage',
+      method: 'post',
+      data
+    })
+  }
\ No newline at end of file

src/components/sale/backclass-form.vue

@@ -143,7 +143,6 @@
           })
           return;
         }
-        console.log("item", applyMsg);
         SetBackClassApply(applyMsg).then(res => {
           if (res.Code == 1) {
             this.$q.notify({

src/pages/user/backbill.vue

+<template>
+  <div class="page-body">
+    <div class="page-search row items-center">
+      <div class="col row wrap q-col-gutter-md">
+        <div class="col">
+          <q-input @change="resetSearch" clearable standout="bg-primary text-white" class="col-6 q-pr-lg q-pr-lg"
+            v-model="msg.ClassName" label="学员名称/班级名称/老师名称" />
+        </div>
+        <div class="col">
+          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.AuditStatus" :options="ShowOpts"
+            emit-value map-options label="流程状态" />
+        </div>
+        <div class="col Sysuser_Date">
+          <q-field filled>
+             <template v-slot:control>
+              <el-date-picker v-model="applyDateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
+                 range-separator="至"  start-placeholder="申请开始日期"  end-placeholder="申请结束日期">
+                 </el-date-picker>       
+            </template>
+          </q-field>
+        </div>
+      </div>
+    </div>
+    <div class="page-content">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
+        separator="none" :data="data" :columns="columns" row-key="name">
+        <template v-slot:body-cell-Status="props">
+          <q-td :props="props">
+            <q-toggle size="sm" color="secondary" :false-value="1" :true-value="0" v-model="props.row.Status"
+              title="注意：关闭后，分类将无法正常使用." @input="SetDeptStatus(props.row)" />
+          </q-td>
+        </template>
+        <template v-slot:body-cell-School_Id="props">
+          <q-td :props="props">
+            {{props.row.School_Id>0? props.row.SchoolName:'总部'}}
+          </q-td>
+        </template>
+        <template v-slot:body-cell-DeptPostList="props">
+          <q-td :props="props">
+            <template v-if="props.row.DeptPostList&&props.row.DeptPostList.length>0"
+              v-for="(item,index) in props.row.DeptPostList">
+              <q-badge :key="index" color="red" :label="item.PostName" class="q-mr-xs" />
+            </template>
+          </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="审核"
+              @click="EditDept(props.row)" />
+          </q-td>
+        </template>
+      </q-table>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    queryStudentBackClassPage
+  } from '../../api/sale/bill'
+
+  export default {
+    meta: {
+      title: "退课单据"
+    },
+    components: {
+
+    },
+    data() {
+      return {
+        currentUrl: "",
+        columns: [{
+            name: 'AuditStatusName',
+            label: '状态',
+            align: 'left',
+            field: row => row.AuditStatusName
+          },
+          {
+            name: 'GuestName',
+            label: '学员名称',
+            field: 'GuestName',
+            align: 'left'
+          },
+          {
+            name: 'SchoolName',
+            label: '所属校区',
+            field: 'SchoolName',
+            align: 'left'
+          },
+          {
+            name: 'ClassName',
+            label: '所属班级',
+            field: 'ClassName',
+            align: 'left'
+          },
+          {
+            name: 'TeacherName',
+            label: '带班老师',
+            field: 'TeacherName',
+            align: 'left'
+          },
+          {
+            name: 'FinishHours',
+            label: '已上课时',
+            field: 'FinishHours',
+            align: 'left'
+          },
+          {
+            name: 'BackMoney',
+            label: '预计退费金额',
+            field: 'BackMoney',
+            align: 'left'
+          },
+          {
+            name: 'CreateTimeStr',
+            label: '申请时间',
+            field: 'CreateTimeStr',
+            align: 'left',
+          },
+          {
+            name: 'CreateByName',
+            label: '申请人',
+            field: 'CreateByName',
+            align: 'left',
+          },
+          {
+            name: 'optioned',
+            label: '操作',
+            field: 'BackId'
+          }
+        ],
+        data: [],
+        loading: true,
+        applyDateList: [], //申请日期
+        ShowOpts: [{
+            label: '全部',
+            value: '0'
+          },
+          {
+            label: '审核中',
+            value: '1'
+          },
+          {
+            label: '通过',
+            value: '2'
+          },
+          {
+            label: '驳回',
+            value: '3'
+          },
+          {
+            label: '作废',
+            value: '4'
+          }
+        ],
+        msg: {
+          pageIndex: 1,
+          pageSize: 12,
+          rowsPerPage: 12,
+          ClassName: "", //学员、班级、老师名称
+          AuditStatus: "0", //审核状态
+          QStartTime: "", //开始时间
+          QEndTime: "", //结束时间
+        },
+        pageCount: 0,
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+      this.currentUrl = this.$route.path;
+      this.getStuBackBill();
+    },
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.pageIndex = 1;
+        this.getStuBackBill();
+      },
+      //翻页
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getStuBackBill();
+      },
+      //获取退课单据分页列表
+      getStuBackBill() {
+        this.loading = true;
+        if (this.applyDateList && this.applyDateList.length > 0) {
+          this.msg.QStartTime = this.applyDateList[0];
+          this.msg.QEndTime = this.applyDateList[1];
+        } else {
+          this.msg.QStartTime = '';
+          this.msg.QEndTime = '';
+        }
+        queryStudentBackClassPage(this.msg).then(res => {
+          this.loading = false;
+          this.data = res.Data.PageData;
+          this.pageCount = res.Data.PageCount;
+        }).catch(() => {
+          this.loading = false;
+        })
+      },
+      //刷新页面
+      refreshPage() {
+        this.getStuBackBill();
+      },
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass');
+
+</style>

src/router/routes.js

@@ -376,6 +376,11 @@ const routes = [{
         component: () =>
           import("pages/course/achievements.vue")
       },
+      {
+        path: "/user/backbill", //退课单据
+        component: () =>
+          import("pages/user/backbill.vue")
+      },
       {
         path: "/test", //API测试
         component: () =>