增加客户页面

src/api/recharge/detailed.js

@@ -7,4 +7,13 @@ export function listDetal(data) {
         method: 'post',
         data: data
     })
+}
+// 导出
+export function exportDetail(data) {
+    return request({
+        url: '/dxtop/order/exportDetail',
+        method: 'post',
+        data: data,
+        responseType: 'blob'
+    })
 }

src/api/recharge/reportForm.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询
+export function listReport(data) {
+    return request({
+        url: '/dxtop/order/orderReportList',
+        method: 'get',
+        params: data
+    })
+}
+// 导出
+export function exportReport(data) {
+    return request({
+        url: '/dxtop/order/reportExport',
+        method: 'get',
+        params: data,
+        responseType: 'blob'
+    })
+}

src/assets/icons/svg/guanli.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1630490338753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M384 0H85.333333C38.4 0 0 38.4 0 85.333333v298.666667c0 46.933333 38.4 85.333333 85.333333 85.333333h298.666667c46.933333 0 85.333333-38.4 85.333333-85.333333V85.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 384H85.333333V85.333333h298.666667v298.666667z m0 42.666667v-42.666667 42.666667zM938.666667 0H640c-46.933333 0-85.333333 38.4-85.333333 85.333333v298.666667c0 46.933333 38.4 85.333333 85.333333 85.333333h298.666667c46.933333 0 85.333333-38.4 85.333333-85.333333V85.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 384H640V85.333333h298.666667v298.666667zM384 554.666667H85.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v298.666667c0 46.933333 38.4 85.333333 85.333333 85.333333h298.666667c46.933333 0 85.333333-38.4 85.333333-85.333333V640c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 384H85.333333V640h298.666667v298.666667z m0 42.666666v-42.666666 42.666666zM938.666667 554.666667H640c-46.933333 0-85.333333 38.4-85.333333 85.333333v298.666667c0 46.933333 38.4 85.333333 85.333333 85.333333h298.666667c46.933333 0 85.333333-38.4 85.333333-85.333333V640c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 384H640V640h298.666667v298.666667z" p-id="5038"></path></svg>

src/main.js

@@ -16,7 +16,7 @@ import './assets/icons' // icon
 import './permission' // permission control
 import { getDicts } from "@/api/system/dict/data";
 import { getConfigKey } from "@/api/system/config";
-import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, handleTree } from "@/utils/yongtian";
+import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, downloadBlob, handleTree } from "@/utils/yongtian";
 import Pagination from "@/components/Pagination";
 // 自定义表格工具组件
 import RightToolbar from "@/components/RightToolbar"
@@ -40,6 +40,7 @@ Vue.prototype.addDateRange = addDateRange
 Vue.prototype.selectDictLabel = selectDictLabel
 Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
