From d5ec1da68e6cb0263392ff79ee9f6739a3fda470 Mon Sep 17 00:00:00 2001
From: PQZ <pangqingzhou@gmail.com>
Date: Tue, 25 Feb 2025 14:35:52 +0800
Subject: [PATCH] 1

---
 .../DriveSchoolPay/api/DriveSchoolPay.js      |  59 ---
 .../drivingSchool/DriveSchoolPay/api/index.js |  53 ++
 .../form/SchoolCourseOrderForm.vue            | 189 +++++++
 .../drivingSchool/DriveSchoolPay/index.vue    | 498 ++++--------------
 4 files changed, 344 insertions(+), 455 deletions(-)
 delete mode 100644 src/views/drivingSchool/DriveSchoolPay/api/DriveSchoolPay.js
 create mode 100644 src/views/drivingSchool/DriveSchoolPay/api/index.js
 create mode 100644 src/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderForm.vue

diff --git a/src/views/drivingSchool/DriveSchoolPay/api/DriveSchoolPay.js b/src/views/drivingSchool/DriveSchoolPay/api/DriveSchoolPay.js
deleted file mode 100644
index 0047ec3..0000000
--- a/src/views/drivingSchool/DriveSchoolPay/api/DriveSchoolPay.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import request from '@/utils/request'
-
-// 查询订单列表
-export function listPay(query) {
-  return request({
-    url: '/system/pay/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询订单详细
-export function getPay(id) {
-  return request({
-    url: '/system/pay/' + id,
-    method: 'get'
-  })
-}
-
-// 新增订单
-export function addPay(data) {
-  return request({
-    url: '/system/pay',
-    method: 'post',
-    data: data
-  })
-}
-
-// 修改订单
-export function updatePay(data) {
-  return request({
-    url: '/system/pay',
-    method: 'put',
-    data: data
-  })
-}
-
-// 删除订单
-export function delPay(id) {
-  return request({
-    url: '/system/pay/' + id,
-    method: 'delete'
-  })
-}
-
-export function findJlListAll(jlId) {
-  return request({
-    url: `/base/dl-drive-school-coach/list`,
-    method: 'get'
-  })
-}
-
-export function updatePayById(id, name, jlId) {
-  return request({
-    url: `/system/pay/updatePayById?id=${id}&name=${name}&jlId=${jlId}`,
-    method: 'get'
-  })
-}
-
diff --git a/src/views/drivingSchool/DriveSchoolPay/api/index.js b/src/views/drivingSchool/DriveSchoolPay/api/index.js
new file mode 100644
index 0000000..04dd6d7
--- /dev/null
+++ b/src/views/drivingSchool/DriveSchoolPay/api/index.js
@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 创建驾照报名订单
+export function createSchoolCourseOrder(data) {
+  return request({
+    url: '/drive/school-course-order/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新驾照报名订单
+export function updateSchoolCourseOrder(data) {
+  return request({
+    url: '/drive/school-course-order/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除驾照报名订单
+export function deleteSchoolCourseOrder(id) {
+  return request({
+    url: '/drive/school-course-order/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得驾照报名订单
+export function getSchoolCourseOrder(id) {
+  return request({
+    url: '/drive/school-course-order/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得驾照报名订单分页
+export function getSchoolCourseOrderPage(params) {
+  return request({
+    url: '/drive/school-course-order/page',
+    method: 'get',
+    params
+  })
+}
+// 导出驾照报名订单 Excel
+export function exportSchoolCourseOrderExcel(params) {
+  return request({
+    url: '/drive/school-course-order/export-excel',
+    method: 'get',
+    params,
+    responseType: 'blob'
+  })
+}
\ No newline at end of file
diff --git a/src/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderForm.vue b/src/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderForm.vue
new file mode 100644
index 0000000..a1efad6
--- /dev/null
+++ b/src/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderForm.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="app-container">
+    <!-- 对话框(添加 / 修改) -->
+    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="45%" v-dialogDrag append-to-body>
+      <el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="100px">
+                    <el-form-item label="订单号" prop="orderNo">
+                      <el-input v-model="formData.orderNo" placeholder="请输入订单号" />
+                    </el-form-item>
+                    <el-form-item label="用户姓名" prop="userName">
+                      <el-input v-model="formData.userName" placeholder="请输入用户姓名" />
+                    </el-form-item>
+                    <el-form-item label="用户手机号" prop="userPhone">
+                      <el-input v-model="formData.userPhone" placeholder="请输入用户手机号" />
+                    </el-form-item>
+                    <el-form-item label="用户身份证号" prop="userNo">
+                      <el-input v-model="formData.userNo" placeholder="请输入用户身份证号" />
+                    </el-form-item>
+                    <el-form-item label="用户性别" prop="userSex">
+                      <el-radio-group v-model="formData.userSex">
+                            <el-radio label="1">请选择字典生成</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="课程id" prop="courseId">
+                      <el-input v-model="formData.courseId" placeholder="请输入课程id" />
+                    </el-form-item>
+                    <el-form-item label="课程名字" prop="courseName">
+                      <el-input v-model="formData.courseName" placeholder="请输入课程名字" />
+                    </el-form-item>
+                    <el-form-item label="主负责教练ID" prop="coachUserId">
+                      <el-input v-model="formData.coachUserId" placeholder="请输入主负责教练ID" />
+                    </el-form-item>
+                    <el-form-item label="主负责教练姓名" prop="coachUserName">
+                      <el-input v-model="formData.coachUserName" placeholder="请输入主负责教练姓名" />
+                    </el-form-item>
+                    <el-form-item label="订金金额" prop="reserveMoney">
+                      <el-input v-model="formData.reserveMoney" placeholder="请输入订金金额" />
+                    </el-form-item>
+                    <el-form-item label="课程类型" prop="courseType">
+                      <el-select v-model="formData.courseType" placeholder="请选择课程类型">
+                            <el-option label="请选择字典生成" value="" />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否终止（0 未终止|1已终止）" prop="ifEnd">
+                      <el-radio-group v-model="formData.ifEnd">
+                            <el-radio label="1">请选择字典生成</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                    <el-form-item label="终止原因" prop="endReason">
+                      <el-input v-model="formData.endReason" placeholder="请输入终止原因" />
+                    </el-form-item>
+                    <el-form-item label="终止时间" prop="endTime">
+                      <el-date-picker clearable v-model="formData.endTime" type="date" value-format="timestamp" placeholder="选择终止时间" />
+                    </el-form-item>
+                    <el-form-item label="订单状态" prop="paymentStatus">
+                      <el-select v-model="formData.paymentStatus" placeholder="请选择订单状态">
+                            <el-option label="请选择字典生成" value="" />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="是否已面签 0：否 1： 是" prop="isSign">
+                      <el-select v-model="formData.isSign" placeholder="请选择是否已面签 0：否 1： 是">
+                            <el-option label="请选择字典生成" value="" />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="尾款" prop="restMoney">
+                      <el-input v-model="formData.restMoney" placeholder="请输入尾款" />
+                    </el-form-item>
+                    <el-form-item label="支付类型 1：定金 2：全款" prop="payType">
+                      <el-select v-model="formData.payType" placeholder="请选择支付类型 1：定金 2：全款">
+                            <el-option label="请选择字典生成" value="" />
+                      </el-select>
+                    </el-form-item>
+      </el-form>
+              <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import * as SchoolCourseOrderApi from '@/views/drivingSchool/DriveSchoolPay/api';
+      export default {
+    name: "SchoolCourseOrderForm",
+    components: {
+                    },
+    data() {
+      return {
+        // 弹出层标题
+        dialogTitle: "",
+        // 是否显示弹出层
+        dialogVisible: false,
+        // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+        formLoading: false,
+        // 表单参数
+        formData: {
+                            orderNo: undefined,
+                            userName: undefined,
+                            userPhone: undefined,
+                            userNo: undefined,
+                            userSex: undefined,
+                            courseId: undefined,
+                            courseName: undefined,
+                            coachUserId: undefined,
+                            coachUserName: undefined,
+                            reserveMoney: undefined,
+                            courseType: undefined,
+                            ifEnd: undefined,
+                            endReason: undefined,
+                            endTime: undefined,
+                            paymentStatus: undefined,
+                            isSign: undefined,
+                            restMoney: undefined,
+                            payType: undefined,
+        },
+        // 表单校验
+        formRules: {
+        },
+                        };
+    },
+    methods: {
+      /** 打开弹窗 */
+     async open(id) {
+        this.dialogVisible = true;
+        this.reset();
+        // 修改时，设置数据
+        if (id) {
+          this.formLoading = true;
+          try {
+            const res = await SchoolCourseOrderApi.getSchoolCourseOrder(id);
+            this.formData = res.data;
+            this.title = "修改驾照报名订单";
+          } finally {
+            this.formLoading = false;
+          }
+        }
+        this.title = "新增驾照报名订单";
+              },
+      /** 提交按钮 */
+      async submitForm() {
+        // 校验主表
+        await this.$refs["formRef"].validate();
+                  this.formLoading = true;
+        try {
+          const data = this.formData;
+                  // 修改的提交
+          if (data.id) {
+            await SchoolCourseOrderApi.updateSchoolCourseOrder(data);
+            this.$modal.msgSuccess("修改成功");
+            this.dialogVisible = false;
+            this.$emit('success');
+            return;
+          }
+          // 添加的提交
+          await SchoolCourseOrderApi.createSchoolCourseOrder(data);
+          this.$modal.msgSuccess("新增成功");
+          this.dialogVisible = false;
+          this.$emit('success');
+        } finally {
+          this.formLoading = false;
+        }
+      },
+                      /** 表单重置 */
+      reset() {
+        this.formData = {
+                            orderNo: undefined,
+                            userName: undefined,
+                            userPhone: undefined,
+                            userNo: undefined,
+                            userSex: undefined,
+                            courseId: undefined,
+                            courseName: undefined,
+                            coachUserId: undefined,
+                            coachUserName: undefined,
+                            reserveMoney: undefined,
+                            courseType: undefined,
+                            ifEnd: undefined,
+                            endReason: undefined,
+                            endTime: undefined,
+                            paymentStatus: undefined,
+                            isSign: undefined,
+                            restMoney: undefined,
+                            payType: undefined,
+        };
+        this.resetForm("formRef");
+      }
+    }
+  };
+</script>
diff --git a/src/views/drivingSchool/DriveSchoolPay/index.vue b/src/views/drivingSchool/DriveSchoolPay/index.vue
index ea84781..0bd6ae8 100644
--- a/src/views/drivingSchool/DriveSchoolPay/index.vue
+++ b/src/views/drivingSchool/DriveSchoolPay/index.vue
@@ -1,400 +1,138 @@
 <template>
   <div class="app-container">
+    <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="姓名" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入姓名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="订单号" prop="orderNo">
+        <el-input v-model="queryParams.orderNo" placeholder="请输入订单号" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="手机号" prop="phone">
-        <el-input
-          v-model="queryParams.phone"
-          placeholder="请输入手机号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="用户姓名" prop="userName">
+        <el-input v-model="queryParams.userName" placeholder="请输入用户姓名" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="身份证" prop="identity">
-        <el-input
-          v-model="queryParams.identity"
-          placeholder="请输入身份证"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="课程名字" prop="courseName">
+        <el-input v-model="queryParams.courseName" placeholder="请输入课程名字" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="状态" prop="state">
-        <el-select v-model="queryParams.state" placeholder="请选择状态" clearable>
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.Jx_report_state)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+      <el-form-item label="主负责教练姓名" prop="coachUserName">
+        <el-input v-model="queryParams.coachUserName" placeholder="请输入主负责教练姓名" clearable @keyup.enter.native="handleQuery"/>
+      </el-form-item>
+      <el-form-item label="是否已面签" prop="isSign">
+        <el-select v-model="queryParams.isSign" placeholder="请选择是否已面签" clearable size="small">
+          <el-option label="请选择字典生成" value="" />
         </el-select>
       </el-form-item>
-<!--      <el-form-item label="是否面签" prop="isSign">
-        <el-select v-model="queryParams.isSign" placeholder="请选择状态" clearable>
-          <el-option
-            v-for="dict in dict.type.sign_status"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>-->
-      <el-form-item label="支付方式" prop="startPay">
-        <el-input
-          v-model="queryParams.startPay"
-          placeholder=""
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker clearable
-                        v-model="queryParams.createTime"
-                        type="date"
-                        value-format="yyyy-MM-dd"
-                        placeholder="请选择创建时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="订单编号" prop="orderNumber">
-        <el-input
-          v-model="queryParams.orderNumber"
-          placeholder="请输入订单编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-<!--      <el-form-item label="是否下午" prop="afternoon">-->
-<!--        <el-input-->
-<!--          v-model="queryParams.afternoon"-->
-<!--          placeholder="请输入是否下午"-->
-<!--          clearable-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        />-->
-<!--      </el-form-item>-->
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
+    <!-- 操作工具栏 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['system:pay:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="openForm(undefined)">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['system:pay:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['system:pay:remove']"
-        >删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:pay:export']"
-        >导出</el-button>
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="payList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="姓名" align="center" prop="name" />
-      <el-table-column label="手机号" align="center" prop="phone" />
-      <el-table-column label="身份证" align="center" prop="identity" width="200"/>
-      <el-table-column label="状态" align="center" prop="state">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="订单号" align="center" prop="orderNo" />
+      <el-table-column label="用户姓名" align="center" prop="userName" />
+      <el-table-column label="用户手机号" align="center" prop="userPhone" />
+      <el-table-column label="用户身份证号" align="center" prop="userNo" />
+      <el-table-column label="用户性别" align="center" prop="userSex" />
+      <el-table-column label="课程名字" align="center" prop="courseName" />
+      <el-table-column label="主负责教练姓名" align="center" prop="coachUserName" />
+      <el-table-column label="订金金额" align="center" prop="reserveMoney" />
+      <el-table-column label="课程类型" align="center" prop="courseType" />
+      <el-table-column label="是否终止" align="center" prop="ifEnd" />
+      <el-table-column label="终止原因" align="center" prop="endReason" />
+      <el-table-column label="终止时间" align="center" prop="endTime" width="180">
+        <template v-slot="scope">
+          <span>{{ parseTime(scope.row.endTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="订单状态" align="center" prop="paymentStatus" />
+      <el-table-column label="是否已面签" align="center" prop="isSign">
         <template slot-scope="scope">
-          <dict-tag :type="DICT_TYPE.Jx_report_state" :value="scope.row.state"/>
+          <el-tag v-if="scope.row.isSign == 1" type="success">是</el-tag>
+          <el-tag v-if="scope.row.isSign == 0" type="danger">否</el-tag>
         </template>
       </el-table-column>
-<!--      <el-table-column label="是否面签" align="center" prop="isSign">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.sign_status" :value="scope.row.isSign"/>
-        </template>
-      </el-table-column>-->
-<!--      <el-table-column label="支付方式" align="center" prop="startPay" >-->
-      <el-table-column label="支付方式" align="center"  >
-        <template #default="data">
-          <div v-if="data.row.startPay === 1">微信支付</div>
-          <div v-else>线下支付</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="金额" align="center" prop="money" />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="订单编号" align="center" prop="orderNumber" />
-      <el-table-column label="教练" align="center"  >
-        <template #default="data">
-          <el-button @click="changeJlClick(data.row.jxId, data.row.id)" size="mini" v-if="!data.row.jlName" type="primary">分配教练</el-button>
-          <div style="color: #00afff" @click="changeJlClick(data.row.jxId, data.row.id)" v-else>{{data.row.jlName}}</div>
-        </template>
-      </el-table-column>
-<!--      <el-table-column label="是否下午" align="center" prop="afternoon" />-->
+      <el-table-column label="尾款" align="center" prop="restMoney" />
+      <el-table-column label="支付类型" align="center" prop="payType" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template #default="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-          >删除</el-button>
+        <template v-slot="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="openForm(scope.row.id)">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- 添加或修改订单对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入姓名" />
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="form.phone" placeholder="请输入手机号" />
-        </el-form-item>
-        <el-form-item label="身份证" prop="identity">
-          <el-input v-model="form.identity" placeholder="请输入身份证" />
-        </el-form-item>
-        <el-form-item label="状态" prop="state">
-          <el-radio-group v-model="form.state">
-            <el-radio
-              v-for="dict in this.getDictDatas(DICT_TYPE.Jx_report_state)"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
-          </el-radio-group>
-        </el-form-item>
-<!--        <el-form-item label="是否已面签" prop="state">
-          <el-radio-group v-model="form.isSign">
-            <el-radio
-              v-for="dict in dict.type.sign_status"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
-          </el-radio-group>
-        </el-form-item>-->
-        <el-form-item label="支付方式" prop="startPay">
-         <div v-if="form.startPay == 1">微信支付</div>
-         <div v-else>线下支付</div>
-        </el-form-item>
-        <el-form-item label="金额" prop="money">
-          <el-input v-model="form.money" placeholder="请输入金额" />
-        </el-form-item>
-        <el-form-item label="订单编号" prop="orderNumber">
-          <el-input v-model="form.orderNumber" placeholder="请输入订单编号" />
-        </el-form-item>
-<!--        <el-form-item label="是否下午" prop="afternoon">-->
-<!--          <el-input v-model="form.afternoon" placeholder="请输入是否下午" />-->
-<!--        </el-form-item>-->
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-
-    <!--  修改教练 -->
-    <el-dialog
-      :visible.sync="isJl"
-      width="30%"
-      >
-
-
-      <el-table v-loading="loading" :data="jlListAll" @selection-change="handleSelectionChange">
-
-        <el-table-column label="教练姓名" align="center" prop="name" />
-        <el-table-column label="手机号" align="center" prop="phone" />
-
-        <el-table-column label="操作"  align="center" class-name="small-padding fixed-width">
-          <template #default="scope">
-            <el-button
-              size="mini"
-              type="text"
-              icon="el-icon-edit"
-              @click="okJlClick(scope.row.name, scope.row.userId)"
-            >选择</el-button>
-
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <span slot="footer" class="dialog-footer">
-    <el-button @click="exitJlClick()">取 消</el-button>
-  </span>
-    </el-dialog>
-
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+    <!-- 对话框(添加 / 修改) -->
+    <SchoolCourseOrderForm ref="formRef" @success="getList" />
   </div>
 </template>
 
 <script>
-// import { listPay, getPay, delPay, addPay, updatePay } from "@/api/system/pay";
-import { listPay, getPay, delPay, addPay, updatePay, findJlListAll, updatePayById } from "./api/DriveSchoolPay";
-
+import * as SchoolCourseOrderApi from '@/views/drivingSchool/DriveSchoolPay/api';
+import SchoolCourseOrderForm from '@/views/drivingSchool/DriveSchoolPay/form/SchoolCourseOrderForm.vue';
 export default {
-  name: "Pay",
+  name: "SchoolCourseOrder",
+  components: {
+    SchoolCourseOrderForm,
+  },
   data() {
     return {
-      isJl: false,
-
-      jlListAll: [],
-
-      bmId: null,
-
       // 遮罩层
       loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
+      // 导出遮罩层
+      exportLoading: false,
       // 显示搜索条件
       showSearch: true,
       // 总条数
       total: 0,
-      // 订单表格数据
-      payList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
+      // 驾照报名订单列表
+      list: [],
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 重新渲染表格状态
+      refreshTable: true,
+      // 选中行
+      currentRow: {},
       // 查询参数
       queryParams: {
-        pageNum: 1,
+        pageNo: 1,
         pageSize: 10,
-        name: null,
-        phone: null,
-        identity: null,
-        state: null,
-        startPay: null,
-        createTime: null,
-        orderNumber: null,
-        afternoon: null
+        orderNo: null,
+        userName: null,
+        courseName: null,
+        coachUserName: null,
+        isSign: null,
       },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        name: [
-          { required: true, message: "姓名不能为空", trigger: "blur" }
-        ],
-        phone: [
-          { required: true, message: "手机号不能为空", trigger: "blur" }
-        ],
-        state: [
-          { required: true, message: "状态不能为空", trigger: "change" }
-        ],
-      }
     };
   },
   created() {
     this.getList();
   },
   methods: {
-    exitJlClick() {
-      this.isJl = false
-    },
-    async okJlClick(name, id) {
-      await updatePayById(this.bmId, name, id)
-      this.isJl = false
-
-      listPay(this.queryParams).then(response => {
-        this.payList = response.data.records ;
-        this.total = response.data.total;
+    /** 查询列表 */
+    async getList() {
+      try {
+        this.loading = true;
+        const res = await SchoolCourseOrderApi.getSchoolCourseOrderPage(this.queryParams);
+        this.list = res.data.records;
+        this.total = res.data.total;
+      } finally {
         this.loading = false;
-      });
-
-    },
-    async changeJlClick(jlId, bmId) {
-      this.isJl = true
-      let res = await findJlListAll(jlId);
-      this.jlListAll = res.data
-      this.bmId = bmId
-    },
-    /** 查询订单列表 */
-    getList() {
-      this.loading = true;
-      listPay(this.queryParams).then(response => {
-        this.payList = response.data.records;
-        this.total = response.data.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        name: null,
-        phone: null,
-        identity: null,
-        state: null,
-        userId: null,
-        jlId: null,
-        jxId: null,
-        courseId: null,
-        startPay: null,
-        createTime: null,
-        orderNumber: null,
-        afternoon: null
-      };
-      this.resetForm("form");
+      }
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
+      this.queryParams.pageNo = 1;
       this.getList();
     },
     /** 重置按钮操作 */
@@ -402,64 +140,32 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加订单";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getPay(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改订单";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id != null) {
-            updatePay(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addPay(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
+    /** 添加/修改操作 */
+    openForm(id) {
+      this.$refs["formRef"].open(id);
     },
     /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除订单编号为"' + ids + '"的数据项？').then(function() {
-        return delPay(ids);
-      }).then(() => {
-        this.getList();
+    async handleDelete(row) {
+      const id = row.id;
+      await this.$modal.confirm('是否确认删除驾照报名订单编号为"' + id + '"的数据项?')
+      try {
+        await SchoolCourseOrderApi.deleteSchoolCourseOrder(id);
+        await this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      } catch {}
     },
     /** 导出按钮操作 */
-    handleExport() {
-      this.download('system/pay/export', {
-        ...this.queryParams
-      }, `pay_${new Date().getTime()}.xlsx`)
-    }
+    async handleExport() {
+      await this.$modal.confirm('是否确认导出所有驾照报名订单数据项?');
+      try {
+        this.exportLoading = true;
+        const data = await SchoolCourseOrderApi.exportSchoolCourseOrderExcel(this.queryParams);
+        this.$download.excel(data, '驾照报名订单.xls');
+      } catch {
+      } finally {
+        this.exportLoading = false;
+      }
+    },
   }
 };
 </script>