接口联调

src/api/audit.js

@@ -181,4 +181,24 @@ export default {
   deletePtshpz(params) {
     return axios.post('/opt/platform/merchant/delete', params)
   },
+  // 领导驾驶舱_停车场数量和分布
+  leadSystem1(params) {
+    return axios.post('/opt/lead/system/stat1', params)
+  },
+  // 领导驾驶舱_停车位利用率
+  leadSystem2(params) {
+    return axios.post('/opt/lead/system/stat2', params)
+  },
+  // 领导驾驶舱_停车时长分布
+  leadSystem3(params) {
+    return axios.post('/opt/lead/system/stat3', params)
+  },
+  // 领导驾驶舱_停车场运营效率
+  leadSystem4(params) {
+    return axios.post('/opt/lead/system/stat4', params)
+  },
+  // 领导驾驶舱_停车营收分析
+  leadSystem5(params) {
+    return axios.post('/opt/lead/system/stat5', params)
+  }
 }

src/pages/index/components/lead_system.vue

@@ -2,73 +2,96 @@
   <div class="body-wrapper">
     <el-tabs  v-model="activeName">
       <el-tab-pane label="停车业务分析" name="停车业务分析">
-        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="订单号:">
-                <el-input v-model="formInline1.orderCode" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="日期:">
-                <el-date-picker
-                  v-model="formInline1.time"
-                  type="daterange"
-                  align="right"
-                  unlink-panels
-                  range-separator="-"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期">
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
+<!--        <el-form class="form-wrapper" :inline="true" :model="formInline1" style="margin-bottom: 20px;">-->
+<!--          <el-row>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item label="订单号:">-->
+<!--                <el-input v-model="formInline1.orderCode" placeholder="请输入"></el-input>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item label="日期:">-->
+<!--                <el-date-picker-->
+<!--                  v-model="formInline1.time"-->
+<!--                  type="daterange"-->
+<!--                  align="right"-->
+<!--                  unlink-panels-->
+<!--                  range-separator="-"-->
+<!--                  value-format="yyyy-MM-dd HH:mm:ss"-->
+<!--                  start-placeholder="开始日期"-->
+<!--                  end-placeholder="结束日期">-->
+<!--                </el-date-picker>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item>-->
+<!--                <el-button type="primary" class="query-btn" @click="onSubmit1">查询</el-button>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+<!--        </el-form>-->
+        <h4>停车场数量和分布</h4>
+        <br>
         <el-table :data="tableData1">
           <el-table-column v-for="(item, index) in columns1" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
-        <div class="table-pagination">
-          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"
-                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">
-          </el-pagination>
-        </div>
+<!--        <div class="table-pagination">-->
+<!--          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange1"-->
+<!--                         :current-page.sync="pageNum1" :page-size.sync="pageSize1">-->
+<!--          </el-pagination>-->
+<!--        </div>-->
+        <br>
+        <h4>停车位利用率</h4>
+        <br>
+        <el-table :data="tableData2" height="300px">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <br>
+        <h4>停车时长分布</h4>
+        <br>
+        <el-table :data="tableData3" height="300px">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <br>
+        <h4>停车场运营效率</h4>
+        <br>
+        <el-table :data="tableData4" height="300px">
+          <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
       </el-tab-pane>
       <el-tab-pane label="停车营收分析" name="停车营收分析">
-        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="订单号: ">
-                <el-input v-model="formInline2.orderCode" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="车牌号: ">
-                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item>
-                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-        <el-table :data="tableData2">
-          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+<!--        <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">-->
+<!--          <el-row>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item label="订单号: ">-->
+<!--                <el-input v-model="formInline2.orderCode" placeholder="请输入"></el-input>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item label="车牌号: ">-->
+<!--                <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--            <el-col :span="8">-->
+<!--              <el-form-item>-->
+<!--                <el-button type="primary" class="query-btn" @click="onSubmit2">查询</el-button>-->
+<!--              </el-form-item>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+<!--        </el-form>-->
+        <el-table :data="tableData5" >
+          <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
           </el-table-column>
         </el-table>
-        <div class="table-pagination">
-          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"
-                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
-          </el-pagination>
-        </div>
+<!--        <div class="table-pagination">-->
+<!--          <el-pagination layout="prev, pager, next" :total="total1" @current-change="handlePageChange2"-->
+<!--                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">-->
+<!--          </el-pagination>-->
+<!--        </div>-->
       </el-tab-pane>
 <!--      <el-tab-pane label="会员数据分析" name="会员数据分析">-->
 <!--        <el-form class="form-wrapper" :inline="true" :model="formInline3" style="margin-bottom: 20px;">-->
