SmartCommunity/smart/src/views/parkingManagement/setpPage/details.vue

<template>
  <div>
    <el-table
      :data="tableData"
      border
      style="width: 100%"
    >
      <el-table-column
        prop="date"
        label="区域编号"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="name"
        label="区域名称"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="address"
        label="区域车位数"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  props: ['params'],
  data () {
    return {
      tableData: []
    }
  },
  methods: {
    // /sc-community/parkingCar/findAreaInfo
    // 查询对应的信息
    region () {
      this.$http.post('/sc-community/parkingCar/findAreaInfo', { parkId: this.params.id }).then(({ data, status, msg }) => {
        this.tableData = [];
        for (let i = 0; i < data.length; i++) {
          this.tableData.push({
            date: data[i].areaCode,
            name: data[i].areaName,
            address: data[i].parkingNumber
          })
        }
      });
    }

  },
  created () {
    this.region();
  }
}
</script>