+Vue.prototype.downloadBlob = downloadBlob
 Vue.prototype.handleTree = handleTree
 
 Vue.prototype.msgSuccess = function(msg) {

src/router/index.js

@@ -27,76 +27,6 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [{
-        path: '',
-        component: Layout,
-        redirect: 'admin',
-        children: [{
-            path: '/recharge/admin',
-            component: (resolve) => require(['@/views/recharge/admin'], resolve),
-            name: '充值管理',
-            meta: { title: '充值管理', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-    {
-        path: '',
-        component: Layout,
-        redirect: 'channel',
-        children: [{
-            path: '/recharge/channel',
-            component: (resolve) => require(['@/views/recharge/channel'], resolve),
-            name: '充值渠道',
-            meta: { title: '充值渠道', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-    {
-        path: '',
-        component: Layout,
-        redirect: 'radio',
-        children: [{
-            path: '/recharge/radio',
-            component: (resolve) => require(['@/views/recharge/radio'], resolve),
-            name: '充值到账比例',
-            meta: { title: '充值到账比例', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-    {
-        path: '',
-        component: Layout,
-        redirect: 'qrCode',
-        children: [{
-            path: '/recharge/qrCode',
-            component: (resolve) => require(['@/views/recharge/qrCode'], resolve),
-            name: '二维码管理',
-            meta: { title: '二维码管理', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-    {
-        path: '',
-        component: Layout,
-        redirect: 'rechargeS',
-        children: [{
-            path: '/recharge/rechargeS',
-            component: (resolve) => require(['@/views/recharge/recharge'], resolve),
-            name: '用户充值',
-            meta: { title: '用户充值', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-    {
-        path: '',
-        component: Layout,
-        redirect: 'detailed',
-        children: [{
-            path: '/recharge/detailed',
-            component: (resolve) => require(['@/views/recharge/detailed'], resolve),
-            name: '充值明细',
-            meta: { title: '充值明细', icon: 'dashboard', noCache: false, affix: false },
-        }, ]
-    },
-
-
-
-
-    {
         path: '/redirect',
         component: Layout,
         hidden: true,
@@ -181,6 +111,88 @@ export const constantRoutes = [{
             meta: { title: '字典数据', activeMenu: '/system/dict' }
         }]
     },
+
+
+
+
+
+    {
+        path: '',
+        component: Layout,
+        redirect: 'admin',
+        children: [{
+            path: '/recharge/admin',
+            component: (resolve) => require(['@/views/recharge/admin'], resolve),
+            name: '充值管理',
+            meta: { title: '充值管理', icon: 'guanli', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'channel',
+        children: [{
+            path: '/recharge/channel',
+            component: (resolve) => require(['@/views/recharge/channel'], resolve),
+            name: '充值渠道',
+            meta: { title: '充值渠道', icon: 'tree', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'radio',
+        children: [{
+            path: '/recharge/radio',
+            component: (resolve) => require(['@/views/recharge/radio'], resolve),
+            name: '充值到账比例',
+            meta: { title: '充值到账比例', icon: 'dashboard', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'qrCode',
+        children: [{
+            path: '/recharge/qrCode',
+            component: (resolve) => require(['@/views/recharge/qrCode'], resolve),
+            name: '二维码管理',
+            meta: { title: '二维码管理', icon: 'erweima', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'rechargeS',
+        children: [{
+            path: '/recharge/rechargeS',
+            component: (resolve) => require(['@/views/recharge/recharge'], resolve),
+            name: '用户充值',
+            meta: { title: '用户充值', icon: 'chongzhi', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'detailed',
+        children: [{
+            path: '/recharge/detailed',
+            component: (resolve) => require(['@/views/recharge/detailed'], resolve),
+            name: '充值明细',
+            meta: { title: '充值明细', icon: 'money', noCache: false, affix: false },
+        }, ]
+    },
+    {
+        path: '',
+        component: Layout,
+        redirect: 'reportForm',
+        children: [{
+            path: '/recharge/reportForm',
+            component: (resolve) => require(['@/views/recharge/reportForm'], resolve),
+            name: '充值报表',
+            meta: { title: '充值报表', icon: 'date-range', noCache: false, affix: false },
+        }, ]
+    },
 ]
 
 export default new Router({

src/utils/request.js

@@ -5,43 +5,47 @@ import { getToken } from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
 
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
-// 创建axios实例
+    // 创建axios实例
 const service = axios.create({
-  // axios中请求配置有baseURL选项，表示请求URL公共部分
-  baseURL: process.env.VUE_APP_BASE_API,
-  // 超时
-  timeout: 10000
-})
-// request拦截器
+        // axios中请求配置有baseURL选项，表示请求URL公共部分
+        baseURL: process.env.VUE_APP_BASE_API,
+        // 超时
+        timeout: 10000
+    })
+    // request拦截器
 service.interceptors.request.use(config => {
-  // 是否需要设置 token
-  const isToken = (config.headers || {}).isToken === false
-  if (getToken() && !isToken) {
-    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
-  }
-  // get请求映射params参数
-  if (config.method === 'get' && config.params) {
-    let url = config.url + '?';
-    for (const propName of Object.keys(config.params)) {
-      const value = config.params[propName];
-      var part = encodeURIComponent(propName) + "=";
-      if (value !== null && typeof(value) !== "undefined") {
-        if (typeof value === 'object') {
-          for (const key of Object.keys(value)) {
-            let params = propName + '[' + key + ']';
-            var subPart = encodeURIComponent(params) + "=";
-            url += subPart + encodeURIComponent(value[key]) + "&";
-          }
-        } else {
-          url += part + encodeURIComponent(value) + "&";
+    // 是否需要设置 token
+    const isToken = (config.headers || {}).isToken === false
+    if (getToken() && !isToken) {
+        config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+    }
+    // 导出请求blob类型或设置其他类型
+    if (config.responseType) {
+        config.responseType = config.responseType
+    }
+    // get请求映射params参数
+    if (config.method === 'get' && config.params) {
+        let url = config.url + '?';
+        for (const propName of Object.keys(config.params)) {
+            const value = config.params[propName];
+            var part = encodeURIComponent(propName) + "=";
+            if (value !== null && typeof(value) !== "undefined") {
+                if (typeof value === 'object') {
+                    for (const key of Object.keys(value)) {
+                        let params = propName + '[' + key + ']';
+                        var subPart = encodeURIComponent(params) + "=";
+                        url += subPart + encodeURIComponent(value[key]) + "&";
+                    }
+                } else {
+                    url += part + encodeURIComponent(value) + "&";
+                }
+            }
         }
-      }
+        url = url.slice(0, -1);
+        config.params = {};
+        config.url = url;
     }
-    url = url.slice(0, -1);
-    config.params = {};
-    config.url = url;
-  }
-  return config
+    return config
 }, error => {
     console.log(error)
     Promise.reject(error)
@@ -49,56 +53,53 @@ service.interceptors.request.use(config => {
 
 // 响应拦截器
 service.interceptors.response.use(res => {
-    // 未设置状态码则默认成功状态
-    const code = res.data.code || 200;
-    // 获取错误信息
-    const msg = errorCode[code] || res.data.msg || errorCode['default']
-    if (code === 401) {
-      MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
-          confirmButtonText: '重新登录',
-          cancelButtonText: '取消',
-          type: 'warning'
+        // 未设置状态码则默认成功状态
+        const code = res.data.code || 200;
+        // 获取错误信息
+        const msg = errorCode[code] || res.data.msg || errorCode['default']
+        if (code === 401) {
+            MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
+                confirmButtonText: '重新登录',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                store.dispatch('LogOut').then(() => {
+                    location.href = '/index';
+                })
+            }).catch(() => {});
+            return Promise.reject()
+        } else if (code === 500) {
+            Message({
+                message: msg,
+                type: 'error'
+            })
+            return msg && Promise.reject(new Error(msg)) || ""
+        } else if (code !== 200) {
+            Notification.error({
+                title: msg
+            })
+            return Promise.reject('error')
+        } else {
+            return res.headers['content-type'].indexOf("application/vnd.ms-excel") != -1 ? res : res.data
         }
-      ).then(() => {
-        store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+    },
+    error => {
+        console.log('err' + error)
+        let { message } = error;
+        if (message == "Network Error") {
+            message = "后端接口连接异常";
+        } else if (message.includes("timeout")) {
+            message = "系统接口请求超时";
+        } else if (message.includes("Request failed with status code")) {
+            message = "系统接口" + message.substr(message.length - 3) + "异常";
+        }
+        Message({
+            message: message,
+            type: 'error',
+            duration: 5 * 1000
         })
-      }).catch(() => {});
-      return Promise.reject()
-    } else if (code === 500) {
-      Message({
-        message: msg,
-        type: 'error'
-      })
-      return Promise.reject(new Error(msg))
-    } else if (code !== 200) {
-      Notification.error({
-        title: msg
-      })
-      return Promise.reject('error')
-    } else {
-      return res.data
-    }
-  },
-  error => {
-    console.log('err' + error)
-    let { message } = error;
-    if (message == "Network Error") {
-      message = "后端接口连接异常";
-    }
-    else if (message.includes("timeout")) {
-      message = "系统接口请求超时";
+        return Promise.reject(error)
     }
-    else if (message.includes("Request failed with status code")) {
-      message = "系统接口" + message.substr(message.length - 3) + "异常";
-    }
-    Message({
-      message: message,
-      type: 'error',
-      duration: 5 * 1000
-    })
-    return Promise.reject(error)
-  }
 )
 
-export default service
+export default service

src/utils/yongtian.js

@@ -61,6 +61,9 @@ export function addDateRange(params, dateRange, propName) {
         if (typeof(propName) === "undefined") {
             search.params["beginTime"] = dateRange[0];
             search.params["endTime"] = dateRange[1];
+        } else if (propName === "section") {
+            search["startTime"] = dateRange[0];
+            search["endTime"] = dateRange[1];
         } else {
             search.params["begin" + propName] = dateRange[0];
             search.params["end" + propName] = dateRange[1];
@@ -100,6 +103,19 @@ export function selectDictLabels(datas, value, separator) {
 export function download(fileName) {
     window.location.href = baseURL + "/common/download?fileName=" + encodeURI(fileName) + "&delete=" + true;
 }
+// 通用下载方法
+export function downloadBlob(file) {
+    if (!file) return this.msgSuccess("导出失败")
+    let url = window.URL.createObjectURL(new Blob([file.data]));
+    let aLink = document.createElement('a');
+    aLink.style.display = 'none';
+    aLink.href = url;
+    aLink.setAttribute('download', decodeURI(file.headers['content-disposition'].split('filename=')[1]));
+    document.body.appendChild(aLink);
+    aLink.click();
+    document.body.removeChild(aLink); // 下载完成移除元素
+    window.URL.revokeObjectURL(url); // 释放掉blob对象
+}
 
 // 字符串格式化(%s )
 export function sprintf(str) {

src/views/recharge/admin/index.vue

@@ -219,7 +219,7 @@ export default {
       this.loading = true;
       listAdmin(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
           this.adminList = response.rows;
-          this.total = response.total;
+          // this.total = response.total;
           this.loading = false;
         }
       );

src/views/recharge/detailed/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
-      <el-form-item label="姓名" prop="userName">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px">
+      <el-form-item label="姓名：" prop="userName">
         <el-input
           v-model="queryParams.userName"
           placeholder="请输入姓名"
@@ -11,7 +11,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="手机号" prop="userPhone">
+      <el-form-item label="手机号：" prop="userPhone">
         <el-input
           v-model="queryParams.userPhone"
           placeholder="请输入手机号"
@@ -21,13 +21,41 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="支付方式" prop="payType">
-         <el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small">
+      <el-form-item label="支付方式：" prop="payType">
+         <el-select v-model="queryParams.payType" style="width: 240px" placeholder="请选择支付方式" clearable size="small">
           <el-option label="现金支付" :value="1"/>
           <el-option label="微信" :value="2"/>
           <el-option label="支付宝" :value="3"/>
         </el-select>
       </el-form-item>
+      <el-form-item label="支付金额：" prop="Money">
+        <el-input-number 
+          v-model="queryParams.startMoney"
+          clearable
+          size="small"
+          type="number"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"></el-input-number> ~  
+        <el-input-number 
+          v-model="queryParams.endMoney"
+          placeholder=""
+          clearable
+          size="small"
+          type="number"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"></el-input-number>
+      </el-form-item>
+      <el-form-item label="支付时间：">
+         <el-date-picker
+          v-model="dateRange"
+          size="small"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetimerange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </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>
@@ -71,7 +99,7 @@
 </template>
 
 <script>
-import { listDetal } from "@/api/recharge/detailed";
+import { listDetal, exportDetail } from "@/api/recharge/detailed";
 
 export default {
   name: "admin",
@@ -85,12 +113,17 @@ export default {
       total: 0,
       // 参数表格数据
       adminList: [],
+      // 日期范围
+      dateRange: [],
       // 查询参数
       queryParams: {
         current: 1,
         size: 10,
-        name: undefined,
+        userName: undefined,
+        payType: undefined,
         topChannelName: undefined,
+        startMoney: undefined,
+        endMoney: undefined,
       },
       // 表单参数
       form: {},
@@ -103,7 +136,7 @@ export default {
     /** 查询参数列表 */
     getList() {
       this.loading = true;
-      listDetal(this.addDateRange(this.queryParams)).then(response => {
+      listDetal(this.addDateRange(this.queryParams,this.dateRange,'section')).then(response => {
           this.adminList = response.data.records;
           this.total = response.data.total;
           this.loading = false;
@@ -132,23 +165,29 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.dateRange = [];
+      this.queryParams.startMoney = undefined;
+      this.queryParams.endMoney = undefined;
       this.resetForm("queryForm");
       this.handleQuery();
     },
     /** 导出按钮操作 */
     handleExport() {
-      const queryParams = this.queryParams;
+      let queryParams = {...this.queryParams};
+      delete queryParams.current
+      delete queryParams.size
       this.$confirm('是否确认导出数据?', "警告", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
         }).then(() => {
           this.exportLoading = true;
-          return exportadmin(queryParams);
-        }).then(response => {
-          this.download(response.msg);
+          return exportDetail(queryParams);
+        }).then(res => {
+          this.downloadBlob(res)
+          this.exportLoading = false;
+        }).catch(() => {
           this.exportLoading = false;
-        }).catch(() => {});
+        });
     },
   }
 };

src/views/recharge/reportForm/index.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="80px">
+      <el-form-item label="时间">
+         <el-date-picker
+          v-model="dateRange"
+          size="small"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetimerange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="报表种类" prop="type">
+         <el-select v-model="queryParams.type" placeholder="请选择报表种类" size="small">
+          <el-option label="日" :value="1"/>
+          <el-option label="周" :value="2"/>
+          <el-option label="月" :value="3"/>
+          <el-option label="年" :value="4"/>
+        </el-select>
+      </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="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['system:admin:export']"
+        >导出</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table v-loading="loading" :data="adminList">
+      <el-table-column label="时间" align="center" prop="reportDate" />
+      <el-table-column label="报表种类" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.type == 1 ? '日':scope.row.type ==2 ? '周':scope.row.type ==3 ? '月':scope.row.type ==4 ? '年': '' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="总金额" align="center" prop="totalMoney" />
+      <el-table-column label="支付宝" align="center" prop="cashMoney" />
+      <el-table-column label="微信" align="center" prop="wxMoney" />
+      <el-table-column label="现金" align="center" prop="zfbMoney" />
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.current"
+      :limit.sync="queryParams.size"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import { listReport, exportReport } from "@/api/recharge/reportForm";
+
+export default {
+  name: "admin",
+  data() {
+    return {
+      // 导出遮罩层
+      exportLoading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 参数表格数据
+      adminList: [],
+      // 日期范围
+      dateRange: [],
+      // 查询参数
+      queryParams: {
+        current: 1,
+        size: 10,
+        type: 1,
+      },
+      // 表单参数
+      form: {},
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询参数列表 */
+    getList() {
+      this.loading = true;
+      listReport(this.addDateRange(this.queryParams,this.dateRange,'section')).then(response => {
+          this.adminList = response.data.records.map(val=>{
+            return {
+              ...val,
+              type:this.queryParams.type
+            }
+          });
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.current = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      let queryParams = {...this.queryParams};
+      console.log(queryParams)
+      delete queryParams.current
+      delete queryParams.size
+      console.log(queryParams)
+      this.$confirm('是否确认导出数据?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportReport(queryParams);
+        }).then(res => {
+          this.downloadBlob(res)
+          this.exportLoading = false;
+        }).catch(() => {
+          this.exportLoading = false;
+        });
+    },
+  }
+};
+</script>