84 lines
2.3 KiB
Vue
84 lines
2.3 KiB
Vue
|
<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>
|