|
|
|
@ -53,7 +53,7 @@ |
|
|
|
<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()"> |
|
|
|
<el-button :loading="exportLoading" size="mini" @click="doExport()"> |
|
|
|
<i class="iconfont icon-daochu" /> |
|
|
|
导出 |
|
|
|
</el-button> |
|
|
|
@ -61,15 +61,23 @@ |
|
|
|
|
|
|
|
<div class="table-container"> |
|
|
|
<!-- :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 v-loading="loading" class="archives-table" :data="displayData" height="calc(100vh - 280px)" style="width: 100%;" :row-class-name="tableRowClassName"> |
|
|
|
<el-table-column label="序号" width="60" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.isSummary ? '-' : scope.$index + 1 }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<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-column prop="borrowCount" label="借阅次数" align="center" /> |
|
|
|
<el-table-column prop="archivesCount" 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-column prop="firstUseTime" label="首次利用时间" align="center" width="180" /> |
|
|
|
<el-table-column prop="lastUseTime" label="末次利用时间" align="center" width="180" /> |
|
|
|
</el-table> |
|
|
|
<el-pagination |
|
|
|
v-if="allData.length !== 0" |
|
|
|
@ -93,7 +101,7 @@ import { FetchBorrowdRegisterStatisticsList } from '@/api/statistics/statistics' |
|
|
|
import { FetchInitDeptsAllByFondsId } from '@/api/system/dept' |
|
|
|
import DateRangePicker from '@/components/DateRangePicker' |
|
|
|
import qs from 'qs' |
|
|
|
import { exportFile } from '@/utils/index' |
|
|
|
import { exportFileToken, getCurrentTime } from '@/utils/index' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
|
|
export default { |
|
|
|
@ -121,13 +129,35 @@ export default { |
|
|
|
inputSelect: '', |
|
|
|
query: {}, |
|
|
|
deptOptions: [], |
|
|
|
deptId: '' |
|
|
|
deptId: '', |
|
|
|
totalStatistics: null, |
|
|
|
exportLoading: false |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters([ |
|
|
|
'baseApi' |
|
|
|
]) |
|
|
|
]), |
|
|
|
displayData() { |
|
|
|
const data = [...this.allData] |
|
|
|
if (this.totalStatistics) { |
|
|
|
data.push({ |
|
|
|
applicantName: '全人员合计', |
|
|
|
deptName: '-', |
|
|
|
borrowCount: this.totalStatistics.totalBorrowCount, |
|
|
|
archivesCount: this.totalStatistics.totalArchivesCount, |
|
|
|
entityBorrowCount: this.totalStatistics.totalEntityBorrowCount, |
|
|
|
electronicBorrowCount: this.totalStatistics.totalElectronicBorrowCount, |
|
|
|
printCount: this.totalStatistics.totalPrintCount, |
|
|
|
viewCount: this.totalStatistics.totalViewCount, |
|
|
|
downloadCount: this.totalStatistics.totalDownloadCount, |
|
|
|
firstUseTime: '-', |
|
|
|
lastUseTime: '-', |
|
|
|
isSummary: true |
|
|
|
}) |
|
|
|
} |
|
|
|
return data |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.inputSelect = this.options[0].value |
|
|
|
@ -211,9 +241,16 @@ export default { |
|
|
|
}).then(res => { |
|
|
|
this.allData = res.records |
|
|
|
this.page.total = res.total |
|
|
|
this.totalStatistics = res.totalStatistics |
|
|
|
this.loading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
tableRowClassName({ row }) { |
|
|
|
if (row.isSummary) { |
|
|
|
return 'summary-row' |
|
|
|
} |
|
|
|
return '' |
|
|
|
}, |
|
|
|
handleSizeChange(size) { |
|
|
|
this.page.size = size |
|
|
|
this.page.page = 0 |
|
|
|
@ -225,15 +262,27 @@ export default { |
|
|
|
this.getBorrowdRegisterStatisticsList() |
|
|
|
}, |
|
|
|
doExport() { |
|
|
|
this.exportLoading = true |
|
|
|
this.$confirm('此操作将导出当前统计数据' + '<span>你是否还要继续？</span>', '提示', { |
|
|
|
confirmButtonText: '继续', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning', |
|
|
|
dangerouslyUseHTMLString: true |
|
|
|
}).then(() => { |
|
|
|
exportFile(this.baseApi + '/api/control/exportBusinessFlow?' + qs.stringify({}, { indices: false })) |
|
|
|
const params = { |
|
|
|
fondsIds: this.fondsIds, |
|
|
|
startTime: this.blurryTime ? this.blurryTime[0] : null, |
|
|
|
endTime: this.blurryTime ? this.blurryTime[1] : null, |
|
|
|
search: this.query.search || null, |
|
|
|
borrowReason: this.query.borrowReason || null, |
|
|
|
deptId: this.deptId || null |
|
|
|
} |
|
|
|
exportFileToken(this.baseApi + '/api/control/exportBorrowdRegisterStatisticsList?' + qs.stringify(params, { indices: false }), '利用登记统计' + getCurrentTime() + '.xlsx').then(() => { |
|
|
|
this.exportLoading = false |
|
|
|
}) |
|
|
|
}).catch(() => { |
|
|
|
console.log('取消') |
|
|
|
this.exportLoading = false |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
@ -252,6 +301,13 @@ export default { |
|
|
|
::v-deep .el-table__footer{ |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
::v-deep .summary-row { |
|
|
|
background-color: #f5f7fa !important; |
|
|
|
td{ |
|
|
|
border-top: 1px solid #dfe6ec !important; |
|
|
|
border-bottom: 1px solid #dfe6ec !important; |
|
|
|
} |
|
|
|
} |
|
|
|
// ::v-deep .el-table__body, |
|
|
|
// ::v-deep .el-table__body-wrapper{ |
|
|
|
// border-bottom: 1px solid #e4e7ed; |
|
|
|
|
