泊位列表查询接口

src/api/article_z.js

@@ -3,8 +3,12 @@ import axios from "../util/ajax";
 
 export default {
 
-  // 停车盲点挖掘/dash/blind/spot/digging/page
+  // 订单查询
   queryProductOrderSearchByPage(params) {
     return axios.get(`/dash/product/order/search/page`, {params})
   },
+  // 泊位列表
+  queryBerthListByPage(params) {
+    return axios.get(`/dash/berth/list/page`, {params})
+  },
 }

src/pages/index/components/berth_list.vue

@@ -4,7 +4,7 @@
       <div style="width: 100%">
         <h4>泊位列表</h4>
         <br>
-        <el-form class="form-wrapper" :inline="true" :model="formInline">
+        <el-form class="form-wrapper" :inline="true">
         <el-form-item>
           <el-button type="success" @click="handleAdd">添加白名单</el-button>
         </el-form-item>
@@ -27,10 +27,10 @@
           custom-class="audit-dialog">
           <el-form label-position="left" label-width="80px" :model="formLabelAlign">
             <el-form-item label="泊位号">
-              <el-input v-model="tableData.ipAddr"></el-input>
+              <el-input v-model="formLabelAlign.berthCode"></el-input>
             </el-form-item>
             <el-form-item label="泊车状态">
-              <el-input v-model="tableData.ipAddr"></el-input>
+              <el-input v-model="formLabelAlign.berthIsorno"></el-input>
             </el-form-item>
           </el-form>
           <span slot="footer" class="dialog-footer">
@@ -43,6 +43,7 @@
   </div>
 </template>
 <script>
+import api from "@/api/article_z";
 
 
 export default {
@@ -54,92 +55,61 @@ export default {
       columns: [
         {
           label: '停车场',
-          key: 'deviceName'
+          key: 'parkName'
         },
         {
           label: '泊位号',
-          key: 'deviceName'
+          key: 'berthCode'
         },
         {
           label: '泊车状态',
-          key: 'deviceName'
+          key: 'berthIsorno'
         },
         {
           label: '是否潮汐车位',
-          key: 'deviceName'
+          key: 'isTidalPark'
         },
         {
           label: '是否充电泊位',
-          key: 'deviceName'
+          key: 'hasChargingPile'
         },
         {
           label: '是否共享泊位',
-          key: 'deviceName'
-        },
-        {
-          label: '是否异常',
-          key: 'deviceName'
+          key: 'isSharePark'
         },
       ],
-      handlePageChange() {
-        this.getTableData()
-      },
-      formInline: {
-        interfaceName: '',
-        region: ''
+      formLabelAlign: {
+        berthCode: '',
+        berthIsorno: ''
       },
       tableData:[],
       value: '',
-      modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800", "#9C27B0"],
-      modelPieColor1: ["#4382f6", "#9078f8", "#6aa1e1", "#FF9800", "#9C27B0"],
-      modelData: {
-        list: []
-      },
       dialogVisible: false,
       title: '',
       total: 0,
       pageSize: 5,
       pageNum: 1,
-      bardata: [],
     }
   },
   mounted() {
-    this.dashAccessDataAnalysisStat1()
-    this.dashAccessDataAnalysisStat2()
+    this.getTableData()
   },
   watch: {},
   methods: {
-    tooltipFormat(params) {
-      const type = params[0].seriesType;
-      const data = params[0].data;
-      // ${params[0].name || "--"}月：
-      return `<div class="line-tooltip">
-<div>${params[0].seriesName}: ${
-        params[0].data.hs || "--"}个</div>
-<div>${params[1].seriesName}: ${
-        params[0].data.cs || "--"}个</div>
-</div>`;
-    },
-    xLabelFormat(name) {
-      const nameArr = []
-      for (let i = 0; i < name.length; i += 7) {
-        nameArr.push(name.substring(i, i + 7))
-      }
-      return nameArr.join('\n');
-    },
     handleAdd () {
       this.title = '添加泊位列表'
-      this.tableData.ipAddr = ''
+      this.tableData.berthCode = ''
+      this.tableData.berthIsorno = ''
       this.dialogVisible = true
     },
-    dashAccessDataAnalysisStat1(){
-      api.dashAccessDataAnalysisStat1().then(res =>{
-        this.bardata = res.data
-      })
+    handlePageChange() {
+      this.getTableData()
     },
-    dashAccessDataAnalysisStat2(){
-      api.dashAccessDataAnalysisStat2().then(res =>{
-        this.modelData.list = res.data
+    getTableData() {
+      const {pageNum, pageSize} = this
+      api.queryBerthListByPage({current: pageNum, size: pageSize}).then(res => {
+        this.tableData = res.data.records || []
+        this.total = res.data.total
       })
     },
   }