页面修改

src/pages/user/backbill.vue

@@ -6,19 +6,30 @@
   .Sysuser_Date .el-range-editor.el-input__inner {
     background-color: transparent;
   }
-
+  .ReceipTypeName{
+    display: inline-block;
+    padding: 2px 8px;
+    color: white;
+    background-color: rgb(233, 82, 82);
+    line-height: 16px;
+    border-radius: 4px;
+  }
 </style>
 <template>
   <div class="page-body">
     <div class="page-search row items-center">
       <div class="col row wrap q-col-gutter-md">
         <div class="col-3">
-          <q-input @change="resetSearch" clearable standout="bg-primary text-white" v-model="msg.ClassName"
+          <q-input @change="resetSearch" clearable filled v-model="msg.ClassName"
             label="学员名称/班级名称/老师名称" />
         </div>
         <div class="col-3">
-          <q-select @input="resetSearch" standout="bg-primary text-white" v-model="msg.AuditStatus" :options="ShowOpts"
-            emit-value map-options label="流程状态" />
+          <q-select @input="resetSearch" filled v-model="msg.AuditStatus" :options="ShowOpts"
+            emit-value map-options label="审核状态" />
+        </div>
+        <div class="col-3">
+          <q-select @input="resetSearch" option-value="Id" option-label="Name" filled v-model="msg.ReceiptType" :options="OrderTypeList"
+            emit-value map-options label="单据类型" />
         </div>
         <div class="col-3 Sysuser_Date">
           <q-field filled>
@@ -40,22 +51,9 @@
       </q-tabs>
       <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">
+        <template v-slot:body-cell-ReceiptTypeName="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-RealityBackMoney="props">
-          <q-td :props="props">
-            <template v-if="props.row.AuditStatus==2">
-              <span style="color:red">{{props.row.RealityBackMoney}}</span>
-            </template>
+            <span class="ReceipTypeName">{{props.row.ReceiptTypeName}}</span>
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -94,8 +92,10 @@
 </template>
 <script>
   import {
-    queryStudentBackClassPage,
-  } from '../../api/sale/bill'
+    GetEducationReceiptPage,
+    GetEducationReceiptType
+  } from '../../api/teacher/index'
+
   import backbillForm from '../../components/sale/backbill-form';
   import createbackbillForm from '../../components/sale/createbackbill-form';
   export default {
@@ -110,65 +110,40 @@
       return {
         currentUrl: "",
         columns: [{
-            name: 'AuditStatusName',
-            label: '状态',
-            align: 'left',
-            field: row => row.AuditStatusName
-          },
-          {
-            name: 'GuestName',
-            label: '学员名称',
-            field: 'GuestName',
-            align: 'left'
-          },
-          {
-            name: 'SchoolName',
-            label: '所属校区',
-            field: 'SchoolName',
+            name: 'Id',
+            label: '单号',
+            field: 'Id',
             align: 'left'
-          },
-          {
-            name: 'ClassName',
-            label: '所属班级',
-            field: 'ClassName',
+          },{
+            name: 'Title',
+            label: '标题',
+            field: 'Title',
             align: 'left'
           },
           {
-            name: 'TeacherName',
-            label: '带班老师',
-            field: 'TeacherName',
+            name: 'ReceiptTypeName',
+            label: '单据类型',
+            field: 'ReceiptTypeName',
             align: 'left'
           },
           {
-            name: 'FinishHours',
-            label: '已上课时',
-            field: 'FinishHours',
+            name: 'AuditStatusName',
+            label: '审核状态',
+            field: 'AuditStatusName',
             align: 'left'
           },
           {
-            name: 'BackMoney',
-            label: '预计退费金额',
-            field: 'BackMoney',
+            name: 'CreateByName',
+            label: '创建人',
+            field: 'CreateByName',
             align: 'left'
           },
           {
-            name: 'RealityBackMoney',
-            label: '实际退费金额',
-            field: 'RealityBackMoney',
+            name: 'CreateTime',
+            label: '创建时间',
+            field: 'CreateTime',
             align: 'left'
           },
-          {
-            name: 'CreateTimeStr',
-            label: '申请时间',
-            field: 'CreateTimeStr',
-            align: 'left',
-          },
-          {
-            name: 'CreateByName',
-            label: '申请人',
-            field: 'CreateByName',
-            align: 'left',
-          },
           {
             name: 'optioned',
             label: '操作',
@@ -178,10 +153,7 @@
         data: [],
         loading: true,
         applyDateList: [], //申请日期
-        ShowOpts: [{
-            label: '全部',
-            value: '0'
-          },
+        ShowOpts: [
           {
             label: '审核中',
             value: '1'
@@ -204,10 +176,11 @@
           pageSize: 12,
           rowsPerPage: 12,
           ClassName: "", //学员、班级、老师名称
-          AuditStatus: "0", //审核状态
-          QStartTime: "", //开始时间
-          QEndTime: "", //结束时间
+          AuditStatus: "", //审核状态
+          StartTime: "", //开始时间
+          EndTime: "", //结束时间
           Conditon: 1,
+          ReceiptType:'' //单据类型
         },
         tabCheck: "1",
         pageCount: 0,
@@ -215,6 +188,8 @@
         isShowCreateBillForm: false, //是否显示制单表单
         billObj: {}, //单据信息
         showType: 1, //1-查看，2-审核
+        OrderTypeList: [],
+      
       }
     },
     created() {
@@ -222,6 +197,7 @@
     },
     mounted() {
       this.currentUrl = this.$route.path;
+      this.getEducationType();
       this.getStuBackBill();
     },
     methods: {
@@ -252,6 +228,7 @@
         this.isShowBillForm = true;
         this.showType = type;
         this.billObj = item;
+   
       },
       //重新查询
       resetSearch() {
@@ -270,13 +247,13 @@
         this.pageCount = 0;
         this.msg.Conditon = this.tabCheck;
         if (this.applyDateList && this.applyDateList.length > 0) {
-          this.msg.QStartTime = this.applyDateList[0];
-          this.msg.QEndTime = this.applyDateList[1];
+          this.msg.StartTime = this.applyDateList[0];
+          this.msg.EndTime = this.applyDateList[1];
         } else {
-          this.msg.QStartTime = '';
-          this.msg.QEndTime = '';
+          this.msg.StartTime = '';
+          this.msg.EndTime = '';
         }
-        queryStudentBackClassPage(this.msg).then(res => {
+        GetEducationReceiptPage(this.msg).then(res => {
           this.loading = false;
           this.data = res.Data.PageData;
           this.pageCount = res.Data.PageCount;
@@ -290,6 +267,14 @@
         this.billObj = {};
         this.getStuBackBill();
       },
+      //获取下拉数据
+      getEducationType() {
+        GetEducationReceiptType().then(res => {
+          if (res.Code == 1) {
+            this.OrderTypeList = res.Data;
+          }
+        }).catch(() => {})
+      }
     },
     watch: {
       tabCheck: function (val) {