1. 新增对账单

src/api/financeMr/StatementsNew.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request';
+
+/**
+ * 查询对账单记录列表
+ * @query [ pageNum: 分页对象的起始页码; pageSize: 分页对象的每页显示条目个数; beginTime: 开始时间; endTime: 结束时间; sortField: 排序字段; sortOrder: 排序方式; ]
+ */
+export function listStatements(query) {
+  return request({
+    url: '/order/orderBill/newDetailPageList',
+    method: 'get',
+    params: query
+  });
+}
+
+/**
+ * 导出对账单记录
+ * @query [ beginTime: 开始时间; endTime: 结束时间; sortField: 排序字段; sortOrder: 排序方式; ]
+ */
+export function exportStatements(query) {
+  return request({
+    url: '/order/orderBill/exportNewDetailPageList',
+    method: 'get',
+    responseType: 'blob',
+    params: query
+  });
+}

src/api/financeMr/quickReconciliation.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request';
+
+/**
+ * 查询对账单记录列表
+ * @query [ pageNum: 分页对象的起始页码; pageSize: 分页对象的每页显示条目个数; beginTime: 开始时间; endTime: 结束时间; sortField: 排序字段; sortOrder: 排序方式; ]
+ */
+export function listStatements(query) {
+  return request({
+    url: '/order/orderBill/newPageList',
+    method: 'get',
+    params: query
+  });
+}
+
+/**
+ * 导出对账单记录
+ * @query [ beginTime: 开始时间; endTime: 结束时间; sortField: 排序字段; sortOrder: 排序方式; ]
+ */
+export function exportStatements(query) {
+  return request({
+    url: '/order/orderBill/exportNewPageList',
+    method: 'get',
+    responseType: 'blob',
+    params: query
+  });
+}

src/views/finance/Statements/StatementsIndexNew.vue

