部分接口合并

src/api/article_z.js

@@ -13,5 +13,50 @@ export default {
   //路内泊位设置推荐
   queryGapMapContext(params) {
     return axios.post(`/dash/gap/analysis/stat1`, params)
-  }
+  },
+
+  // todo 设备运营主题(地图)
+  queryServiceMap(params) {
+    return axios.post(`/dash/service/operations/page`, params)
+  },
+  // todo 区域停车主题_区域饱和度
+  queryParkingArea_Qybhd(params) {
+    return axios.post(`/dash/parking/area/stat1`, params)
+  },
+  // todo 区域停车主题_停车热度时空分布
+  queryParkingArea_Tcrdskfb(params) {
+    return axios.post(`/dash/parking/area/stat3`, params)
+  },
+  // 区域停车主题_停车饱和度
+  queryParkingOperate_Tcbhd(params) {
+    return axios.post(`/dash/parking/operate/stat1`, params)
+  },
+  // 区域停车主题_停车场周转率分析
+  queryParkingOperate_Tczzlfx(params) {
+    return axios.post(`/dash/parking/operate/stat2`, params)
+  },
+  // 区域停车主题_停车场营收分析
+  queryParkingOperate_Tccysfx(params) {
+    return axios.post(`/dash/parking/operate/stat3`, params)
+  },
+  // 区域停车主题_特殊车辆进场占比
+  queryParkingOperate_Tscljczb(params) {
+    return axios.post(`/dash/parking/operate/stat4`, params)
+  },
+  // 区域停车主题_车辆进出场趋势
+  queryParkingOperate_Cljccqs(params) {
+    return axios.post(`/dash/parking/operate/stat5`, params)
+  },
+  // 区域停车主题_停车场营收对比分析
+  queryParkingOperate_Tccysdbfx(params) {
+    return axios.post(`/dash/parking/operate/stat6`, params)
+  },
+  // 区域停车主题_泊位盈余情况
+  queryBerthPerationNalysis_Bwyyqk(params) {
+    return axios.post(`/dash/berth/peration/nalysis/surplus`, params)
+  },
+  // 区域停车主题_泊位周转率分析
+  queryBerthPerationNalysis_Bwzzlfx(params) {
+    return axios.post(`/dash/berth/peration/nalysis/turnover`, params)
+  },
 }

src/pages/index/components/berth_peration_nalysis.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="body-wrapper">
     <div class="page-container">
-      <h2 style="color: white">泊位运营分析</h2>
+      <h2 style="color: #3498db;">泊位运营分析</h2>
       <div style="width: 99%; height: 350px">
         <linechart
           :autoStop="false"
@@ -39,6 +39,7 @@
 </template>
 <script>
 import linechart from "@/components/lineChart";
