新增页面

src/components/sale/backclass-form.vue

+<!--退课申请-->
+<template>
+  <q-dialog v-model="IsShowBackClassDialog" content-class="bg-grey-1" persistent transition-show="scale"
+    transition-hide="scale">
+    <q-card style="width: 400px;max-width:500px;">
+      <q-card-section>
+        <div class="text-h6">退课申请</div>
+      </q-card-section>
+
+      <q-separator />
+      <q-card-actions align="right" class="bg-white">
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeBackClassForm" />
+        <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important"
+          @click="saveOrderBackClass" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+<script>
+  import {
+    getOrderGuestPageList,
+  } from '../../api/sale/sale'
+  export default {
+    name: "backclass-form",
+    props: {
+      saveObj: {
+        type: Object,
+        default: null,
+      },
+    },
+    data() {
+      return {
+        IsShowBackClassDialog: true,
+        backClassMsg: {
+          OrderId: 0,
+          ClassId: 0,
+          pageIndex: 1,
+          pageSize: 1000,
+        },
+        studentList: [], //学员列表
+      }
+    },
+    created() {
+      this.backClassMsg.OrderId = this.saveObj.OrderId;
+      this.backClassMsg.ClassId = this.saveObj.ClassId;
+      this.getStudentList();
+    },
+    methods: {
+      //关闭弹窗
+      closeBackClassForm() {
+        this.IsShowBackClassDialog = false;
+        this.$emit('close');
+      },
+      //获取订单学员列表
+      getStudentList() {
+        this.studentList = [];
+        getOrderGuestPageList(this.backClassMsg).then(res => {
+          if (res.Code == 1) {
+            this.studentList = res.Data.PageData;
+            console.log("res", this.studentList);
+          }
+        })
+      },
+      //获取学员退课申请
+      saveOrderBackClass() {
+        // updateOrderRemark(this.OrderRemarkMsg).then(res => {
+        //   if (res.Code == 1) {
+        //     this.$q.notify({
+        //       icon: 'iconfont icon-chenggong',
+        //       color: 'accent',
+        //       timeout: 2000,
+        //       message: '修改成功！',
+        //       position: 'top'
+        //     })
+        //     //调用父页面成功方法
+        //     this.$emit('success');
+        //     this.IsShowBackClassDialog = false
+        //   }
+        // })
+      }
+    }
+  }
+
+</script>