<template>
  <div class="fullHeight">
    <div class="searchBox whiteBlock">
      <el-form :inline="true" size="medium" :model="searchForm" ref="searchForm">
        <el-form-item
          label="巡检点"
          prop="beaconMinor"
        >
          <el-input
            v-model="searchForm.workerName"
            :placeholder="$t('message.personnelPosition.please_enter')"
            clearable
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            type="primary"
            plain
            @click="getPointList"
          >{{$t('message.personnelPosition.beaconManage.query')}}</el-button>
          <el-button
            type="warning"
            plain
            @click="toRefresh"
          >{{$t('message.personnelPosition.beaconManage.refresh')}}</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_wrap whiteBlock">
      <el-table class="tables" :data="tableData">
        <el-table-column prop="beaconMinor" label="巡检点" align="center"></el-table-column>
        <el-table-column prop="position" label="巡检位置" align="center"></el-table-column>
        <el-table-column prop="beaconMinor" label="巡检人" align="center"></el-table-column>
        <el-table-column prop="beaconMinor" label="巡检时间" align="center"></el-table-column>
      </el-table>
      <el-pagination
        class="pagerBox"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="pageNo"
        :page-sizes="$store.state.PAGESIZRS"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next"
        :total="total"
        background
      ></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchForm: {
        workerName: ""
      },
      tableData: [{ beaconMinor: "111" }],
      total: 0,
      pageNo: 1,
      pageSize: 10
    };
  },
  methods: {
    //查看条数
    handleSizeChange(val) {
      this.pageSize = val;
      this.getPointList();
    },
    //查看页
    handleCurrentChange(val) {
      this.pageNo = val;
      this.getPointList();
    },
    // 查询
    getPointList() {},
    // 刷新
    toRefresh() {}
  }
};
</script>

<style>
</style>