@@ -0,0 +1,533 @@
+<!--
+ * @Description: 财务管理 => 对账单
+ * @Author: Rockery
+ * @Date: 2021-07-28 15:14:06
+ * @LastEditors: gcz
+ * @LastEditTime: 2024-08-01 16:53:36
+ * @FilePath: \great_webui\src\views\finance\Statements\StatementsIndex.vue
+ * @Copyright: Copyright (c) 2016~2021 Rockery(1113269755@qq.com)
+-->
+
+<template>
+  <div class="app-container app-container-scheduling">
+    <div class="app-container-queryform" v-show="showSearch">
+      <!-- 页面查询表单 Start -->
+      <el-form :model="queryParams" ref="queryForm" :rules="rules" :inline="true" label-width="68px">
+        <el-form-item label="订单号" prop="orderNo" v-if="queryShow.orderNo">
+          <el-input
+            v-model="queryParams.orderNo"
+            placeholder="请输入订单号"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+          <span @click="clearQuery('orderNo')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="支付单号" prop="trackId" v-if="queryShow.trackId">
+          <el-input
+            v-model="queryParams.trackId"
+            placeholder="请输入支付单号"
+            clearable
+            size="small"
+            @keyup.enter.native="handleQuery"
+          />
+          <span @click="clearQuery('trackId')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="购票渠道" prop="source" v-if="queryShow.source">
+          <el-select v-model="queryParams.source" placeholder="请选择购票渠道" clearable>
+            <el-option
+              v-for="dict in dict.type.order_form_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <span @click="clearQuery('source')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="支付方式" prop="payWay" v-if="queryShow.payWay">
+          <el-select v-model="queryParams.payWay" placeholder="请选择支付方式" clearable>
+            <el-option
+              v-for="dict in dict.type.pay_way_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <span @click="clearQuery('payWay')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="交易类型" prop="payType" v-if="queryShow.payType">
+          <el-select v-model="queryParams.payType" placeholder="请选择交易类型" clearable>
+            <el-option
+              v-for="dict in dict.type.transaction_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+          <span @click="clearQuery('payType')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="交易时间" v-if="queryShow.dateRange">
+          <el-date-picker
+            v-model="queryParams.dateRange"
+            size="small"
+            style="width: 240px"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetimerange"
+            range-separator="-"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          ></el-date-picker>
+          <span @click="clearQuery('dateRange')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item v-if="queryShow.performDate" label="场次时间" label-width="80px">
+          <el-date-picker
+            style="width: 250px;"
+            v-model="queryParams.performDate"
+            @change="pagePerformTimeListFun"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期">
+          </el-date-picker>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item label="场次" label-width="60px" v-if="!multiPerformDate && queryShow.performDate">
+          <el-select
+            v-model="queryParams.performTimeId"
+            placeholder="场次"
+            clearable
+            style="width: 100%"
+          >
+            <el-option
+              v-for="dict in pagePerformTimeList"
+              :key="dict.id"
+              :label="dict.timeSnapshot+'('+dict.performTimeStart+'-'+dict.performTimeEnd+')'"
+              :value="dict.id"
+            />
+          </el-select>
+          <span @click="clearQuery('performDate')" class="query_clear"><i class="el-icon-circle-close"></i></span>
+        </el-form-item>
+        <el-form-item>
+          <el-dropdown @command="openQuery">
+            <el-button size="mini" type="primary" icon="el-icon-plus"></el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="orderNo">订单号</el-dropdown-item>
+              <el-dropdown-item command="trackId">支付单号</el-dropdown-item>
+              <el-dropdown-item command="source">购票渠道</el-dropdown-item>
+              <el-dropdown-item command="payWay">支付方式</el-dropdown-item>
+              <el-dropdown-item command="payType">交易类型</el-dropdown-item>
+              <el-dropdown-item command="dateRange">交易时间</el-dropdown-item>
+              <el-dropdown-item command="performDate">场次时间/场次</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            style="margin-left: 10px;"
+            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-form-item>
+      </el-form>
+      <!-- 页面查询表单 End -->
+    </div>
+
+    <div class="app-container-main" :class="showSearch ? 'mt15' : ''">
+      <!-- 页面批量操作按钮 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            v-hasPermi="['financeMr:statements:StatementsIndexNew:download']"
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            :disabled="tableDataList.length < 1"
+            @click="handleExport"
+            v-loading.fullscreen.lock="handleExportLoading"
+            element-loading-text="正在拼命生成数据中..."
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.5)"
+            >导出</el-button>
+        </el-col>
+
+        <right-toolbar :showSearch.sync="showSearch" @queryTable="initData"></right-toolbar>
+      </el-row>
+
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <!-- 页面表格数据区域 Start -->
+          <el-table
+            v-loading="loading"
+            ref="statementsTableRef"
+            :data="tableDataList"
+            border
+            row-key="orderNo"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+            class="cust-table"
+          >
+            <el-table-column label="业务订单号" align="center" width="200">
+              <template slot-scope="scope">
+                <div style="display: inline-block">{{ scope.row.id }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column label="支付单号" align="center" width="200" prop="paymentId" />
+            <el-table-column label="银联单号" align="center" width="200" prop="trackId" />
+            <el-table-column label="演出日期" align="center" width="200" prop="performDate" />
+            <el-table-column label="演出时段" align="center" width="200" prop="performTime" />
+            <el-table-column label="下单人数(个)" align="center" width="200" prop="viewersCount" />
+            <el-table-column label="交易总额(元)" align="center" width="200" prop="orderPrice" />
+            <el-table-column label="核销金额(元)" align="center" width="200" prop="usePriceTotal" />
+            <el-table-column label="应到账金额(元)" align="center" width="200" prop="realPrice" />
+            <el-table-column label="分销金额(元)" align="center" width="200" prop="retailPriceTotal" />
+            <el-table-column label="费率(%)" align="center" width="200" prop="withdrawRate" />
+            <el-table-column label="手续费(元)" align="center" width="200" prop="proceMoney" />
+            <el-table-column label="支付时间" align="center" width="200" prop="payTime" />
+            <el-table-column label="支付渠道" align="center" width="200" prop="payWay">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.pay_way_type" :value="scope.row.payWay"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="提现状态" align="center" width="200" prop="orderWithdrawStatus">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.order_withdraw_status" :value="scope.row.orderWithdrawStatus"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="提现金额(元)" align="center" width="200" prop="orderWithdrawRealPrice" />
+            <el-table-column label="提现账户" align="center" width="200" prop="orderWithdrawAccount" />
+            <el-table-column label="分销状态" align="center" width="200" prop="personWithdrawStatus">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.person_withdraw_status" :value="scope.row.personWithdrawStatus"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="分销税率(%)" align="center" width="200" prop="personWithdrawRealPrice" />
+            <el-table-column label="分销金额(%)" align="center" width="200" prop="personRetailRate" />
+            <el-table-column label="分销账户(%)" align="center" width="200" prop="personUnionMid" />
+          </el-table>
+          <!-- 页面表格数据区域 End -->
+        </el-col>
+        <el-col v-show="total > 0" :span="24" class="mb20">
+          <!-- 页面分页控件 -->
+          <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="initData"
+          />
+        </el-col>
+      </el-row>
+    </div>
+      <!-- 详情 -->
+      <details-dia ref="detailsDia" @getList="getList"></details-dia>
+  </div>
+</template>
+
+<script>
+import { listStatements, exportStatements, queryStatementsBillTotal } from '@/api/financeMr/StatementsNew';
+// import { indoorParkList } from '@/api/ParkingPointMgr/IndoorMgr';
+import { exportExcel } from '@/utils/exportexcel';
+import detailsDia from "../../order/orderMr/dialog/details";
+import { pagePerformTimeList } from "@/api/schedulingMr/schedulingMr"
+
+export default {
+  name: 'Statements',
+  components: {
+    detailsDia,
+    'parkingrecord-pagination-select': () => import('@/components/CustPaginationSelect') // 支持分页搜索功能的[el-select]下拉框
+  },
+  dicts: ['order_form_type', 'pay_way_type','transaction_type','order_withdraw_status','person_withdraw_status'],
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 购票渠道格式化
+      sourceOptions: [],
+      // 支付渠道格式化
+      payWayOptions: [],
+      // 交易类型格式化
+      tranTypeOptions: [],
+      // 交易日期范围
+      dateRange: [],
+      rules: {},
+      exportType: 1,
+      // 总条数
+      total: 0,
+      // 表格数据
+      tableDataList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        orderNo: undefined,
+        trackId: undefined,
+        payWay: undefined,
+        payType: undefined,
+        source: undefined,
+        performTimeId: undefined,
+        performDate: [],
+        dateRange: [],
+      },
+      queryShow: {
+        orderNo: true,
+        trackId: true,
+        source: true,
+        payWay: true,
+        payType: false,
+        dateRange: false,
+        performDate: false,
+      },
+      oweTotalObj: {},
+      // 导出数据状态
+      handleExportLoading: false,
+      summary:'',
+      otherSummary:[],
+      pagePerformTimeList: [],
+      multiPerformDate: false,
+    };
+  },
+  async created() {
+    let params = this.$route.query
+    console.log(this.$route)
+    if(params && JSON.stringify(params) != '{}') {
+      this.$set(this.queryParams,'performDate',params.performDate?[params.performDate,params.performDate]:[])
+      if(params.performDate) {
+        await this.pagePerformTimeListFun([params.performDate,params.performDate])
+      }
+      this.$set(this.queryParams,'performTimeId',params.performTimeId)
+      this.$set(this.queryShow,'performDate',true)
+    }
+    this.initData();
+  },
+  methods: {
+    /** 初始化数据 */
+    async initData() {
+      this.loading = true;
+      // this.getRevenueReportOwetotal();
+      this.getList();
+    },
+    /** 查询列表信息 */
+    getList() {
+      this.loading = true;
+      listStatements(this.formatDateRange(this.queryParams, this.dateRange))
+        .then((response) => {
+          this.tableDataList = response?.data?.rows|| [];
+          this.total = response?.data?.total ?? 0;
+          this.loading = false;
+        })
+        .catch(() => {
+          this.tableDataList = [];
+          this.total = 0;
+          this.loading = false;
+        });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.$refs?.['queryForm']?.validate?.((valid) => {
+        if (valid) {
+          this.loading = true;
+          this.$refs.statementsTableRef?.clearSort?.();
+          this.queryParams = {
+            ...this.queryParams,
+            pageNum: 1,
+            sortField: undefined,
+            sortOrder: undefined,
+            payBeginTime: undefined,
+            payEndTime: undefined
+          };
+
+          // 初始化表格数据
+          this.tableDataList = [];
+          this.total = 0;
+
+          this.$nextTick(() => {
+            // 重新加载表格数据
+            this.initData();
+          });
+        }
+      });
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.queryParams = {}
+      this.queryParams.pageNum = 1
+      this.queryParams.pageSize = 10
+      this.handleQuery();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.$confirm(`确定要导出对账明细的数据吗？`, '提示', {
+        confirmButtonText: '确定 ',
+        cancelButtonText: '取消 ',
+        type: 'warning'
+      })
+        .then(() => {
+          // 开启导出遮护罩
+          this.handleExportLoading = true;
+
+          // 排除不需要的属性
+          let { pageNum, pageSize, ...otherObj } = this.formatDateRange(this.queryParams, this.dateRange);
+          let handleExportReq = { ...otherObj, exportType: this.exportType };
+          // 发送导出请求
+          exportStatements(handleExportReq)
+            .then((response) => {
+              exportExcel(response, '对账明细_'+moment().format('yyyy_MM_DD'), '.xlsx');
+
+              // 关闭导出遮护罩
+              this.handleExportLoading = false;
+            })
+            .catch(() => {
+              this.$message.error('导出异常！');
+              // 关闭导出遮护罩
+              this.handleExportLoading = false;
+            });
+        })
+        .catch(() => {
+          this.$message.info('您已取消导出！');
+          // 关闭导出遮护罩
+          this.handleExportLoading = false;
+        });
+    },
+    /**
+     * 格式参数数据
+     */
+    formatDateRange(params) {
+      var search = JSON.parse(JSON.stringify(params));
+      if (search.dateRange && search.dateRange.length>0) {
+        search['payBeginTime'] = search.dateRange[0];
+        search['payEndTime'] = search.dateRange[1];
+      } else {
+        search['payBeginTime'] = undefined;
+        search['payEndTime'] = undefined;
+      }
+      if (search.performDate && search.performDate.length>0 && !search.performTimeId) {
+        search['performStartDate'] = search.performDate[0];
+        search['performEndDate'] = search.performDate[1];
+      } else {
+        search['performStartDate'] = undefined;
+        search['performEndDate'] = undefined;
+      }
+      delete search.performDate
+      delete search.dateRange
+      return search;
+    },
+    /**
+     * 当表格的排序条件发生变化的时候会触发该事件
+     */
+    handleSortChang({ column, prop, order }) {
+      this.loading = true;
+      this.queryParams = {
+        ...this.queryParams,
+        pageNum: 1,
+        sortField: prop,
+        sortOrder: order == 'descending' ? 'desc' : 'asc'
+      };
+      this.initData();
+    },
+    clearQuery(key) {
+      this.$set(this.queryShow,key,false)
+      this.$set(this.queryParams,key,'')
+      if(key == 'performDate') {
+        this.$set(this.queryParams,'performTimeId','')
+      }
+    },
+    openQuery(key) {
+      this.$set(this.queryShow,key,true)
+    },
+    async pagePerformTimeListFun(value) {
+      // console.log('value',value);
+      try {
+        this.pagePerformTimeList = []
+        this.$set(this.queryParams,'performTimeId',null)
+        if(!value){
+          return
+        }
+        if(value.length==2&&value[0]==value[1]){
+          this.multiPerformDate = false
+        }else{
+          this.multiPerformDate = true
+          return
+        }
+        let { data,code } = await pagePerformTimeList({
+          performDate: value[0],
+          pageNum: 1,
+          pageSize: 999
+        })
+        this.pagePerformTimeList = [].concat(data.rows)
+      } catch (error) {
+        
+      }
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep {
+  .pagination-container {
+    text-align: center;
+
+    .el-pagination {
+      position: initial;
+    }
+  }
+}
+
+.cust-table {
+  .statements-column-orderNo {
+    color: #337ab7;
+    text-decoration: none;
+    cursor: pointer;
+
+    &:hover {
+      color: #409eff;
+      text-decoration: underline;
+    }
+  }
+}
+.statements-total{
+  .til{
+    font-weight: bold;
+    margin-bottom: 2px;
+    margin-top: 10px;
+  }
+  .summary{
+    ::v-deep span{
+      color: blue;
+    }
+  }
+  .other-summary{
+    ::v-deep span{
+      color: #f5bb00;
+    }
+  }
+}
+
+.app-container-scheduling ::v-deep .el-select__tags {
+    flex-wrap: inherit !important;
+    overflow-x: auto !important;
+}
+.app-container-scheduling ::v-deep .el-form-item__content {
+  position: relative;
+}
+.app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+  position: absolute;
+  top: -15px;
+  right: -10px;
+  display: none;
+  cursor: pointer;
+  z-index: 99;
+}
+.app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+  display: block;
+}
+</style>

