| | |
|---|
| | | <template> |
|---|
| | | <el-container> |
|---|
| | | <el-header>交通统计报表审核系统 - 报表生成</el-header> |
|---|
| | | <el-container direction="vertical"> |
|---|
| | | <app-header title="交通统计报表审核系统 - 报表生成"></app-header> |
|---|
| | | <el-container> |
|---|
| | | <el-aside width="200px"> |
|---|
| | | <el-menu router :default-active="activeMenu"> |
|---|
| | |
|---|
| | | <el-menu-item index="/report">报表生成</el-menu-item> |
|---|
| | | <el-menu-item index="/rules">规则管理</el-menu-item> |
|---|
| | | <el-menu-item index="/users">用户管理</el-menu-item> |
|---|
| | | <el-menu-item index="/login" @click="logout">退出登录</el-menu-item> |
|---|
| | | </el-menu> |
|---|
| | | </el-aside> |
|---|
| | | <el-main> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import AppHeader from '@/components/AppHeader.vue' |
|---|
| | | import api from '@/api' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | components: { AppHeader }, |
|---|
| | | name: 'ReportExport', |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | |
|---|
| | | const m = this.curModule |
|---|
| | | if (!m || !this.period) return |
|---|
| | | const params = Object.assign(this.buildParams(), { types: m.items.map(i => i.key).join(',') }) |
|---|
| | | api.get('/report/ready', { params }) |
|---|
| | | api.get('/report/ready', { params, timeout: 60000 }) |
|---|
| | | .then(res => { |
|---|
| | | const list = (res && res.data && res.data.items) || [] |
|---|
| | | list.forEach(r => { |
|---|
| | |
|---|
| | | if (!items.length) { this.$message.warning('请选择要预览的报表'); return } |
|---|
| | | this.loading = 'preview-' + m.key |
|---|
| | | const params = Object.assign(this.buildParams(), { types: items.map(i => i.key).join(',') }) |
|---|
| | | api.get('/report/preview', { params }) |
|---|
| | | api.get('/report/preview', { params, timeout: 60000 }) |
|---|
| | | .then(res => { |
|---|
| | | const list = (res && res.data && res.data.items) || [] |
|---|
| | | this.previewItems = list.map(it => { |
|---|
| | |
|---|
| | | const params = this.buildParams() |
|---|
| | | const doExport = () => { |
|---|
| | | if (items.length === 1) { |
|---|
| | | api.get('/report/export/' + items[0].key, { params, responseType: 'blob' }) |
|---|
| | | api.get('/report/export/' + items[0].key, { params, responseType: 'blob', timeout: 120000 }) |
|---|
| | | .then(res => { this.downloadBlob(res, items[0].fileName); this.$message.success('报表导出成功'); this.loading = '' }) |
|---|
| | | .catch(err => this.failWith(err)) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | const zipParams = Object.assign({}, params, { types: items.map(i => i.key).join(',') }) |
|---|
| | | api.get('/report/export/selected', { params: zipParams, responseType: 'blob' }) |
|---|
| | | api.get('/report/export/selected', { params: zipParams, responseType: 'blob', timeout: 120000 }) |
|---|
| | | .then(res => { this.downloadBlob(res, '生成_所选报表_' + this.period + '.zip'); this.$message.success('已导出 ' + items.length + ' 张报表（zip）'); this.loading = '' }) |
|---|
| | | .catch(err => this.failWith(err)) |
|---|
| | | } |
|---|
| | | const readyParams = Object.assign({}, params, { types: items.map(i => i.key).join(',') }) |
|---|
| | | api.get('/report/ready', { params: readyParams }) |
|---|
| | | api.get('/report/ready', { params: readyParams, timeout: 60000 }) |
|---|
| | | .then(rd => { |
|---|
| | | const list = (rd && rd.data && rd.data.items) || [] |
|---|
| | | const missing = list.filter(i => !i.ready) |
|---|
| | |
|---|
| | | .catch(() => doExport()) |
|---|
| | | }, |
|---|
| | | failWith(err) { |
|---|
| | | if (err && err._toast) { this.loading = ''; return } |
|---|
| | | let msg = '' |
|---|
| | | const d = err && err.response && err.response.data |
|---|
| | | if (d && typeof d === 'object' && d.message) msg = d.message |
|---|
