<template>
    <section>
      <nav-bar title="点位管理"></nav-bar>
      <section class="content mgt15 grid-wraper">
        <div class="left_fixed">
          <table class="layout-t left_layout_t">
            <tr>
              <th>载具号</th>
            </tr>
            <tr v-for="(e, i) in dataList" :key="i">
              <td>{{e.vehicle_code}}</td>
            </tr>
          </table>
        </div>
        <div class="slide">
          <table class="layout-t">
            <tr>
              <th>载具类型</th>
              <th>区域</th>
              <th>点位</th>
              <th>物料名称</th>
              <th>点位状态</th>
            </tr>
            <tr v-for="(e, i) in dataList" :key="i">
              <td>{{e.vehicle_type}}</td>
              <td>{{e.region_name}}</td>
              <td>{{e.point_name}}</td>
              <td>{{e.material_name}}</td>
              <td>{{e.point_status}}</td>
            </tr>
          </table>
        </div>
      </section>
    </section>
  </template>

<script>
import NavBar from '@components/NavBar.vue'
import {getAllPointList} from '@config/getData2'
export default {
  name: 'PointManage',
  components: {
    NavBar
  },
  data () {
    return {
      dataList: []
    }
  },
  mounted () {
    this._getAllPointList()
  },
  methods: {
    async _getAllPointList () {
      try {
        let res = await getAllPointList()
        if (res.code === '1') {
          this.dataList = [...res.result]
        } else {
          this.Dialog(res.desc)
        }
      } catch (err) {
        this.Dialog(err)
      }
    }
  }
}
</script>
  <style lang="stylus" scoped>
  .left_fixed
    flex 0 0 .5rem
  .left_layout_t
    min-width 1.5rem
  </style>