src/views/finance/Statements/quickReconciliation.vue

@@ -0,0 +1,314 @@
+<!--
+ * @Description: 财务管理 => 快捷对账单
+ * @Author: Rockery
+ * @Date: 2024-11-14 09:44:00
+ * @LastEditors: ygh
+ * @LastEditTime: 2024-11-14 09:44:00
+-->
+
+<template>
+    <div class="app-container app-container-scheduling">
+      <div class="app-container-queryform" v-show="showSearch">
+        <!-- 页面查询表单 Start -->
+        <el-form :model="queryParams" ref="queryForm" :rules="rules" :inline="true" label-width="68px">
+            <el-form-item label="演出日期" label-width="80px">
+            <el-date-picker
+                style="width: 250px;"
+                v-model="queryParams.performDate"
+                type="daterange"
+                :clearable="false"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+            </el-date-picker>
+            </el-form-item>
+          <el-form-item>
+            <el-button
+              style="margin-left: 10px;"
+              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-form-item>
+        </el-form>
+        <!-- 页面查询表单 End -->
+      </div>
+  
+      <div class="app-container-main" :class="showSearch ? 'mt15' : ''">
+        <!-- 页面批量操作按钮 -->
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button
+              v-hasPermi="['financeMr:statements:export']"
+              type="warning"
+              plain
+              icon="el-icon-download"
+              size="mini"
+              :disabled="tableDataList.length < 1"
+              @click="handleExport"
+              v-loading.fullscreen.lock="handleExportLoading"
+              element-loading-text="正在拼命生成数据中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-background="rgba(0, 0, 0, 0.5)"
+              >导出</el-button>
+          </el-col>
+  
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="initData"></right-toolbar>
+        </el-row>
+  
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <!-- 页面表格数据区域 Start -->
+            <el-table
+              v-loading="loading"
+              ref="statementsTableRef"
+              :data="tableDataList"
+              border
+              row-key="id"
+              :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+              class="cust-table"
+            >
+              <el-table-column label="日期" align="center" prop="performDate" width="200" />
+              <el-table-column label="演出时段" align="center" prop="performTime" width="200" />
+              <el-table-column label="下单人数(个)" align="center" prop="viewersCount" width="200" />
+              <el-table-column label="交易总额(元)" align="center" prop="orderPrice" width="200" />
+              <el-table-column label="核销金额(元)" align="center" prop="usePriceTotal" width="200" />
+              <el-table-column label="应到账金额(元)" align="center" prop="realPrice" width="200" />
+              <el-table-column label="分销金额(元)" align="center" prop="retailPriceTotal" width="200" />
+              <el-table-column label="费率(%)" align="center" prop="withdrawRate" width="200" />
+              <el-table-column label="手续费(元)" align="center" prop="proceMoney" width="200" />
+              <el-table-column label="退款人数(个)" align="center" prop="refundViewerTotal" width="200" />
+              <el-table-column label="退款金额(元)" align="center" prop="refundPriceTotal" width="200" />
+              <el-table-column label="提现金额(元)" align="center" prop="withdrawPriceTotal" width="200" />
+              <el-table-column label="分销提现金额(元)" align="center" prop="personWithdrawPriceTotal" width="200" /> 
+              <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                <el-button
+                    size="mini"
+                    type="text"
+                    @click="goStatementsIndexNew(scope.row)"
+                    v-hasPermi="['finance:Statements:quickReconciliation:difference']"
+                >查看差异</el-button>
+                <el-button
+                    size="mini"
+                    type="text"
+                    @click="goStatementsIndexNew(scope.row)"
+                    v-hasPermi="['finance:Statements:quickReconciliation:details']"
+                >对账详情</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <!-- 页面表格数据区域 End -->
+          </el-col>
+        </el-row>
+      </div>
+        <!-- 详情 -->
+        <details-dia ref="detailsDia" @getList="getList"></details-dia>
+    </div>
+  </template>
+  
+  <script>
+  import { listStatements, exportStatements } from '@/api/financeMr/quickReconciliation';
+  // import { indoorParkList } from '@/api/ParkingPointMgr/IndoorMgr';
+  import { exportExcel } from '@/utils/exportexcel';
+  import detailsDia from "../../order/orderMr/dialog/details";
+  import moment from "moment"
+  export default {
+    name: 'Statements',
+    components: {
+      detailsDia,
+      'parkingrecord-pagination-select': () => import('@/components/CustPaginationSelect') // 支持分页搜索功能的[el-select]下拉框
+    },
+    dicts: ['order_form_type', 'pay_way_type','transaction_type'],
+    data() {
+      return {
+        // 遮罩层
+        loading: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 购票渠道格式化
+        sourceOptions: [],
+        // 支付渠道格式化
+        payWayOptions: [],
+        // 交易类型格式化
+        tranTypeOptions: [],
+        // 交易日期范围
+        dateRange: [],
+        rules: {},
+        exportType: 1,
+        // 总条数
+        total: 0,
+        // 表格数据
+        tableDataList: [],
+        // 查询参数
+        queryParams: {
+        //   pageNum: 1,
+        //   pageSize: 10,
+        },
+        oweTotalObj: {},
+        // 导出数据状态
+        handleExportLoading: false,
+        summary:'',
+        otherSummary:[],
+      };
+    },
+    created() {
+        this.$set(this.queryParams,'performDate',[moment().format("yyyy-MM-DD"),moment().format("yyyy-MM-DD")])
+        this.initData();
+    },
+    methods: {
+      /** 初始化数据 */
+      async initData() {
+        this.loading = true;
+        this.getList();
+      },
+      setParams(){
+        let params = {...this.addDateRange(this.queryParams, this.dateRange)};
+        if(params.performDate){
+            params.performStartDate = moment(params.performDate[0]).startOf('day').format("yyyy-MM-DD HH:mm:ss");
+            params.performEndDate = moment(params.performDate[1]).endOf('day').format("yyyy-MM-DD HH:mm:ss");
+        }
+        delete params.performDate
+        return params
+      },
+      /** 查询列表信息 */
+      getList() {
+        this.loading = true;
+        listStatements(this.setParams())
+          .then((response) => {
+            this.tableDataList = response?.data?.rows|| [];
+            this.loading = false;
+          })
+          .catch(() => {
+            this.tableDataList = [];
+            this.loading = false;
+          });
+        },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.initData();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.$set(this.queryParams,'performDate',[moment().format("yyyy-MM-DD"),moment().format("yyyy-MM-DD")])
+        this.handleQuery();
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        this.$confirm(`确定要导出快捷对账单的数据吗？`, '提示', {
+          confirmButtonText: '确定 ',
+          cancelButtonText: '取消 ',
+          type: 'warning'
+        })
+          .then(() => {
+            // 开启导出遮护罩
+            this.handleExportLoading = true;
+  
+            // 排除不需要的属性
+            let { pageNum, pageSize, ...otherObj } = this.setParams();
+            let handleExportReq = { ...otherObj, exportType: this.exportType };
+            // 发送导出请求
+            exportStatements(handleExportReq)
+              .then((response) => {
+                exportExcel(response, '快捷对账单_'+moment().format('yyyy_MM_DD'), '.xlsx');
+  
+                // 关闭导出遮护罩
+                this.handleExportLoading = false;
+              })
+              .catch(() => {
+                this.$message.error('导出异常！');
+                // 关闭导出遮护罩
+                this.handleExportLoading = false;
+              });
+          })
+          .catch(() => {
+            this.$message.info('您已取消导出！');
+            // 关闭导出遮护罩
+            this.handleExportLoading = false;
+          });
+      },
+      
+      
+      /**
+       *
+       */
+       goStatementsIndexNew(row) {
+        this.$router.push({path:'/financeMr/finance/Statements/StatementsIndexNew',query:{
+          performDate: row.performDate,
+          performTimeId: row.performTimeId
+        }});
+      },
+    }
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  ::v-deep {
+    .pagination-container {
+      text-align: center;
+  
+      .el-pagination {
+        position: initial;
+      }
+    }
+  }
+  
+  .cust-table {
+    .statements-column-orderNo {
+      color: #337ab7;
+      text-decoration: none;
+      cursor: pointer;
+  
+      &:hover {
+        color: #409eff;
+        text-decoration: underline;
+      }
+    }
+  }
+  .statements-total{
+    .til{
+      font-weight: bold;
+      margin-bottom: 2px;
+      margin-top: 10px;
+    }
+    .summary{
+      ::v-deep span{
+        color: blue;
+      }
+    }
+    .other-summary{
+      ::v-deep span{
+        color: #f5bb00;
+      }
+    }
+  }
+  
+  .app-container-scheduling ::v-deep .el-select__tags {
+      flex-wrap: inherit !important;
+      overflow-x: auto !important;
+  }
+  .app-container-scheduling ::v-deep .el-form-item__content {
+    position: relative;
+  }
+  .app-container-scheduling ::v-deep .el-form-item__content .query_clear{
+    position: absolute;
+    top: -15px;
+    right: -10px;
+    display: none;
+    cursor: pointer;
+    z-index: 99;
+  }
+  .app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
+    display: block;
+  }
+  </style>
+