From 177a5892f5a2a56d05a7defb769df004b8169f4c Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Thu, 28 May 2026 20:25:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/statistics/statistics.js              |  20 +-
 .../borrowingStatistics/index.vue             |  31 ++-
 .../dataStatistics/index.vue                  |  38 ++-
 .../roomCollectionStatistics/index.vue        |  33 ++-
 .../usageCountStatistics/index.vue            | 147 ++++++-----
 .../utilizeRegistrationStatistics/index.vue   | 233 ++++++++++++------
 6 files changed, 352 insertions(+), 150 deletions(-)

diff --git a/src/api/statistics/statistics.js b/src/api/statistics/statistics.js
index fa519e8..6ba9dca 100644
--- a/src/api/statistics/statistics.js
+++ b/src/api/statistics/statistics.js
@@ -34,6 +34,22 @@ export function FetchBorrowdStatistics(params) {
   })
 }
 
+// 利用次数统计
+export function FetchBorrowdCountStatisticsList(params) {
+  return request({
+    url: 'api/control/getBorrowdCountStatisticsList' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get'
+  })
+}
+
+// 利用登记统计
+export function FetchBorrowdRegisterStatisticsList(params) {
+  return request({
+    url: 'api/control/getBorrowdRegisterStatisticsList' + '?' + qs.stringify(params, { indices: false }),
+    method: 'get'
+  })
+}
+
 // 删除AI辅助著录
 // export function FetchDelAssistEnter(data) {
 //   return request({
@@ -47,5 +63,7 @@ export default {
   FetchTotalStatistics,
   FetchArchivedAllYear,
   FetchRoomCollectionStatistics,
-  FetchBorrowdStatistics
+  FetchBorrowdStatistics,
+  FetchBorrowdCountStatisticsList,
+  FetchBorrowdRegisterStatisticsList
 }
diff --git a/src/views/archivesStatistics/borrowingStatistics/index.vue b/src/views/archivesStatistics/borrowingStatistics/index.vue
index ef3032a..8819af8 100644
--- a/src/views/archivesStatistics/borrowingStatistics/index.vue
+++ b/src/views/archivesStatistics/borrowingStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container  row-container">
-    <div class="connection-header">
-      <div class="head-search">
+    <div class="connection-header collect-header" style="padding: 0; border-top: none; height: auto; margin-bottom: 20px;">
+      <div class="head-search" style="margin-bottom: 0;">
         <el-select
           v-model="fondsIds"
           multiple
@@ -33,9 +33,13 @@
         <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getBorrowdStatistics">查询</el-button>
         <el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button>
       </div>
+      <el-button size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
 
-    <el-table class="archives-table" :data="allData" :summary-method="getSummaries" show-summary border style="width: 100%;">
+    <el-table v-loading="loading" class="archives-table" :data="allData" :summary-method="getSummaries" show-summary style="width: 100%;">
       <el-table-column type="index" label="序号" width="60" align="center" />
       <el-table-column prop="year" label="统计年度" align="center" />
       <!-- <el-table-column prop="borrowPersonCount" label="实体借阅量（卷/件）" align="center" /> -->
@@ -49,6 +53,9 @@
 <script>
 import { FetchFondsAll } from '@/api/system/fonds'
 import { FetchBorrowdStatistics, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'BorrowingStatistics',
@@ -58,10 +65,12 @@ export default {
       fondsOptions: [],
       fondsIds: [],
       yearsOptions: [],
-      years: []
+      years: [],
+      loading: false
     }
   },
   computed: {
+    ...mapGetters(['baseApi'])
   },
   mounted() {
     this.getFondsDatas()
@@ -107,11 +116,25 @@ export default {
       })
     },
     getBorrowdStatistics() {
+      this.loading = true
       FetchBorrowdStatistics({
         fondsIds: this.fondsIds,
         years: this.years
       }).then(res => {
         this.allData = res
+        this.loading = false
+      })
+    },
+    doExport() {
+      this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
       })
     }
   }