@@ -116,35 +139,15 @@ export default {
   components: {},
   data() {
     return {
-      activeName: '停车卡订单查询',
+      activeName: '停车业务分析',
       columns1: [
         {
-          label: '订单号',
-          key: 'orderCode'
-        },
-        {
-          label: '支付日期',
-          key: ''
-        },
-        {
-          label: '支付金额',
-          key: ''
-        },
-        {
-          label: '泊位号',
-          key: ''
-        },
-        {
-          label: '车牌号',
-          key: ''
-        },
-        {
-          label: '入场日期',
-          key: ''
+          label: '区域',
+          key: 'statName'
         },
         {
-          label: '出场日期',
-          key: ''
+          label: '停车场数量',
+          key: 's1'
         }
       ],
       tableData1: [],
@@ -157,23 +160,23 @@ export default {
       },
       columns2: [
         {
-          label: '欠费订单号',
-          key: ''
+          label: '停车场',
+          key: 'statName'
         },
         {
-          label: '车牌号',
-          key: ''
+          label: '总停车位数',
+          key: 's1'
         },
         {
-          label: '修改日期',
-          key: ''
+          label: '使用停车位数',
+          key: 's2'
         },
         {
-          label: '欠费金额',
-          key: ''
+          label: '利用率（%）',
+          key: 's3'
         }
       ],
-      tableData2: [],
+      tableData5: [],
       total2: 0,
       pageSize2: 10,
       pageNum2: 1,
@@ -183,21 +186,35 @@ export default {
       },
       columns3: [
         {
-          label: '订单号',
-          key: ''
+          label: '停车场',
+          key: 'statName'
         },
         {
-          label: '泊位号',
-          key: ''
+          label: '0-1小时',
+          key: 's1'
         },
         {
-          label: '车牌号',
-          key: ''
+          label: '1-2小时',
+          key: 's2'
         },
         {
-          label: '应付金额',
-          key: ''
+          label: '2-3小时',
+          key: 's3'
         },
+        {
+          label: '3小时以上',
+          key: 's4'
+        },
+      ],
+      columns4: [
+        {
+          label: '停车场',
+          key: 'statName'
+        },
+        {
+          label: '平均停车时间（小时）',
+          key: 's1'
+        }
       ],
       tableData3: [],
       total3: 0,
@@ -208,24 +225,6 @@ export default {
         berthCode:'',
         plateNo: ''
       },
-      columns4: [
-        {
-          label: '订单号',
-          key: ''
-        },
-        {
-          label: '泊位号',
-          key: ''
-        },
-        {
-          label: '车牌号',
-          key: ''
-        },
-        {
-          label: '预付金额',
-          key: ''
-        },
-      ],
       tableData4: [],
       total4: 0,
       pageSize4: 10,
@@ -234,13 +233,25 @@ export default {
         orderCode:'',
         berthCode:'',
         plateNo: ''
-      }
+      },
+      columns5: [
+        {
+          label: '月份',
+          key: 'statName'
+        },
+        {
+          label: '营收（元）',
+          key: 's1'
+        }
+      ],
     }
   },
   mounted() {
-    // this.getTableData1()
-    // this.getTableData2()
-    // this.getTableData3()
+    this.getTableData1()
+    this.getTableData2()
+    this.getTableData3()
+    this.getTableData4()
+    this.getTableData5()
   },
   watch: {
   },
@@ -265,41 +276,38 @@ export default {
       this.getTableData1()
     },
     getTableData1() {
-      const {pageNum1, pageSize1} = this
-      api.carListByPage({current: pageNum1, size: pageSize1, ...this.formInline1}).then(res => {
-        this.tableData1 = (res.data.records || []).map(item => ({...item, carType: dictionary.typeMap[item.carType]}))
-        this.total1 = res.data.total
+      api.leadSystem1().then(res => {
+        this.tableData1 = (res.data || [])
       })
     },
-    handlePageChange2() {
-      this.getTableData2()
-    },
     getTableData2() {
-      const {pageNum2, pageSize2} = this
-      api.gjListByPage({current: pageNum2, size: pageSize2, ...this.formInline2}).then(res => {
-        this.tableData2 = res.data.records || []
-        this.total2 = res.data.total
+      api.leadSystem2().then(res => {
+        this.tableData2 = res.data || []
+      })
+    },
+    getTableData3() {
+      api.leadSystem3().then(res => {
+        this.tableData3 = res.data || []
+      })
+    },
+    getTableData4() {
+      api.leadSystem4().then(res => {
+        this.tableData4 = res.data || []
+      })
+    },
+    getTableData5() {
+      api.leadSystem5().then(res => {
+        this.tableData5 = res.data || []
       })
     },
     handlePageChange3() {
       this.getTableData3()
     },
-    getTableData3() {
-      const {pageNum3, pageSize3} = this
-      api.tcjlListByPage({current: pageNum3, size: pageSize3, ...this.formInline3}).then(res => {
-        this.tableData3 = res.data.records || []
-        this.total3 = res.data.total
-      })
+    handlePageChange5() {
+      this.getTableData5()
     },
     handlePageChange4() {
       this.getTableData3()
-    },
-    getTableData4() {
-      const {pageNum4, pageSize4} = this
-      api.tcjlListByPage({current: pageNum4, size: pageSize4, ...this.formInline4}).then(res => {
-        this.tableData4 = res.data.records || []
-        this.total4 = res.data.total
-      })
     }
   }
 }