- +
@@ -11,11 +11,11 @@
正式客户
- +
- + +
@@ -37,11 +37,11 @@
完工规模
- MW + MW
- +
@@ -50,13 +50,13 @@
在库规模
- MW + MW
- +
有效电站量 @@ -66,36 +66,16 @@
- +
- 各地区电站对比 + 地区数据统计
- - -
- 节点占比 -
-
-
-
- - - - -
- 项目占比 -
-
-
-
- -
@@ -112,15 +92,16 @@ data() { return { pgData: { - zskh: 0, - yxdzs: 0, - wggm: 0, - zkgm: 0 + group_vo: { + zskh: 0, + yxdzs: 0, + wggm: 0, + zkgm: 0 + }, + order_area: [] }, charta: null, - chartb: null, - chartc: null, - chartd: null + chartb: null } }, beforeDestroy() { @@ -132,21 +113,11 @@ this.chartb.dispose() this.chartb = null } - if (this.chartc) { - this.chartc.dispose() - this.chartc = null - } - if (this.chartd) { - this.chartd.dispose() - this.chartd = null - } }, mounted() { this.$nextTick(() => { this.initCharta() this.initChartb() - this.initChartc() - this.initChartd() }) }, created() { @@ -159,50 +130,82 @@ }).catch(e => console.log(e)) }, initCharta() { - req.statisticgroup_new_data().then(resp => { - const _dataX = resp.data.listx - const _dataY1 = resp.data.listy + req.screenindex().then(resp => { + const _dataX = [{ + name: '正常(户用)', + value: resp.data.line_count + }, + { + name: '离线(户用)', + value: resp.data.wait_count + }, + { + name: '故障(户用)', + value: resp.data.warning_count + } + ] this.charta = echarts.init(this.$refs.charta) this.charta.setOption({ - tooltip: { - trigger: 'axis', - axisPointer: { - type: 'shadow' - } + title: { + show: true, + text: '电站总数', + left: 'center', + top: '40%' }, - xAxis: { - type: 'category', - data: _dataX - }, - yAxis: { - type: 'value' + graphic: [{ + type: 'text', + left: 'center', + top: '50%', + style: { + text: resp.data.all_count, + textAlign: 'center', + fill: '#FF0000', + fontSize: 30, + fontWeight: 'bold' + } + }], + tooltip: { + // trigger: 'axis', + // axisPointer: { + // type: 'shadow' + // } }, + legend: {}, grid: { left: 45 }, series: [{ - data: _dataY1, - type: 'line' + name: '电站状态', + type: 'pie', + radius: ['40%', '70%'], + data: _dataX }] }) }) }, initChartb() { - req.statisticgroup_area().then(resp => { + req.statistichomepage().then(resp => { + const areadata = resp.data.order_area const _dataX = [] const _dataY1 = [] - for (var i = 0; i < resp.data.length; i++) { - _dataX.push(resp.data[i].name) - _dataY1.push(resp.data[i].count) + const _dataY2 = [] + for (var i = 0; i < areadata.length; i++) { + _dataX.push(areadata[i].name) + _dataY1.push(Number(areadata[i].all_power) / 1000) + _dataY2.push(areadata[i].count) } this.chartb = echarts.init(this.$refs.chartb) this.chartb.setOption({ tooltip: { + // show: false, trigger: 'axis', axisPointer: { type: 'shadow' - } + }, + // valueFormatter: (value) => '$' + value.toFixed(2) + formatter: '{b}
{a0}: {c0}
{a1}: {c1}kw' }, + legend: {}, xAxis: { type: 'category', data: _dataX @@ -214,113 +217,18 @@ // } }, grid: { - left: 40 + left: 50 }, series: [{ + name: '电站数', + data: _dataY2, + type: 'bar' + // label: { show: true } + }, { + name: '装机容量', data: _dataY1, type: 'bar' - }] - }) - }) - }, - initChartc() { - req.statisticgroup_node().then(resp => { - const _dataX = [] - // const _dataY1 = [] - for (var i = 0; i < resp.data.length; i++) { - const v = { - value: resp.data[i].count, - name: resp.data[i].name - } - _dataX.push(v) - } - this.chartc = echarts.init(this.$refs.chartc) - this.chartc.setOption({ - tooltip: { - trigger: 'item' - }, - legend: { - top: 'center', - left: '1%', - orient: 'vertical' - }, - series: [{ - name: '节点占比', - left: '30%', - type: 'pie', - radius: ['40%', '70%'], - avoidLabelOverlap: false, - itemStyle: { - borderRadius: 10, - borderColor: '#fff', - borderWidth: 2 - }, - label: { - show: false, - position: 'center' - }, - emphasis: { - label: { - show: true, - // fontSize: 40, - fontWeight: 'bold' - } - }, - labelLine: { - show: false - }, - data: _dataX - }] - }) - }) - }, - initChartd() { - req.statisticgroup_dataid().then(resp => { - const _dataX = [] - // const _dataY1 = [] - for (var i = 0; i < resp.data.length; i++) { - const v = { - value: resp.data[i].count, - name: resp.data[i].name - } - _dataX.push(v) - } - this.chartd = echarts.init(this.$refs.chartd) - this.chartd.setOption({ - tooltip: { - trigger: 'item' - }, - legend: { - top: 'center', - left: '1%', - orient: 'vertical' - }, - series: [{ - name: '项目占比', - left: '30%', - type: 'pie', - radius: ['40%', '70%'], - avoidLabelOverlap: false, - itemStyle: { - borderRadius: 10, - borderColor: '#fff', - borderWidth: 2 - }, - label: { - show: false, - position: 'center' - }, - emphasis: { - label: { - show: true, - // fontSize: 40, - fontWeight: 'bold' - } - }, - labelLine: { - show: false - }, - data: _dataX + // label: { show: true } }] }) }) @@ -450,4 +358,3 @@ } } - diff --git a/src/views/systemOrder/index-fromapi.vue b/src/views/systemOrder/index-fromapi.vue new file mode 100644 index 0000000..ae76af9 --- /dev/null +++ b/src/views/systemOrder/index-fromapi.vue @@ -0,0 +1,249 @@ + + + + diff --git a/src/views/systemOrder/index.vue b/src/views/systemOrder/index.vue index 7e770c4..c83d578 100644 --- a/src/views/systemOrder/index.vue +++ b/src/views/systemOrder/index.vue @@ -1,66 +1,77 @@