diff --git a/src/views/archivesStatistics/dataStatistics/index.vue b/src/views/archivesStatistics/dataStatistics/index.vue
index 20607b4..70d1ed8 100644
--- a/src/views/archivesStatistics/dataStatistics/index.vue
+++ b/src/views/archivesStatistics/dataStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container  row-container">
-    <div class="connection-header">
-      <div class="head-search">
+    <div class="connection-header collect-header" style="padding: 0; border-top: none; height: auto; margin-bottom: 20px;">
+      <div class="head-search" style="margin-bottom: 0;">
         <el-select
           v-model="fondsIds"
           multiple
@@ -33,9 +33,13 @@
         <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getTotalStatistics">查询</el-button>
         <el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button>
       </div>
+      <el-button size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
 
-    <el-table class="archives-table" :data="allData" :summary-method="getSummaries" show-summary border style="width: 100%;">
+    <el-table v-loading="loading" class="archives-table" :data="allData" :summary-method="getSummaries" show-summary style="width: 100%;">
       <el-table-column type="index" label="序号" width="60" align="center" />
       <el-table-column prop="categoryName" label="档案门类（国标分类）" align="center" />
       <el-table-column prop="archivesCount" label="案卷数（卷）" align="center" />
@@ -50,6 +54,9 @@
 <script>
 import { FetchFondsAll } from '@/api/system/fonds'
 import { FetchTotalStatistics, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'DataStatistics',
@@ -59,9 +66,15 @@ export default {
       fondsOptions: [],
       fondsIds: [],
       yearsOptions: [],
-      years: []
+      years: [],
+      loading: false
     }
   },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
   mounted() {
     this.getFondsDatas()
     this.getArchivedAllYearDatas()
@@ -71,15 +84,12 @@ export default {
     getSummaries(param) {
       const { columns, data } = param
       const sums = []
-      console.log('columns', columns)
-      console.log('data', data)
       columns.forEach((column, index) => {
         if (index === 1) {
           sums[index] = '合计（全库总量）'
           return
         }
         const values = data.map(item => Number(item[column.property]))
-        console.log(values)
         if (!values.every(value => isNaN(value))) {
           if (column.property === 'fileSize') {
             sums[index] = values.reduce((prev, curr) => {
@@ -127,11 +137,25 @@ export default {
       }
     },
     getTotalStatistics() {
+      this.loading = true
       FetchTotalStatistics({
         fondsIds: this.fondsIds,
         years: this.years
       }).then(res => {
         this.allData = res
+        this.loading = false
+      })
+    },
+    doExport() {
+      this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
       })
     }
   }
diff --git a/src/views/archivesStatistics/roomCollectionStatistics/index.vue b/src/views/archivesStatistics/roomCollectionStatistics/index.vue
index 9461852..0f40fa1 100644
--- a/src/views/archivesStatistics/roomCollectionStatistics/index.vue
+++ b/src/views/archivesStatistics/roomCollectionStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container  row-container">
-    <div class="connection-header">
-      <div class="head-search">
+    <div class="connection-header collect-header" style="padding: 0; border-top: none; height: auto; margin-bottom: 20px;">
+      <div class="head-search" style="margin-bottom: 0;">
         <el-select
           v-model="fondsIds"
           multiple
@@ -33,9 +33,13 @@
         <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getRoomCollectionStatistics">查询</el-button>
         <el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button>
       </div>
+      <el-button size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
 
-    <el-table class="archives-table" :data="displayData" :summary-method="getSummaries" show-summary border style="width: 100%;">
+    <el-table v-loading="loading" class="archives-table" :data="displayData" :summary-method="getSummaries" show-summary style="width: 100%;">
       <el-table-column type="index" label="序号" width="60" align="center" />
       <el-table-column prop="categoryName" label="档案门类" align="center" />
       <el-table-column prop="year" label="统计年度" align="center" />
@@ -50,6 +54,9 @@
 <script>
 import { FetchFondsAll } from '@/api/system/fonds'
 import { FetchRoomCollectionStatistics, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'RoomCollectionStatistics',
@@ -59,10 +66,14 @@ export default {
       fondsOptions: [],
       fondsIds: [],
       yearsOptions: [],
-      years: []
+      years: [],
+      loading: false
     }
   },
   computed: {
+    ...mapGetters([
+      'baseApi'
+    ]),
     displayData() {
       // 将嵌套数据转换为扁平化格式
       const result = []
@@ -139,11 +150,25 @@ export default {
       }
     },
     getRoomCollectionStatistics() {
+      this.loading = true
       FetchRoomCollectionStatistics({
         fondsIds: this.fondsIds,
         years: this.years
       }).then(res => {
         this.allData = res
+        this.loading = false
+      })
+    },
+    doExport() {
+      this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
       })
     }
   }
diff --git a/src/views/archivesStatistics/usageCountStatistics/index.vue b/src/views/archivesStatistics/usageCountStatistics/index.vue
index e37be74..0fb8efb 100644
--- a/src/views/archivesStatistics/usageCountStatistics/index.vue
+++ b/src/views/archivesStatistics/usageCountStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container  row-container">
-    <div class="connection-header">
-      <div class="head-search">
+    <div class="connection-header collect-header" style="padding: 0; border-top: none; height: auto; margin-bottom: 20px;">
+      <div class="head-search" style="margin-bottom: 0;">
         <el-select
           v-model="fondsIds"
           multiple
@@ -30,20 +30,41 @@
             :value="item.id"
           />
         </el-select>
-        <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getTotalStatistics">查询</el-button>
+        <el-input v-model="search" clearable size="small" placeholder="请输入关键字段进行检索" prefix-icon="el-icon-search" style="width: 220px;" class="filter-item" @keyup.enter.native="getBorrowdCountStatisticsList" @clear="getBorrowdCountStatisticsList" />
+        <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getBorrowdCountStatisticsList">查询</el-button>
         <el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button>
       </div>
+      <el-button size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
 
     <div class="table-container">
-      <el-table class="archives-table" :data="allData" :summary-method="getSummaries" show-summary border style="width: 100%;">
+      <el-table v-loading="loading" class="archives-table" height="calc(100vh - 280px)" :data="allData" style="width: 100%;">
         <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column prop="categoryName" label="档案门类（国标分类）" align="center" />
-        <el-table-column prop="archivesCount" label="案卷数（卷）" align="center" />
-        <el-table-column prop="singleCount" label="卷内件数（件）" align="center" />
-        <el-table-column prop="fileCount" label="电子原文数量（份）" align="center" />
-        <el-table-column prop="fileSize" label="电子档案存储容量（GB）" align="center" />
+        <el-table-column prop="archiveNo" label="档号" align="center" width="200" show-overflow-tooltip />
+        <el-table-column prop="maintitle" label="档案名称" align="center" />
+        <el-table-column prop="categoryName" label="档案门类" align="center" width="180" show-overflow-tooltip />
+        <el-table-column prop="archiveYear" label="归档年度" align="center" />
+        <el-table-column prop="retention" label="保管期限" align="center" />
+        <el-table-column prop="entityBorrowCount" label="实体借阅量" align="center" />
+        <el-table-column prop="electronicBorrowCount" label="电子借阅量" align="center" />
+        <el-table-column prop="viewCount" label="查看次数" align="center" />
+        <el-table-column prop="downloadCount" label="下载次数" align="center" />
+        <el-table-column prop="printCount" label="打印次数" align="center" />
       </el-table>
+      <el-pagination
+        v-if="allData.length !== 0"
+        style="margin: 24px 0 10px 0 !important;"
+        :current-page="page.page+1"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
     </div>
 
   </div>
@@ -51,7 +72,10 @@
 
 <script>
 import { FetchFondsAll } from '@/api/system/fonds'
-import { FetchTotalStatistics, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import { FetchBorrowdCountStatisticsList, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'UsageCountStatistics',
@@ -61,54 +85,37 @@ export default {
       fondsOptions: [],
       fondsIds: [],
       yearsOptions: [],
-      years: []
+      years: [],
+      search: '',
+      loading: false,
+      page: {
+        page: 0,
+        size: 10,
+        total: 0
+      }
     }
   },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
   mounted() {
     this.getFondsDatas()
     this.getArchivedAllYearDatas()
-    this.getTotalStatistics()
+    this.getBorrowdCountStatisticsList()
   },
   methods: {
-    getSummaries(param) {
-      const { columns, data } = param
-      const sums = []
-      console.log('columns', columns)
-      console.log('data', data)
-      columns.forEach((column, index) => {
-        if (index === 1) {
-          sums[index] = '合计（全库总量）'
-          return
-        }
-        const values = data.map(item => Number(item[column.property]))
-        console.log(values)
-        if (!values.every(value => isNaN(value))) {
-          if (column.property === 'fileSize') {
-            sums[index] = values.reduce((prev, curr) => {
-              return prev + curr
-            }, 0).toFixed(3)
-          } else {
-            sums[index] = values.reduce((prev, curr) => {
-              return prev + curr
-            }, 0)
-          }
-        } else {
-          sums[index] = '-'
-        }
-      })
-      return sums
-    },
     resetQuery() {
       this.fondsIds = []
       this.years = []
-      this.getTotalStatistics()
+      this.search = ''
+      this.page.page = 0
+      this.getBorrowdCountStatisticsList()
     },
     getFondsDatas() {
       FetchFondsAll().then(res => {
         this.fondsOptions = res
-        // 默认全选所有档案库
-        // this.fondsIds = res.map(item => item.id)
-        // this.checkAndQuery()
       })
     },
     getArchivedAllYearDatas() {
@@ -117,23 +124,43 @@ export default {
           id: item,
           name: item
         }))
-        // 默认全选所有年份
-        // this.years = res.map(item => item)
-        // this.checkAndQuery()
       })
     },
-    checkAndQuery() {
-      // 当两个数据都加载完成后才执行查询
-      if (this.fondsOptions.length > 0 && this.yearsOptions.length > 0) {
-        this.getTotalStatistics()
-      }
-    },
-    getTotalStatistics() {
-      FetchTotalStatistics({
+    getBorrowdCountStatisticsList() {
+      this.loading = true
+      FetchBorrowdCountStatisticsList({
         fondsIds: this.fondsIds,
-        years: this.years
+        years: this.years,
+        search: this.search,
+        pageNo: this.page.page,
+        pageSize: this.page.size
       }).then(res => {
-        this.allData = res
+        console.log(res)
+        this.allData = res.records
+        this.page.total = res.total
+        this.loading = false
+      })
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this.page.page = 0
+      this.getBorrowdCountStatisticsList()
+    },
+    handleCurrentPage(page) {
+      this.page.page = page - 1
+      this.page.size = 10
+      this.getBorrowdCountStatisticsList()
+    },
+    doExport() {
+      this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
       })
     }
   }
@@ -152,5 +179,11 @@ export default {
   ::v-deep .el-table__footer{
     font-size: 14px;
   }
+  // ::v-deep .el-table__body{
+  //   border-bottom: 1px solid #e4e7ed;
+  // }
+  // ::v-deep .el-table__empty-block{
+  //   border-bottom: 1px solid #e4e7ed;
+  // }
 }
 </style>
diff --git a/src/views/archivesStatistics/utilizeRegistrationStatistics/index.vue b/src/views/archivesStatistics/utilizeRegistrationStatistics/index.vue
index e94601b..da95f72 100644
--- a/src/views/archivesStatistics/utilizeRegistrationStatistics/index.vue
+++ b/src/views/archivesStatistics/utilizeRegistrationStatistics/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container  row-container">
-    <div class="connection-header">
-      <div class="head-search">
+    <div class="connection-header collect-header" style="padding: 0; border-top: none; height: auto; margin-bottom: 20px;">
+      <div class="head-search" style="margin-bottom: 0;">
         <el-select
           v-model="fondsIds"
           multiple
@@ -16,34 +16,59 @@
             :value="item.id"
           />
         </el-select>
-        <el-select
-          v-model="years"
-          multiple
-          collapse-tags
-          placeholder="请选择年份"
-          style="width: 150px;"
+        <date-range-picker v-model="blurryTime" class="date-item" style="width: 240px !important; margin-right: 10px;" />
+        <el-input
+          v-model="typeValue"
+          size="small"
+          clearable
+          placeholder="请输入关键词"
+          style="width: 300px;"
+          class="input-prepend filter-item"
+          @clear="getBorrowdRegisterStatisticsList"
+          @keyup.enter.native="getBorrowdRegisterStatisticsList"
+          @input="typeInput"
         >
-          <el-option
-            v-for="item in yearsOptions"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          />
-        </el-select>
-        <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getTotalStatistics">查询</el-button>
+          <el-select slot="prepend" v-model="inputSelect" style="width: 92px" @change="clearInputValue">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-input>
+        <el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="getBorrowdRegisterStatisticsList">查询</el-button>
         <el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery">重置</el-button>
       </div>
+      <el-button size="mini" @click="doExport()">
+        <i class="iconfont icon-daochu" />
+        导出
+      </el-button>
     </div>
 
     <div class="table-container">
-      <el-table class="archives-table" :data="allData" :summary-method="getSummaries" show-summary border style="width: 100%;">
+      <!-- :summary-method="getSummaries" show-summary border -->
+      <el-table v-loading="loading" class="archives-table" :data="allData" height="calc(100vh - 280px)" style="width: 100%;">
         <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column prop="categoryName" label="档案门类（国标分类）" align="center" />
-        <el-table-column prop="archivesCount" label="案卷数（卷）" align="center" />
-        <el-table-column prop="singleCount" label="卷内件数（件）" align="center" />
-        <el-table-column prop="fileCount" label="电子原文数量（份）" align="center" />
-        <el-table-column prop="fileSize" label="电子档案存储容量（GB）" align="center" />
+        <el-table-column prop="applicantName" label="借阅人" align="center" />
+        <el-table-column prop="deptName" label="所属部门" align="center" />
+        <el-table-column prop="viewCount" label="累计查看次数" align="center" />
+        <el-table-column prop="downloadCount" label="累计下载次数" align="center" />
+        <el-table-column prop="borrowCount" label="累计借阅人次" align="center" />
+        <el-table-column prop="firstUseTime" label="首次利用时间" align="center" />
+        <el-table-column prop="lastUseTime" label="末次利用时间" align="center" />
       </el-table>
+      <el-pagination
+        v-if="allData.length !== 0"
+        style="margin: 24px 0 10px 0 !important;"
+        :current-page="page.page+1"
+        :total="page.total"
+        :page-size="page.size"
+        :pager-count="5"
+        layout="total, prev, pager, next, sizes"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentPage"
+      />
     </div>
 
   </div>
@@ -51,89 +76,131 @@
 
 <script>
 import { FetchFondsAll } from '@/api/system/fonds'
-import { FetchTotalStatistics, FetchArchivedAllYear } from '@/api/statistics/statistics'
+import { FetchBorrowdRegisterStatisticsList } from '@/api/statistics/statistics'
+import DateRangePicker from '@/components/DateRangePicker'
+import qs from 'qs'
+import { exportFile } from '@/utils/index'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'UtilizeRegistrationStatistics',
+  components: {
+    DateRangePicker
+  },
   data() {
     return {
       allData: [],
       fondsOptions: [],
       fondsIds: [],
-      yearsOptions: [],
-      years: []
+      blurryTime: [],
+      loading: false,
+      page: {
+        page: 0,
+        size: 10,
+        total: 0
+      },
+      typeValue: null,
+      options: [
+        { value: 'search', label: '借阅人' },
+        { value: 'borrowReason', label: '借阅目的' }
+      ],
+      inputSelect: '',
+      query: {}
     }
   },
+  computed: {
+    ...mapGetters([
+      'baseApi'
+    ])
+  },
+  created() {
+    this.inputSelect = this.options[0].value
+  },
   mounted() {
     this.getFondsDatas()
-    this.getArchivedAllYearDatas()
-    this.getTotalStatistics()
+    this.getBorrowdRegisterStatisticsList()
   },
   methods: {
-    getSummaries(param) {
-      const { columns, data } = param
-      const sums = []
-      console.log('columns', columns)
-      console.log('data', data)
-      columns.forEach((column, index) => {
-        if (index === 1) {
-          sums[index] = '合计（全库总量）'
-          return
-        }
-        const values = data.map(item => Number(item[column.property]))
-        console.log(values)
-        if (!values.every(value => isNaN(value))) {
-          if (column.property === 'fileSize') {
-            sums[index] = values.reduce((prev, curr) => {
-              return prev + curr
-            }, 0).toFixed(3)
-          } else {
-            sums[index] = values.reduce((prev, curr) => {
-              return prev + curr
-            }, 0)
+    typeInput(e) {
+      this.typeInputkey = this.getDescByValue(
+        this.inputSelect,
+        this.options,
+        'value',
+        'value'
+      )
+      this.query[this.typeInputkey] = e
+    },
+    clearInputValue(val) {
+      this.inputSelect = val
+      this.typeValue = ''
+      if (this.typeInputkey) {
+        delete this.query[this.typeInputkey]
+      }
+    },
+    getDescByValue(inputValue, data, inputKey = 'value', outputKey = 'value') {
+      let outputValue = ''
+      if (data && data.length > 0) {
+        for (let i = 0; i < data.length; i++) {
+          const item = data[i]
+          const itemValue = item[inputKey]
+          if (inputValue + '' === itemValue + '') {
+            outputValue = item[outputKey]
+            break
           }
-        } else {
-          sums[index] = '-'
         }
-      })
-      return sums
+      }
+      return outputValue
     },
     resetQuery() {
+      this.clearInputValue()
       this.fondsIds = []
-      this.years = []
-      this.getTotalStatistics()
+      this.blurryTime = []
+      this.inputSelect = this.options[0].value
+      this.query = {}
+      this.page.page = 0
+      this.getBorrowdRegisterStatisticsList()
     },
     getFondsDatas() {
       FetchFondsAll().then(res => {
         this.fondsOptions = res
-        // 默认全选所有档案库
-        // this.fondsIds = res.map(item => item.id)
-        // this.checkAndQuery()
       })
     },
-    getArchivedAllYearDatas() {
-      FetchArchivedAllYear().then(res => {
-        this.yearsOptions = res.map(item => ({
-          id: item,
-          name: item
-        }))
-        // 默认全选所有年份
-        // this.years = res.map(item => item)
-        // this.checkAndQuery()
+    getBorrowdRegisterStatisticsList() {
+      this.loading = true
+      FetchBorrowdRegisterStatisticsList({
+        fondsIds: this.fondsIds,
+        startTime: this.blurryTime ? this.blurryTime[0] : null,
+        endTime: this.blurryTime ? this.blurryTime[1] : null,
+        pageNo: this.page.page,
+        pageSize: this.page.size,
+        search: this.query.search || null,
+        borrowReason: this.query.borrowReason || null
+      }).then(res => {
+        this.allData = res.records
+        this.page.total = res.total
+        this.loading = false
       })
     },
-    checkAndQuery() {
-      // 当两个数据都加载完成后才执行查询
-      if (this.fondsOptions.length > 0 && this.yearsOptions.length > 0) {
-        this.getTotalStatistics()
-      }
+    handleSizeChange(size) {
+      this.page.size = size
+      this.page.page = 0
+      this.getBorrowdRegisterStatisticsList()
     },
-    getTotalStatistics() {
-      FetchTotalStatistics({
-        fondsIds: this.fondsIds,
-        years: this.years
-      }).then(res => {
-        this.allData = res
+    handleCurrentPage(page) {
+      this.page.page = page - 1
+      this.page.size = 10
+      this.getBorrowdRegisterStatisticsList()
+    },
+    doExport() {
+      this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning',
+        dangerouslyUseHTMLString: true
+      }).then(() => {
+        exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false }))
+      }).catch(() => {
+        console.log('取消')
       })
     }
   }
@@ -152,5 +219,17 @@ export default {
   ::v-deep .el-table__footer{
     font-size: 14px;
   }
+  // ::v-deep .el-table__body,
+  // ::v-deep .el-table__body-wrapper{
+  //   border-bottom: 1px solid #e4e7ed;
+  // }
+  // ::v-deep .el-table__empty-block{
+  //   border-bottom: 1px solid #e4e7ed;
+  // }
 }
+
+::v-deep .input-prepend .el-input__inner{
+  padding-left: 100px;
+}
+
 </style>