-
数据统计
-
- 近一周
+ 数据统计
+
+ 近一周
今日
昨日
@@ -222,7 +237,9 @@
近一周
- 
自定义
+ 自定义
+
-
+
@@ -253,15 +271,16 @@ import {getBannerListApi} from "@/api/sys/banner";
import {getNotificationlogList} from "@/api/sys/sysNotificationlog";
import {employeeSalesApi} from "@/api/indexStatistics";
import {getDataAnalysis, getDataBoard, getDataCount, getDataShow, getTotalAmount} from "@/api/allOrder";
+
export default {
- props:["accountId"],
- data(){
- return{
- xShow:false,
- timeShow:false,
+ props: ["accountId"],
+ data() {
+ return {
+ xShow: false,
+ timeShow: false,
form: {},
- timeList:[
+ timeList: [
"今日",
"近一周",
"近一月",
@@ -288,20 +307,22 @@ export default {
value1: [],
value2: [],
imagePath: process.env.VUE_APP_SERVER_URL,
- queryParams:{},
+ queryParams: {},
// 店铺数量
- storeTotal:{},
+ storeTotal: {},
// 店铺金额
- storeAmount:{},
+ storeAmount: {},
// banner图列表
- bannerList:{},
- storeList:[],
- hardwareList:[],
- noticeList:[],
- employeList:[],
- dataAnalysisOilNumberList:[],
- dataAnalysisAllList:[],
- dataAnalysisIfOilList:[],
+ bannerList: {},
+ storeList: [],
+ hardwareList: [],
+ noticeList: [],
+ employeList: [],
+ dataAnalysisOilNumberList: [],
+ dataAnalysisAllList: [],
+ dataAnalysisIfOilList: [],
+ //数据统计
+ dataCount: {},
}
},
created() {
@@ -355,42 +376,46 @@ export default {
// 获取数据分析信息
getDataAnalysis() {
getDataAnalysis().then(res => {
- console.log('数据分析的数据',res)
+ // console.log('数据分析的数据', res)
if (res.code == 200) {
for (let i = 0; i < res.data.length; i++) {
if (res.data[i].type == 1) {
this.dataAnalysisOilNumberList.push(res.data[i])
- }else if (res.data[i].type == 2) {
+ } else if (res.data[i].type == 2) {
this.dataAnalysisIfOilList.push(res.data[i])
- }else if (res.data[i].type == 3) {
+ } else if (res.data[i].type == 3) {
this.dataAnalysisAllList.push(res.data[i])
}
}
- console.log('dataAnalysisOilNumberList',this.dataAnalysisOilNumberList)
- console.log('dataAnalysisIfOilList',this.dataAnalysisIfOilList)
- console.log('dataAnalysisAllList',this.dataAnalysisAllList)
+ // console.log('dataAnalysisOilNumberList', this.dataAnalysisOilNumberList)
+ // console.log('dataAnalysisIfOilList', this.dataAnalysisIfOilList)
+ // console.log('dataAnalysisAllList', this.dataAnalysisAllList)
// this.initChart()
}
})
},
//油站首页数据展示
- getDataShow(){
+ getDataShow() {
const data = {
"startTime": this.value1[0].split(' ')[0],
"endTime": this.value1[1].split(' ')[0]
}
getDataShow(data).then(res => {
- console.log('首页数据展示',res)
+ // console.log('首页数据展示', res)
})
},
//油站首页数据统计
- getDataCount(){
+ getDataCount() {
const data = {
"startTime": this.value1[0].split(' ')[0],
"endTime": this.value1[1].split(' ')[0]
}
getDataCount(data).then(res => {
- console.log('首页数据统计',res)
+ console.log('首页数据统计', res.data)
+ if (res.code == 200) {
+ this.dataCount = res.data
+ this.initChart()
+ }
})
},
getNoticeList() {
@@ -494,6 +519,32 @@ export default {
userBalanceList.push(item.userBalance)
})
}
+ const times = this.dataCount.oilData.map(item => item.time);
+ const count = [];
+
+ for (let i = 0; i < this.dataCount.oilNames.length; i++) {
+ let a = {
+ name: this.dataCount.oilNames[i],
+ color: '#FF9655',
+ type: 'bar',
+ tooltip: {
+ valueFormatter: function (value) {
+ return value;
+ }
+ },
+ barWidth: 13,
+ itemStyle: {
+ normal: {
+ barBorderRadius: [50, 50, 0, 0]
+ }
+ },
+ barGap: '60%',
+ data: this.dataCount.oilData.map(item => item.money[i])
+ // data: oilAmountList
+ }
+ count.push(a)
+ }
+ console.log('count', count)
const option = {
color: [
@@ -558,7 +609,7 @@ export default {
// },
//
// ],
- data:this.dataAnalysisIfOilList,
+ data: this.dataAnalysisIfOilList,
emphasis: {
itemStyle: {
shadowBlur: 10,
@@ -608,7 +659,7 @@ export default {
// },
//
// ],
- data:this.dataAnalysisAllList,
+ data: this.dataAnalysisAllList,
emphasis: {
itemStyle: {
shadowBlur: 10,
@@ -620,6 +671,7 @@ export default {
]
};
+
const option3 = {
tooltip: {
trigger: 'axis',
@@ -631,13 +683,13 @@ export default {
}
},
legend: {
- data: ['Evaporation', '油品交易额', '非油品交易额', '会员充值金额', '会员消费金额', '会员余额']
+ data: this.dataCount.oilNames
},
xAxis: [
{
type: 'category',
- data: ['中建锦绣广场1站', '中建锦绣广场2站', '中建锦绣广场3站', '中建锦绣广场4站', '中建锦绣广场5站', '中建锦绣广场6站', '中建锦绣广场7站'],
- // data: storeNameList,
+ // data: ['中建锦绣广场1站', '中建锦绣广场2站', '中建锦绣广场3站', '中建锦绣广场4站', '中建锦绣广场5站', '中建锦绣广场6站', '中建锦绣广场7站'],
+ data: times,
axisPointer: {
type: 'shadow'
}
@@ -665,109 +717,110 @@ export default {
// }
// }
],
- series: [
- {
- name: '油品交易额',
- color: '#FF9655',
- type: 'bar',
- tooltip: {
- valueFormatter: function (value) {
- return value;
- }
- },
- barWidth: 13,
- itemStyle: {
- normal: {
- barBorderRadius: [50, 50, 0, 0]
- }
- },
- barGap: '60%',
- // data: [
- // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
- // ]
- data: oilAmountList
- },
- {
- name: '非油品交易额',
- color: '#55F3FF',
- type: 'bar',
- tooltip: {
- valueFormatter: function (value) {
- return value;
- }
- },
- barWidth: 13,
- itemStyle: {
- normal: {
- barBorderRadius: [50, 50, 0, 0]
- }
- },
- // data: [
- // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
- // ]
- data: noOilAmountList
- },
- {
- name: '会员充值金额',
- color: '#0DC291',
- type: 'bar',
- tooltip: {
- valueFormatter: function (value) {
- return value;
- }
- },
- barWidth: 13,
- itemStyle: {
- normal: {
- barBorderRadius: [50, 50, 0, 0]
- }
- },
- // data: [
- // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
- // ]
- data: rechargeBalanceList
- },
- {
- name: '会员消费金额',
- color: '#fe8c4a',
- type: 'bar',
- tooltip: {
- valueFormatter: function (value) {
- return value;
- }
- },
- barWidth: 13,
- itemStyle: {
- normal: {
- barBorderRadius: [50, 50, 0, 0]
- }
- },
- // data: [
- // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
- // ]
- data: consumeBalanceList
- },
- {
- name: '会员余额',
- color: '#D55F5F',
- type: 'bar',
- tooltip: {
- valueFormatter: function (value) {
- return value;
- }
- },
- barWidth: 13,
- itemStyle: {
- normal: {
- barBorderRadius: [50, 50, 0, 0]
- }
- },
- // data: [
- // 2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
- // ]
- data: userBalanceList
- }
- ],
+ // series: [
+ // {
+ // name: '油品交易额',
+ // color: '#FF9655',
+ // type: 'bar',
+ // tooltip: {
+ // valueFormatter: function (value) {
+ // return value;
+ // }
+ // },
+ // barWidth: 13,
+ // itemStyle: {
+ // normal: {
+ // barBorderRadius: [50, 50, 0, 0]
+ // }
+ // },
+ // barGap: '60%',
+ // data: [
+ // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ // ]
+ // // data: oilAmountList
+ // },
+ // {
+ // name: '非油品交易额',
+ // color: '#55F3FF',
+ // type: 'bar',
+ // tooltip: {
+ // valueFormatter: function (value) {
+ // return value;
+ // }
+ // },
+ // barWidth: 13,
+ // itemStyle: {
+ // normal: {
+ // barBorderRadius: [50, 50, 0, 0]
+ // }
+ // },
+ // // data: [
+ // // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ // // ]
+ // data: noOilAmountList
+ // },
+ // {
+ // name: '会员充值金额',
+ // color: '#0DC291',
+ // type: 'bar',
+ // tooltip: {
+ // valueFormatter: function (value) {
+ // return value;
+ // }
+ // },
+ // barWidth: 13,
+ // itemStyle: {
+ // normal: {
+ // barBorderRadius: [50, 50, 0, 0]
+ // }
+ // },
+ // // data: [
+ // // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ // // ]
+ // data: rechargeBalanceList
+ // },
+ // {
+ // name: '会员消费金额',
+ // color: '#fe8c4a',
+ // type: 'bar',
+ // tooltip: {
+ // valueFormatter: function (value) {
+ // return value;
+ // }
+ // },
+ // barWidth: 13,
+ // itemStyle: {
+ // normal: {
+ // barBorderRadius: [50, 50, 0, 0]
+ // }
+ // },
+ // // data: [
+ // // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ // // ]
+ // data: consumeBalanceList
+ // },
+ // {
+ // name: '会员余额',
+ // color: '#D55F5F',
+ // type: 'bar',
+ // tooltip: {
+ // valueFormatter: function (value) {
+ // return value;
+ // }
+ // },
+ // barWidth: 13,
+ // itemStyle: {
+ // normal: {
+ // barBorderRadius: [50, 50, 0, 0]
+ // }
+ // },
+ // data: [
+ // 2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+ // ]
+ // // data: userBalanceList
+ // }
+ // ],
+ series: count,
grid: {
left: '3%',
right: '3%',
+ 
+ 
+