add demo

src/modules/finance/payment/components/Order.vue

+<template>
+  <app-card title="订单信息">
+    <table>
+      <tr>
+        <th>标题</th>
+        <td>{{title}}</td>
+      </tr>
+      <tr>
+        <th></th>
+        <td></td>
+      </tr>
+    </table>
+  </app-card>
+</template>
+
+<script>
+// 组件
+import AppCard from '@/components/base/AppCard.vue'
+export default {
+  components: { AppCard }
+}
+</script>
+
+<style></style>

src/modules/finance/payment/components/Student.vue

+<template>
+  <app-card title="学员信息"></app-card>
+</template>
+
+<script>
+// 组件
+import AppCard from '@/components/base/AppCard.vue'
+export default {
+  components: { AppCard }
+}
+</script>
+
+<style></style>

src/modules/finance/payment/views/List.vue

 <template>
   <app-card>
     <app-list v-bind="tableOptions" ref="list" @selection-change="handleSelectionChange">
+      <template #filter-date="{ params }">
+        <el-date-picker v-model="params.date"></el-date-picker>
+      </template>
       <template v-slot:table-x="{ row }">
         <router-link :to="{ name: 'paymentView', params: { id: row.id } }">
           <el-button type="text">查看</el-button>
@@ -32,6 +35,10 @@ export default {
         //   beforeRequest: this.beforeRequest
         // },
         filters: [
+          {
+            prop: 'date',
+            slots: 'filter-date'
+          },
           {
             type: 'select',
             prop: 'group_id',