| | |
| | | <div v-show="sideOpen" class="side-content"> |
| | | <div class="side-head"> |
| | | <span>本月导入进度({{ period || '未选择报表期' }})</span> |
| | | <el-button type="text" icon="el-icon-refresh" @click="loadData">刷新</el-button> |
| | | <span class="side-head-btns"> |
| | | <el-button type="text" icon="el-icon-refresh" @click="loadData">刷新</el-button> |
| | | <el-button type="text" icon="el-icon-delete" style="color:#F56C6C" :loading="clearing" |
| | | :disabled="!period || clearing || importing" @click="clearPeriodData">清空</el-button> |
| | | </span> |
| | | </div> |
| | | <div v-if="!period" class="tip">请先在上方选择报表期</div> |
| | | <div v-else class="overview-grid"> |
| | |
| | | period: (() => { const d = new Date(); return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') })(), |
| | | cityDirLoading: false, |
| | | importing: false, |
| | | clearing: false, |
| | | sideOpen: false, |
| | | result: '', |
| | | error: '', |
| | |
| | | scaleSplit: '模板_规上规下拆分运输量.xlsx', |
| | | freightTurnover: '模板_货运量周转量.xlsx', |
| | | passengerMonthly: '公路旅客运输月度生产情况.xlsx(含运政车辆数sheet)', |
| | | passengerAuth: '模板_公路旅客运政车辆数.xlsx(列:企业代码/企业名称/车辆数/载客位数)', |
| | | passengerAuth: '模板_公路旅客运政车辆数.xls(支持 企业代码/企业名称/车辆数/载客位数 与 运政库导出 OWNERNAME/总车辆数/客位数)', |
| | | passengerIndividual: '个体客运量汇总.xlsx(列:所属地区/企业代码/企业名称/个体客运量/个体旅客周转量)', |
| | | energyMonthly: '道路货运车辆能源消耗情况(2026年).xlsx(能耗明细+运政车辆信息两sheet)', |
| | | energyAuth: '模板_能耗车辆运政信息.xlsx(列:车牌号/车辆类型/燃料类型/标记吨位/准牵引质量)', |
| | |
| | | scaleSplit: '货运/模板_规上规下拆分运输量.xlsx', |
| | | freightTurnover: '货运/模板_货运量周转量.xlsx', |
| | | passengerMonthly: '公路旅客/模板_交企统H203-1表_公路旅客运输月度生产情况.xlsx', |
| | | passengerAuth: '公路旅客/模板_公路旅客运政车辆数.xlsx', |
| | | passengerAuth: '公路旅客/模板_公路旅客运政车辆数.xls', |
| | | passengerIndividual: '公路旅客/个体客运量汇总.xlsx', |
| | | energyMonthly: '能耗/模板_道路货运车辆能源消耗情况(2026).xlsx', |
| | | energyAuth: '能耗/模板_能耗车辆运政信息.xlsx', |
| | |
| | | message: '' |
| | | } |
| | | this.importOne(row).then(() => { |
| | | this.showImportResult(row) |
| | | if ((row.type === 'investment' || row.type === 'investmentLogistics') && row.status === 'success') { |
| | | this.checkInvest(this.period) |
| | | } |
| | |
| | | }) |
| | | .finally(() => { this.cityDirLoading = false }) |
| | | }, |
| | | showImportResult(row) { |
| | | if (!row || !row.status) return |
| | | const msg = (row.message || '').toString() |
| | | if (row.status === 'success') { |
| | | const text = (msg && msg.indexOf('导入') !== -1) ? msg : '数据导入成功' |
| | | this.$message({ message: text, type: 'success', duration: 5000 }) |
| | | } else { |
| | | this.$alert((msg || '数据导入失败,详见下方失败记录').replace(/\n/g, '<br>'), '数据导入失败', { |
| | | dangerouslyUseHTMLString: true, |
| | | type: 'error', |
| | | confirmButtonText: '知道了' |
| | | }) |
| | | } |
| | | }, |
| | | importOne(row) { |
| | | if (!this.period) { this.$message.warning('请先选择报表期'); return Promise.resolve() } |
| | | row.status = 'uploading' |
| | |
| | | }) |
| | | .catch(e => { if (!e || !e._toast) this.$message.error('导入记录加载失败,请刷新重试') }) |
| | | .finally(() => { this.batchLoading = false }) |
| | | }, |
| | | clearPeriodData() { |
| | | if (!this.period) { this.$message.warning('请先选择报表期'); return } |
| | | if (this.importing) { this.$message.warning('正在导入数据,请等待导入完成后再清空'); return } |
| | | if (this.clearing) return |
| | | this.$confirm( |
| | | '将清空 ' + this.period + ' 报表期在数据库中的全部已导入数据,同时删除该报表期的审核结果与导入批次记录(便于整月重新导入)。\n此操作不可撤销,是否继续?', |
| | | '清空 ' + this.period + ' 数据', |
| | | { type: 'warning', confirmButtonText: '确认清空', cancelButtonText: '取消' } |
| | | ).then(() => { |
| | | this.clearing = true |
| | | api.post('/import/clear', null, { params: { period: this.period }, timeout: 600000 }) |
| | | .then(() => { |
| | | this.$message.success('已清空 ' + this.period + ' 报表期的数据,可以重新导入') |
| | | this.loadData() |
| | | }) |
| | | .catch(e => { |
| | | if (e && e._toast) return |
| | | this.$message.error((e.response && e.response.data && e.response.data.message) || '清空失败,请稍后重试') |
| | | }) |
| | | .finally(() => { this.clearing = false }) |
| | | }).catch(() => {}) |
| | | }, |
| | | batchKeyToType(k) { |
| | | if (BATCH_TYPE_MAP[k]) return BATCH_TYPE_MAP[k] |
| | |
| | | .import-side.side-open .side-toggle-text { writing-mode: horizontal-tb; letter-spacing: normal; margin-top: 0; } |
| | | .side-content { padding: 8px 12px 12px; max-height: calc(100vh - 220px); overflow-y: auto; overscroll-behavior: contain; } |
| | | .side-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 600; margin-bottom: 6px; } |
| | | .side-head-btns { display: flex; align-items: center; gap: 2px; flex-shrink: 0; } |
| | | .side-head-btns .el-button + .el-button { margin-left: 0; } |
| | | .import-side .overview-grid { display: block; } |
| | | .import-side .ov-row { display: block; margin-bottom: 6px; } |
| | | .import-side .ov-group { width: auto; } |