261024

src/views/booking/finance/index.vue

@@ -3,91 +3,118 @@
     <div class="ele-body">
       <a-card :bordered="false" :body-style="{ padding: '16px' }">
         <a-space style="margin-bottom: 1rem">
-          <a-button @click="changeType(0)" :type="type === 0 ? 'primary' : ''">收款汇总表</a-button>
-          <a-button @click="changeType(1)" :type="type === 1 ? 'primary' : ''">收入日报表及汇总表</a-button>
+          <a-button @click="changeType(0)" :type="type === 0 ? 'primary' : ''">
+            收款汇总表
+          </a-button>
+          <a-button @click="changeType(1)" :type="type === 1 ? 'primary' : ''">
+            收入日报表及汇总表
+          </a-button>
+          <a-button @click="changeType(2)" :type="type === 2 ? 'primary' : ''">
+            培训业务报表
+          </a-button>
         </a-space>
         <a-spin :spinning="loading">
-          <search
-            @search="searchData"
-            @reload="reload"
+          <search @search="searchData" @reload="reload" :type="type" />
+          <a-table
+            v-if="type === 0"
+            :scroll="{ y: tableHeight }"
+            :data-source="incomeList"
+            :columns="columns"
+            :pagination="false"
           />
-          <a-table v-if="type === 0"
-                   :scroll="{ y: tableHeight }"
-                   :data-source="list"
-                   :columns="columns"
-                   :pagination="false"
-          />
-          <a-table v-else
-                   :scroll="{ y: tableHeight }"
-                   :data-source="list"
-                   :columns="columns1"
-                   :pagination="false"
+          <a-table
+            v-else-if="type === 1"
+            :scroll="{ y: tableHeight }"
+            :data-source="cardList"
+            :columns="columns1"
+            :pagination="false"
           />
+          <training-business-report v-else :sections="trainingSections" />
         </a-spin>
       </a-card>
     </div>
-    <OrderList v-model:visible="showList" v-if="showList" :pay-type="payTypeList" :sid="sid"
-               :showType="showType" :showCardType="showCardType" :type="type" :isPayTime="type === 0"
-               :create-time-start="createTimeStart" :wechat-order="wechatOrder"
-               :create-time-end="createTimeEnd" />
+    <OrderList
+      v-model:visible="showList"
+      v-if="showList"
+      :pay-type="payTypeList"
+      :sid="sid"
+      :showType="showType"
+      :showCardType="showCardType"
+      :type="type"
+      :isPayTime="type === 0"
+      :create-time-start="createTimeStart"
+      :wechat-order="wechatOrder"
+      :create-time-end="createTimeEnd"
+    />
   </div>
 </template>
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import type {
-  ColumnItem
-} from "ele-admin-pro/es/ele-pro-table/types";
+import type { ColumnItem } from "ele-admin-pro/es/ele-pro-table/types";
 import Search from "./components/search.vue";
+import TrainingBusinessReport from "./components/trainingBusinessReport.vue";
 import {
-  getThinkOrderExcelData, getThinkOrderExcelDataForCard
+  getThinkOrderExcelData,
+  getThinkOrderExcelDataForCard,
+  getThinkOrderTrainingBusinessData
 } from "@/api/think/thinkOrder";
 import type {
-  ThinkOrderParam
+  ThinkOrderParam,
+  ThinkTrainingBusinessSection
 } from "@/api/think/thinkOrder/model";
 import OrderList from "./components/OrderList.vue";
 import dayjs from "dayjs";
 
-// 加载状态
 const loading = ref(true);
 const showType = ref(false);
 const showCardType = ref(false);
-
 const type = ref<number>(0);
-const changeType = (val) => {
-  type.value = val;
-  getList();
-};
-
 const tableHeight = document.body.clientHeight - 330;
-console.log(tableHeight);
 
 const createTimeStart = ref();
 const createTimeEnd = ref();
-const list = ref<any[]>([]);
+const incomeList = ref<any[]>([]);
+const cardList = ref<any[]>([]);
+const trainingSections = ref<ThinkTrainingBusinessSection[]>([]);
+
+const sid = ref<number>(0);
+const wechatOrder = ref<string>("");
+const payTypeList = ref<number[]>([]);
+const showList = ref(false);
+
 const getList = async () => {
   loading.value = true;
-  list.value = [];
+  incomeList.value = [];
+  cardList.value = [];
+  trainingSections.value = [];
+  const params = {
+    createTimeStart: createTimeStart.value
+      ? dayjs(createTimeStart.value).unix()
+      : undefined,
+    createTimeEnd: createTimeEnd.value
+      ? dayjs(createTimeEnd.value).unix()
+      : undefined
+  };
   if (type.value === 0) {
-    list.value = await getThinkOrderExcelData({
-      createTimeStart: createTimeStart.value ? dayjs(createTimeStart.value).unix() : undefined,
-      createTimeEnd: createTimeEnd.value ? dayjs(createTimeEnd.value).unix() : undefined
-    });
+    incomeList.value = await getThinkOrderExcelData(params);
+  } else if (type.value === 1) {
+    cardList.value = await getThinkOrderExcelDataForCard(params);
   } else {
-    list.value = await getThinkOrderExcelDataForCard({
-      createTimeStart: createTimeStart.value ? dayjs(createTimeStart.value).unix() : undefined,
-      createTimeEnd: createTimeEnd.value ? dayjs(createTimeEnd.value).unix() : undefined
-    });
+    trainingSections.value = await getThinkOrderTrainingBusinessData(params);
   }
   loading.value = false;
 };
 
+const changeType = (val: number) => {
+  type.value = val;
+  getList();
+};
+
 createTimeStart.value = dayjs().format("YYYY-MM-DD");
 createTimeEnd.value = dayjs().format("YYYY-MM-DD 23:59:59");
 getList();
 
-const sid = ref<number>(0);
-const wechatOrder = ref<string>("");
 const columns1 = ref<ColumnItem[]>([
   {
     title: "场馆名称",
@@ -166,7 +193,6 @@ const columns1 = ref<ColumnItem[]>([
         customCell: (row) => {
           return {
             onClick: () => {
-              console.log(row);
               sid.value = row.sid;
               wechatOrder.value = "";
               payTypeList.value = [2, 3, 12, 15];
@@ -185,7 +211,6 @@ const columns1 = ref<ColumnItem[]>([
   }
 ]);
 
-// 表格列配置
 const columns = ref<ColumnItem[]>([
   {
     title: "场馆名称",
@@ -307,11 +332,9 @@ const columns = ref<ColumnItem[]>([
   }
 ]);
 
-/* 搜索 */
 const searchData = (param: ThinkOrderParam) => {
   createTimeStart.value = param.createTimeStart;
   createTimeEnd.value = param.createTimeEnd;
-  console.log(createTimeEnd.value);
   getList();
 };
 
@@ -320,11 +343,6 @@ const reload = () => {
   createTimeEnd.value = dayjs().format("YYYY-MM-DD");
   getList();
 };
-
-const payTypeList = ref<number[]>([]);
-const showList = ref(false);
-
-
 </script>
 
 <script lang="ts">
@@ -335,6 +353,7 @@ export default {
   components: MenuIcons
 };
 </script>
+
 <style lang="less" scoped>
 .tag-icon {
   padding-right: 6px;