api 接口封装地图

liuqimichale
1 parent 8dcd7f64
Showing 4 changed files with 96 additions and 78 deletions
src/api/api.js
src/components/chinaMap/index.vue
src/components/weekAndDay/uDay.vue
src/components/weekAndDay/uWeek.vue
@@ -17,3 +17,15 @@ export const deviceAddress = p =&gt; post(&#39;urban/intelligence/device/queryDeviceSta
  
 //....消息
 export const msgAddress = p => post('urban/intelligence/orderPark/queryLastOrderPark',p)
+
+//....今日车流量
+export const dayAddress = p => post('urban/intelligence/orderPark/queryOrderParkNumForToday',p)
+
+//....周出场
+export const weekAddress = p => post('urban/intelligence/orderPark/queryOrderParkNumForLastWeek',p)
+
+//....停车场总数
+export const parkAddress = p => post('urban/intelligence/park/queryParkNumStatisticByOrgIds',p)
+
+//....地图
+export const baiduMapAddress = p => post('urban/intelligence/berth/queryBerthStatisticForOrgId',p)
@@ -33,6 +33,8 @@
   import echarts from 'echarts'
   import countTo from 'vue-count-to';//通过设置：endVall 和 ：startVall 会自动判断计数和倒数，:duration='3000'是指完成动画的时间。
   import {mapGetters} from 'vuex' //use commit
+  import { parkAddress, baiduMapAddress } from '../../api/api'
+
   export default {
     name: "chinaMap",
     components: { countTo },
@@ -45,11 +47,11 @@
         },
         memberParams:{//memberTotal:738,//会员总数
           startVal:0,
-          endVal: 7200
+          endVal: 0
         },
         dayParams:{//dayTotal:10000,//今日订单数
           startVal:0,
-          endVal: 1000
+          endVal: 0
         },
         mapChart: {},
         mapData:[],
@@ -60,44 +62,43 @@
       ...mapGetters(['getParkingTotal','getOrderTotal'])
     },
     mounted() {
-      this.axios.post('urban/intelligence/park/queryParkNumStatisticByOrgIds',{
-        orgIds: this.GLOBAL.paramsvariables
-      }).then((response)=>{
-        let  data = response.data.data
-        this.parkParams.endVal=data
-      }).catch((response)=>{
-        console.log(response);
-      })
-      this.axios.post('urban/intelligence/berth/queryBerthStatisticForOrgId',{
-        orgIds: [10003,10005]
-      }).then((response)=>{
-        let  data = response.data.data
-        console.log(data)
-        //let mapData = [];
-        for (let i=0;i<data.length;i++){
-          this.mapData.push({
-            name:data[i].orgName,
-            value:data[i].allBerthNum
-          })
-          //this.coordinateData.data[i].orgName = [data[i].lonId,data[i].orgId]
-          // this.coordinateData.push({
-          //   key: data[i].orgName,value:[data[i].lonId,data[i].latId]
-          // })
-          this.coordinateData[data[i].orgName] = [data[i].lonId,data[i].latId]
-        }
-        //'双流': [103.912493, 30.586969]
-        console.log(this.coordinateData)
-        this.mapChart= this.createPie();
-        window.addEventListener('resize', function() {
-          this.mapChart.resize()
-        }.bind(this));
-      }).catch((response)=>{
-        console.log(response);
-      })
-
-
+      this.parkInit()
+      this.baiduMapInit()
     },
     methods: {
+      parkInit() {
+        parkAddress({
+          orgIds: this.GLOBAL.paramsvariables
+        }).then((response)=>{
+          let  data = response.data.data
+          this.parkParams.endVal=data
+        }).catch((response)=>{
+          console.log(response);
+        })
+      },
+      baiduMapInit() {
+        baiduMapAddress({
+          orgIds: this.GLOBAL.paramsvariables
+        }).then((response)=>{
+          let  data = response.data.data
+          console.log(data)
+          //let mapData = [];
+          for (let i=0;i<data.length;i++){
+            this.mapData.push({
+              name:data[i].orgName,
+              value:data[i].allBerthNum
+            })
+            this.coordinateData[data[i].orgName] = [data[i].lonId,data[i].latId]
+          }
+          //'双流': [103.912493, 30.586969]
+          this.mapChart= this.createPie();
+          window.addEventListener('resize', function() {
+            this.mapChart.resize()
+          }.bind(this));
+        }).catch((response)=>{
+          console.log(response);
+        })
+      },
       /*
        * china地图
        * */
@@ -13,7 +13,7 @@
  
 <script>
   import echarts from 'echarts'
-
+  import { dayAddress } from '../../api/api'
     export default {
       name: "uDay",
       data() {
@@ -26,26 +26,29 @@
        * 进出场折线图
        * */
       mounted() {
-        this.axios.post('urban/intelligence/orderPark/queryOrderParkNumForToday',{
-          orgIds: this.GLOBAL.paramsvariables
-        }).then((response)=>{
-          let  data = response.data.data
-          let  xData=[],inNum=[],outNum=[]
-          for(let i=0;i<data.length;i++){
-            xData.push(data[i].queryDate)
-            inNum.push(data[i].inNum)
-            outNum.push(data[i].outNum)
-          }
-
-          this.lineChart=this.createLine(xData,inNum,outNum);
-          window.addEventListener('resize', function() {
-            this.lineChart.resize()
-          }.bind(this));
-        }).catch((response)=>{
-          console.log(response);
-        })
+        this.onLoad()
       },
       methods: {
+        onLoad() {
+          dayAddress({
+            orgIds: this.GLOBAL.paramsvariables
+          }).then((response)=>{
+            let  data = response.data.data
+            let  xData=[],inNum=[],outNum=[]
+            for(let i=0;i<data.length;i++){
+              xData.push(data[i].queryDate)
+              inNum.push(data[i].inNum)
+              outNum.push(data[i].outNum)
+            }
+
+            this.lineChart=this.createLine(xData,inNum,outNum);
+            window.addEventListener('resize', function() {
+              this.lineChart.resize()
+            }.bind(this));
+          }).catch((response)=>{
+            console.log(response);
+          })
+        },
         createLine(xAxis_data,series_in,series_out){
           // 基于准备好的dom，初始化echarts实例
           let lineChart = echarts.init(document.querySelector('.lineChart'));
@@ -14,7 +14,7 @@
  
 <script>
   import echarts from 'echarts'
-  import {mapActions} from 'vuex'
+  import { weekAddress } from '../../api/api'
     export default {
       name: "uWeek",
       data() {
@@ -24,28 +24,30 @@
         }
       },
       mounted() {
-        this.axios.post('urban/intelligence/orderPark/queryOrderParkNumForLastWeek',{
-          orgIds: this.GLOBAL.paramsvariables
-        }).then((response)=>{
-          let  data = response.data.data
-          let  xData=[],inNum=[],outNum=[],lastInNum
-          for(let i=0;i<data.length;i++){
-            xData.push(data[i].queryDate)
-            inNum.push(data[i].inNum)
-            outNum.push(data[i].outNum)
-            lastInNum = data[data.length-1].inNum
-          }
-          this.$store.dispatch('transferOrderTotal',lastInNum)
-          this.weekChart=this.createLine(xData,inNum,outNum);
-          window.addEventListener('resize', function() {
-            this.weekChart.resize()
-          }.bind(this));
-        }).catch((response)=>{
-          console.log(response);
-        })
-
+        this.onLoad()
       },
       methods: {
+        onLoad() {
+          weekAddress({
+            orgIds: this.GLOBAL.paramsvariables
+          }).then((response)=>{
+            let  data = response.data.data
+            let  xData=[],inNum=[],outNum=[],lastInNum
+            for(let i=0;i<data.length;i++){
+              xData.push(data[i].queryDate)
+              inNum.push(data[i].inNum)
+              outNum.push(data[i].outNum)
+              lastInNum = data[data.length-1].inNum
+            }
+            this.$store.dispatch('transferOrderTotal',lastInNum)
+            this.weekChart=this.createLine(xData,inNum,outNum);
+            window.addEventListener('resize', function() {
+              this.weekChart.resize()
+            }.bind(this));
+          }).catch((response)=>{
+            console.log(response);
+          })
+        },
         createLine(xAxis_data,series_in,series_out){
           // 基于准备好的dom，初始化echarts实例
           let lineChart = echarts.init(document.querySelector('.weekChart'));