diff --git a/src/views/dashboard/AllMoneyTenEcharts.vue b/src/views/dashboard/AllMoneyTenEcharts.vue index 2cea34d..fe3de46 100644 --- a/src/views/dashboard/AllMoneyTenEcharts.vue +++ b/src/views/dashboard/AllMoneyTenEcharts.vue @@ -10,6 +10,7 @@ import * as echarts from 'echarts' import {JeroListMixin} from '@/mixins/JeroListMixin' import {getAction} from '@api/manage' +import {formatMoney} from '@/utils/formatMoney' export default { name: 'AllMoneyTenEcharts', @@ -18,14 +19,7 @@ export default { return { disableMixinCreated: true, url: { - list: '/statistics/allProjectStatistics/listDepartment', - }, - // 给定当年作为来款年份默认查询条件 - queryParam: { - year: new Date().getFullYear().toString() - }, - lastQueryParam: { - year: new Date().getFullYear().toString() + list: '/index/top10Statistics', }, echartsData: { allMoney: [], @@ -37,6 +31,7 @@ export default { this.loadData(1) }, methods: { + formatMoney, loadData(arg) { if (!this.url.list) { this.$message.error('请设置url.list属性!') @@ -50,7 +45,7 @@ export default { this.loading = true getAction(this.url.list, params).then((res) => { if (res.success) { - this.initEcharts(res.result.pageList.records) + this.initEcharts(res.result) } if (res.code === 510) { this.$message.warning(res.message) @@ -61,10 +56,9 @@ export default { }) }, initEcharts(data) { - console.log(data) // 处理 x轴数据 let xData = data.reduce((pre, val) => { - return pre.concat(val.departName || '') + return pre.concat(val.name) }, []) // 处理y轴数据 data.map(item => { @@ -99,7 +93,7 @@ export default { ${item.seriesName} -
${item.data}
+
${this.formatMoney(item.data)}
` }) @@ -115,6 +109,39 @@ export default { }, axisLabel: { show: true, + interval:0, + // 坐标轴刻度标签换行处理 + formatter: function (params) { + let newParamsName = '' // 最终拼接成的字符串 + let paramsNameNumber = params.length // 实际标签的个数 + let provideNumber = 6 // 每行能显示的字的个数 + let rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 换行的话,需要显示几行,向上取整 + /** + * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签 + */ + // 条件等同于rowNumber>1 + if (paramsNameNumber > provideNumber) { + /** 循环每一行,p表示行 */ + for (let p = 0; p < rowNumber; p++) { + let tempStr = ''// 表示每一次截取的字符串 + let start = p * provideNumber // 开始截取的位置 + let end = start + provideNumber // 结束截取的位置 + // 此处特殊处理最后一行的索引值 + if (p === rowNumber - 1) { + // 最后一次不换行 + tempStr = params.substring(start, paramsNameNumber) + } else { + // 每一次拼接字符串并换行 + tempStr = params.substring(start, end) + '\n' + } + newParamsName += tempStr // 最终拼成的字符串 + } + } else { + // 将旧标签的值赋给新标签 + newParamsName = params + } + return newParamsName + }, color: '#999' }, // 刻度线设置 diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 27f84b6..56ca641 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -66,6 +66,7 @@ export default { return {} }, created() { + console.log(this.$store.getters.userInfo.roleCode === 'bmfzr' || this.$store.getters.userInfo.roleCode === 'sld') }, mounted() { }, diff --git a/src/views/dashboard/DepartmentTotalEcharts.vue b/src/views/dashboard/DepartmentTotalEcharts.vue index e4fea9a..6657b81 100644 --- a/src/views/dashboard/DepartmentTotalEcharts.vue +++ b/src/views/dashboard/DepartmentTotalEcharts.vue @@ -10,6 +10,7 @@ import * as echarts from 'echarts' import {JeroListMixin} from '@/mixins/JeroListMixin' import {getAction} from '@api/manage' +import {formatMoney} from '@/utils/formatMoney' export default { name: 'DepartmentTotalEcharts', @@ -18,14 +19,7 @@ export default { return { disableMixinCreated: true, url: { - list: '/statistics/allProjectStatistics/listDepartment', - }, - // 给定当年作为来款年份默认查询条件 - queryParam: { - year: new Date().getFullYear().toString() - }, - lastQueryParam: { - year: new Date().getFullYear().toString() + list: '/index/overallDepartmentStatistics', }, echartsData: { allMoney: [], @@ -37,6 +31,7 @@ export default { this.loadData(1) }, methods: { + formatMoney, loadData(arg) { if (!this.url.list) { this.$message.error('请设置url.list属性!') @@ -50,7 +45,7 @@ export default { this.loading = true getAction(this.url.list, params).then((res) => { if (res.success) { - this.initEcharts(res.result.pageList.records) + this.initEcharts(res.result) } if (res.code === 510) { this.$message.warning(res.message) @@ -61,10 +56,9 @@ export default { }) }, initEcharts(data) { - console.log(data) // 处理 x轴数据 let xData = data.reduce((pre, val) => { - return pre.concat(val.departName || '') + return pre.concat(val.name) }, []) // 处理y轴数据 data.map(item => { @@ -99,7 +93,7 @@ export default { ${item.seriesName} -
${item.data}
+
${this.formatMoney(item.data)}
` }) @@ -115,7 +109,39 @@ export default { }, axisLabel: { show: true, - color: '#999' + interval:0, + color: '#999', + formatter: function (params) { + let newParamsName = '' // 最终拼接成的字符串 + let paramsNameNumber = params.length // 实际标签的个数 + let provideNumber = 8 // 每行能显示的字的个数 + let rowNumber = Math.ceil(paramsNameNumber / provideNumber) // 换行的话,需要显示几行,向上取整 + /** + * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签 + */ + // 条件等同于rowNumber>1 + if (paramsNameNumber > provideNumber) { + /** 循环每一行,p表示行 */ + for (let p = 0; p < rowNumber; p++) { + let tempStr = ''// 表示每一次截取的字符串 + let start = p * provideNumber // 开始截取的位置 + let end = start + provideNumber // 结束截取的位置 + // 此处特殊处理最后一行的索引值 + if (p === rowNumber - 1) { + // 最后一次不换行 + tempStr = params.substring(start, paramsNameNumber) + } else { + // 每一次拼接字符串并换行 + tempStr = params.substring(start, end) + '\n' + } + newParamsName += tempStr // 最终拼成的字符串 + } + } else { + // 将旧标签的值赋给新标签 + newParamsName = params + } + return newParamsName + }, }, // 刻度线设置 axisTick: { diff --git a/src/views/dashboard/IncomeSortEcharts.vue b/src/views/dashboard/IncomeSortEcharts.vue index 975fa30..53bdb00 100644 --- a/src/views/dashboard/IncomeSortEcharts.vue +++ b/src/views/dashboard/IncomeSortEcharts.vue @@ -12,74 +12,140 @@