|
@@ -3,15 +3,16 @@
|
|
|
<histogram
|
|
|
style="position: absolute; left: 20px; top: 98px"
|
|
|
class="animated fadeInLeft"
|
|
|
- title="各区域移栽产量分析"
|
|
|
+ title="商品总额"
|
|
|
:barHeight="'316px'"
|
|
|
- total="2700"
|
|
|
- :area="Transplantarea"
|
|
|
- :dataArray="TransplantdataArray"
|
|
|
+ :total=goodsTotal
|
|
|
+ :area="goodsPlantArea"
|
|
|
+ :dataArray="goodsPlantDataArray"
|
|
|
/>
|
|
|
<weatherForecast
|
|
|
id="平台订单总量趋势(月)"
|
|
|
:barHeight="'312px'"
|
|
|
+ :showLegnd="false"
|
|
|
style="position: absolute; left: 20px; top: 426px"
|
|
|
class="animated fadeInLeft"
|
|
|
title="平台订单总量趋势(月)"
|
|
@@ -24,6 +25,9 @@
|
|
|
style="position: absolute; left: 20px; top: 750px"
|
|
|
class="animated fadeInLeft"
|
|
|
title="平台订单总交易额趋势(月)"
|
|
|
+ :area="wavyLineArea"
|
|
|
+ :showLegnd="false"
|
|
|
+ :dataArray="wavyLinedataArray"
|
|
|
>
|
|
|
</ComplexHistograms>
|
|
|
<threeMap
|
|
@@ -37,22 +41,23 @@
|
|
|
v-if="hasGetJson"
|
|
|
:getJson="getJson"
|
|
|
></threeMap>
|
|
|
-<!-- <pieChartsList :barHeight="'254px'"-->
|
|
|
-<!-- id="商品交易类型分布"-->
|
|
|
-<!-- style="position: absolute; right: 50%; top: 760px; transform: translate(50%,15%);"-->
|
|
|
-<!-- title="商品交易类型分布"-->
|
|
|
-<!-- :area="trendarea"-->
|
|
|
-<!-- :dataArray="trendDataArray">-->
|
|
|
+ <!-- <pieChartsList :barHeight="'254px'"-->
|
|
|
+ <!-- id="商品交易类型分布"-->
|
|
|
+ <!-- style="position: absolute; right: 50%; top: 760px; transform: translate(50%,15%);"-->
|
|
|
+ <!-- title="商品交易类型分布"-->
|
|
|
+ <!-- :area="trendarea"-->
|
|
|
+ <!-- :dataArray="trendDataArray">-->
|
|
|
|
|
|
-<!-- </pieChartsList>-->
|
|
|
+ <!-- </pieChartsList>-->
|
|
|
<weatherForecast
|
|
|
:barHeight="'254px'"
|
|
|
id="订单总量"
|
|
|
style="position: absolute; right: 20px; top: 98px"
|
|
|
class="animated fadeInRight"
|
|
|
title="订单总量"
|
|
|
- :area="trendarea"
|
|
|
- :dataArray="trendDataArray"
|
|
|
+ :showLegnd="false"
|
|
|
+ :area="HorizontalArea"
|
|
|
+ :dataArray="HorizontalArray"
|
|
|
></weatherForecast>
|
|
|
<weatherForecast
|
|
|
id="订单总量2"
|
|
@@ -60,12 +65,15 @@
|
|
|
style="position: absolute; right: 20px; top: 364px"
|
|
|
class="animated fadeInRight"
|
|
|
title="订单总量"
|
|
|
+ :showLegnd="false"
|
|
|
:area="Weatherarea"
|
|
|
:dataArray="WeatherdataArray"
|
|
|
></weatherForecast>
|
|
|
<HybridCharts
|
|
|
class="animated fadeInRight"
|
|
|
title="平台订单来源类型分布"
|
|
|
+ :data="chartData"
|
|
|
+ :dataSource="dataSource"
|
|
|
style="position: absolute; right: 20px; top: 630px">
|
|
|
</HybridCharts>
|
|
|
</bgBox>
|
|
@@ -107,6 +115,8 @@ export default {
|
|
|
},
|
|
|
max: 100,
|
|
|
autoVueFnInit: false,
|
|
|
+ chartData:[],
|
|
|
+ dataSource:[],
|
|
|
statisticsData: {
|
|
|
title: `目标完成率`,
|
|
|
value: 0,
|
|
@@ -123,8 +133,9 @@ export default {
|
|
|
lastName: `去年`,
|
|
|
thisName: `今年`,
|
|
|
},
|
|
|
- TransplantdataArray: [120, 200, 150, 80, 70, 110, 130],
|
|
|
- Transplantarea: ['商品类型', '商品类型', '商品类型', '商品类型', '商品类型', '商品类型', '商品类型'],
|
|
|
+ goodsTotal: null,
|
|
|
+ goodsPlantDataArray: [120, 200, 150, 80, 70, 110, 130],
|
|
|
+ goodsPlantArea: ['商品类型', '商品类型', '商品类型', '商品类型', '商品类型', '商品类型', '商品类型'],
|
|
|
Weatherarea: [],
|
|
|
WeatherdataArray: {
|
|
|
temperature: [],
|
|
@@ -158,47 +169,45 @@ export default {
|
|
|
computed: {},
|
|
|
created() {
|
|
|
this.getJSON()
|
|
|
- // this.$util.autoVueFn(
|
|
|
- // [
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getWeatherForecast,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getAnalysisOfTransplantYieldInVariousRegions,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getTransplantAreaInEachRegion,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getAnalysisOfTransplantingSituation,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getStatistics,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // time: 1000 * 60,
|
|
|
- // fn: this.getTrendAnalysis,
|
|
|
- // },
|
|
|
- // ],
|
|
|
- // {
|
|
|
- // vm: this,
|
|
|
- // batEnd() {
|
|
|
- // this.autoVueFnInit = true
|
|
|
- // },
|
|
|
- // }
|
|
|
- // )
|
|
|
+ this.$util.autoVueFn(
|
|
|
+ [
|
|
|
+ // {
|
|
|
+ // time: 1000 * 60,
|
|
|
+ // fn: this.getWeatherForecast,
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ time: 1000 * 60,
|
|
|
+ fn: this.getAnalysisOfTransplantYieldInVariousRegions,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: 1000 * 60,
|
|
|
+ fn: this.getTransplantAreaInEachRegion,
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // time: 1000 * 60,
|
|
|
+ // fn: this.getAnalysisOfTransplantingSituation,
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ time: 1000 * 60,
|
|
|
+ fn: this.getStatistics,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ time: 1000 * 60,
|
|
|
+ fn: this.getTrendAnalysis,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ {
|
|
|
+ vm: this,
|
|
|
+ batEnd() {
|
|
|
+ this.autoVueFnInit = true
|
|
|
+ },
|
|
|
+ }
|
|
|
+ )
|
|
|
},
|
|
|
mounted() {
|
|
|
},
|
|
|
methods: {
|
|
|
async toView(code) {
|
|
|
- console.log(code)
|
|
|
-
|
|
|
const {id, 区域编码} = (await this.$util.code2base(this, code)) || {}
|
|
|
this.$router.push({
|
|
|
path: `/page3`,
|
|
@@ -216,30 +225,26 @@ export default {
|
|
|
} else if (val === 2) {
|
|
|
this.$router.push(`/page3`)
|
|
|
}
|
|
|
- console.log(`val`, val)
|
|
|
},
|
|
|
getAnalysisOfTransplantYieldInVariousRegions() {
|
|
|
return this.$http
|
|
|
- .get(`/api/analysisOfTransplantYieldInVariousRegions`)
|
|
|
+ .get(`/api/screen/qxjy/goodsStatistics`)
|
|
|
.then((res) => {
|
|
|
const area = []
|
|
|
const dataArray = []
|
|
|
- res.forEach((element) => {
|
|
|
- area.push(element.名称.slice(0, 2))
|
|
|
- dataArray.push(element.值)
|
|
|
+ res.list.forEach((element) => {
|
|
|
+ area.push(element.label)
|
|
|
+ dataArray.push(element.value)
|
|
|
})
|
|
|
- this.Transplantarea = area
|
|
|
- this.TransplantdataArray = dataArray
|
|
|
+ this.goodsTotal = res.total
|
|
|
+ this.goodsPlantArea = area
|
|
|
+ this.goodsPlantDataArray = dataArray
|
|
|
this.isGetData = true
|
|
|
})
|
|
|
},
|
|
|
getWeatherForecast() {
|
|
|
return this.$http
|
|
|
- .get(`/api/weatherForecast`, {
|
|
|
- params: {
|
|
|
- districtId: 0,
|
|
|
- },
|
|
|
- })
|
|
|
+ .get(`/api/screen/qxjy/orderTotalAmount`)
|
|
|
.then((res) => {
|
|
|
const area = []
|
|
|
const dataArray = {
|
|
@@ -257,16 +262,16 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
getTransplantAreaInEachRegion() {
|
|
|
- return this.$http.get(`/api/transplantAreaInEachRegion`).then((res) => {
|
|
|
+ return this.$http.get(`/api/screen/qxjy/orderTotalTrend`).then((res) => {
|
|
|
const area = []
|
|
|
const dataArray = {
|
|
|
LastYear: [],
|
|
|
thisYear: [],
|
|
|
}
|
|
|
+ console.log(res,'231323123')
|
|
|
res.forEach((element) => {
|
|
|
- area.push(element.名称.slice(0, 2))
|
|
|
- dataArray.LastYear.push(element.去年)
|
|
|
- dataArray.thisYear.push(element.今年)
|
|
|
+ area.push(element.label)
|
|
|
+ dataArray.thisYear.push(element.value)
|
|
|
})
|
|
|
this.wavyLineArea = area
|
|
|
this.wavyLinedataArray = dataArray
|
|
@@ -274,7 +279,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
getAnalysisOfTransplantingSituation() {
|
|
|
- this.$http.get(`/api/analysisOfTransplantingSituation`).then((res) => {
|
|
|
+ this.$http.get(`/api/screen/qxjy/orderTotal`).then((res) => {
|
|
|
const area = []
|
|
|
const dataArray = {
|
|
|
Done: [],
|
|
@@ -292,42 +297,23 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
getStatistics() {
|
|
|
- return this.$http.get(`/api/realTimeStatistics`).then((res) => {
|
|
|
- const obj = this.statisticsData
|
|
|
- // eslint-disable-next-line no-prototype-builtins
|
|
|
- if (res.hasOwnProperty(obj.title)) {
|
|
|
- obj.value = res[obj.title]
|
|
|
- }
|
|
|
- const list1 = this.statisticsData.acrossList
|
|
|
- this.statisticsData.acrossList = list1.map((item) => {
|
|
|
- // eslint-disable-next-line no-prototype-builtins
|
|
|
- if (res.hasOwnProperty(item.name)) {
|
|
|
- return {...item, value: res[item.name]}
|
|
|
- }
|
|
|
- return item
|
|
|
- })
|
|
|
- const list2 = this.statisticsData.verticalList
|
|
|
- this.statisticsData.verticalList = list2.map((item) => {
|
|
|
- // eslint-disable-next-line no-prototype-builtins
|
|
|
- if (res.hasOwnProperty(item.name)) {
|
|
|
- return {...item, value: res[item.name]}
|
|
|
- }
|
|
|
- return item
|
|
|
- })
|
|
|
- this.isCake = true
|
|
|
+ return this.$http.get(`/api/screen/qxjy/orderSourceType`).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ this.chartData = res.list1
|
|
|
+ this.dataSource = res.list2
|
|
|
})
|
|
|
},
|
|
|
getTrendAnalysis() {
|
|
|
- return this.$http.get(`/api/transplantTrendAnalysis`).then((res) => {
|
|
|
+ return this.$http.get(`/api/screen/qxjy/orderTotalTrend`).then((res) => {
|
|
|
const area = []
|
|
|
const dataArray = {
|
|
|
LastYear: [],
|
|
|
thisYear: [],
|
|
|
}
|
|
|
res.forEach((element) => {
|
|
|
- area.push(element.时间)
|
|
|
- dataArray.LastYear.push(element.去年)
|
|
|
- dataArray.thisYear.push(element.今年)
|
|
|
+ area.push(element.label
|
|
|
+ )
|
|
|
+ dataArray.thisYear.push(element.value)
|
|
|
})
|
|
|
this.trendarea = area
|
|
|
this.trendDataArray = dataArray
|