今日
@@ -95,10 +95,10 @@ export default {
data() {
return {
num: 0,
- yearNum: 0,
- monthNum: 0,
- yesterdayNum: 0,
- todayNum: 0,
+ yearNum: { arr: [], unit: false },
+ monthNum: { arr: [], unit: false },
+ yesterdayNum: { arr: [], unit: false },
+ todayNum: { arr: [], unit: false },
selectMonth: '',
currentMonthData: [120, 200, 150, 80, 70, 110, 130],
lastMonthData: [150, 120, 180, 60, 40, 130, 150],
@@ -130,12 +130,42 @@ export default {
getTotal() {
getTotalElectricity({ manufacturerBrand: this.deptName }).then(res => {
let data = res.data.data
- this.yearNum = data.currentYear.toString().split('')
- this.monthNum = data.currentMonth.toString().split('')
- this.yesterdayNum = data.yesterday.toString().split('')
- this.todayNum = data.today.toString().split('')
+ console.log(data, 'datadatadata')
+ this.yearNum.arr = this.formatNumber(data.currentYear).arr
+ this.yearNum.unit = this.formatNumber(data.currentYear).unit
+
+ this.monthNum.arr = this.formatNumber(data.currentMonth).arr
+ this.monthNum.unit = this.formatNumber(data.currentMonth).unit
+
+ this.yesterdayNum.arr = this.formatNumber(data.yesterday).arr
+ this.yesterdayNum.unit = this.formatNumber(data.yesterday).unit
+
+ this.todayNum.arr = this.formatNumber(data.today).arr
+ this.todayNum.unit = this.formatNumber(data.today).unit
})
},
+ formatNumber(n) {
+ let num = Number(n);
+ let val = ''
+ let unit = false
+ let json = {
+ unit,
+ arr: []
+ }
+ if (num == 0 || (num > 0 && num < 10000)) {
+ val = num;
+ } else {
+ unit = true
+ if (Number.isInteger(num)) {
+ val = (num / 10000).toFixed(2)
+ } else {
+ val = (Math.round(num) / 10000).toFixed(2)
+ }
+ }
+ json.unit = unit
+ json.arr = val.toString().split('')
+ return json
+ },
getTrend() {
this.currentMonthData = [];
this.lastMonthData = []
diff --git a/src/views/energySourcesProvince/component/tendency.vue b/src/views/energySourcesProvince/component/tendency.vue
index 806d799..3795246 100644
--- a/src/views/energySourcesProvince/component/tendency.vue
+++ b/src/views/energySourcesProvince/component/tendency.vue
@@ -42,13 +42,19 @@ export default {
if (i == 0) {
json.label.offset = [12, 0]
} else if (i == datas.length - 1) {
- json.label.offset = [-20, 0]
+ if (json.value >= 1000) {
+ json.label.offset = [-22, 0]
+ } else if (json.value >= 10 && json.value < 1000) {
+ json.label.offset = [-14, 0]
+ } else {
+ json.label.offset = [-4, 0]
+ }
} else {
json.label.offset = [0, 0]
}
return json
})
-
+
this.echartsInit(xAxisData, seriesData)
})
},
diff --git a/vue.config.js b/vue.config.js
index e61c5d7..02b4d97 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -33,6 +33,7 @@ module.exports = {
// target: "http://192.168.3.36:82",
// 发布内网地址
// target: "http://192.168.1.5:80/api",
+ // target: "http://124.221.142.15/api",
ws: true,
pathRewrite: {
"^/api": "/",