+import api from "@/api/article_z";
 
 
 export default {
@@ -54,11 +55,23 @@ export default {
     }
   },
   mounted() {
+    this.getLinedata1Data()
+    this.getLinedataData()
   },
   watch: {
 
   },
   methods: {
+    getLinedata1Data(){
+      api.queryBerthPerationNalysis_Bwzzlfx().then(res=>{
+        this.linedata1=res.data;
+      })
+    },
+    getLinedataData(){
+      api.queryBerthPerationNalysis_Bwyyqk().then(res=>{
+        this.linedata=res.data;
+      })
+    },
     lineTooltipFormat(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">

src/pages/index/components/charge_business_analysis.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="body-wrapper">
     <div style="width: 99%; height: 300px">
-      <h2 style="color: white">收费业务分析</h2>
+      <h2 style="color: #3498db;">收费业务分析</h2>
       <h4 style="color: white">收费数据分析</h4>
       <barchart
         class="side-chart"

src/pages/index/components/parking_operate.vue

@@ -117,6 +117,7 @@ import piechart from "@/components/pieChart";
 import linechart from "@/components/lineChart";
 import barchart from "@/components/barChart";
 import vtable from "@/components/vtableNew";
+import api from "@/api/article_z";
 
 
 export default {
@@ -135,9 +136,9 @@ export default {
       linedata: [{month: '星期一',lastYearAmount: 2300, thisYearAmount: 4740}, {month: '星期二', lastYearAmount:3050, thisYearAmount:5600}
         , {month: '星期三', lastYearAmount:2710, thisYearAmount:3781}, {month: '星期四', lastYearAmount:2670, thisYearAmount:4737}, {month: '星期五', lastYearAmount:3200, thisYearAmount:5252}
         , {month: '星期六', lastYearAmount:4030, thisYearAmount:6160}, {month: '星期天', lastYearAmount:4890, thisYearAmount:6979}],
-      linedata1: [{month: '星期一', lastAmount: 38}, {month: '星期二', lastAmount:41}
-        , {month: '星期三', lastAmount:33}, {month: '星期四', lastAmount:23}, {month: '星期五', lastAmount:35}
-        , {month: '星期六', lastAmount:45}, {month: '星期天', lastAmount:59}],
+      linedata1: [{month: '星期一', lastYearAmount: 38}, {month: '星期二', lastYearAmount:41}
+        , {month: '星期三', lastYearAmount:33}, {month: '星期四', lastYearAmount:23}, {month: '星期五', lastYearAmount:35}
+        , {month: '星期六', lastYearAmount:45}, {month: '星期天', lastYearAmount:59}],
       linedata2: [{month: '星期一',lastYearAmount: 21, thisYearAmount: 51}, {month: '星期二', lastYearAmount:38, thisYearAmount:42}
         , {month: '星期三', lastYearAmount:27, thisYearAmount:25}, {month: '星期四', lastYearAmount:23, thisYearAmount:20}, {month: '星期五', lastYearAmount:52, thisYearAmount:34}
         , {month: '星期六', lastYearAmount:58, thisYearAmount:32}, {month: '星期天', lastYearAmount:68, thisYearAmount:37}],
@@ -152,17 +153,53 @@ export default {
     }
   },
   mounted() {
+    this.getBardataData()
+    this.getLinedata1Data()
+    this.getLinedataData()
+    this.getModelDataData()
+    this.getLinedata2Data()
+    this.getLinedata3Data()
   },
   watch: {
 
   },
   methods: {
-
+    //初始化
+    getBardataData(){
+      api.queryParkingOperate_Tcbhd().then(res=>{
+        this.bardata=res.data;
+      })
+    },
+    getLinedata1Data(){
+      api.queryParkingOperate_Tczzlfx().then(res=>{
+        this.linedata1=res.data;
+      })
+    },
+    getLinedataData(){
+      api.queryParkingOperate_Tccysfx().then(res=>{
+        this.linedata=res.data;
+      })
+    },
+    getModelDataData(){
+      api.queryParkingOperate_Tscljczb().then(res=>{
+        this.modelData.list=res.data;
+      })
+    },
+    getLinedata2Data(){
+      api.queryParkingOperate_Cljccqs().then(res=>{
+        this.linedata2=res.data;
+      })
+    },
+    getLinedata3Data(){
+      api.queryParkingOperate_Tccysdbfx().then(res=>{
+        this.linedata3=res.data;
+      })
+    },
     lineTooltipFormat1(params) {
       const data = params[0].data;
       return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
-        params[0].data.lastAmount || "--"
+        params[0].data.lastYearAmount || "--"
       }(%)</div>`;
     },
     lineTooltipFormat(params) {

src/pages/index/components/saturation_warning.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="body-wrapper">
-    <div style="color: white;font-size: 23px;margin-bottom: 20px">全市停车饱和度</div>
+    <div style="color: #3498db;font-size: 23px;margin-bottom: 20px">全市停车饱和度</div>
     <el-form class="form-wrapper" :inline="true" :model="formInline">
       <el-form-item label="区县:">
         <el-select v-model="formInline.region0" placeholder="区县" popper-class="cur-select">
@@ -55,7 +55,7 @@
         id="sxcyfzqk"
       />
       <div class="body-wrapper" style=" height: 450px">
-        <div style="color: white;font-size: 23px;margin-bottom: 20px">网格化停车饱和预警</div>
+        <div style="color: #3498db;font-size: 23px;margin-bottom: 20px">网格化停车饱和预警</div>
         <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
           <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>