Commit 8f280e75 authored by neogcg's avatar neogcg

分页

parent fe495c03
......@@ -14,7 +14,7 @@
</div>
</div>
<el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table-column type="index" label="序列号" width="100" align="center" />
<el-table-column prop="name" label="基站名称" width="180" align="center" />
<el-table-column prop="object" label="告警对象" width="180" align="center" />
......@@ -76,6 +76,7 @@ export default {
},
total: 10,
tableData,
tableData2:[],
tabs: [
{
label: '全部',
......@@ -107,11 +108,22 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
changeType(item) {
this.activeName = item.key
},
}
},
mounted() {
this.getTableData()
},
};
</script>
......
......@@ -14,7 +14,7 @@
</div>
</div>
<el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table-column prop="equipment1" label="网元设备" align="center" />
<el-table-column prop="state1" label="连接状态" align="center" />
<el-table-column prop="equipment2" label="网元设备" align="center" />
......@@ -53,6 +53,7 @@ export default {
pageSize: 10
},
total: 10,
tableData2:[],
tableData,
activeName: '0',
tabs: [
......@@ -92,11 +93,22 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
changeType(item) {
this.activeName = item.key
},
}
},
mounted() {
this.getTableData()
},
};
</script>
......
......@@ -16,7 +16,7 @@
</div>
</div>
<el-table
:data="tableData"
:data="tableData2"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
......@@ -65,7 +65,7 @@ export default {
pageNum: 1,
pageSize: 10,
},
total: 10,
total: 14,
tableData2:[],
tableData: [
{
......@@ -179,13 +179,13 @@ tableData2:[],
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
// getTableData() {
// this.tableData2 = this.tableData.slice((this.currentPage - 1) * this.pageSize,
// this.currentPage * this.pageSize
// );
// this.total = this.tableData.length
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
// },
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.linkStatus == "连接异常" && column.label == "连接状态") {
return "emergency";
......@@ -198,7 +198,7 @@ tableData2:[],
},
},
mounted() {
// this.getTableData()
this.getTableData()
},
};
</script>
......
......@@ -16,7 +16,7 @@
</div>
</div>
<el-table
:data="tableData"
:data="tableData2"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
......@@ -81,6 +81,7 @@ export default {
pageSize: 10,
},
total: 10,
tableData2:[],
tableData: [
{
netDevice: "监控中心LSC",
......@@ -198,6 +199,14 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
cellClassFn({ row, column, rowIndex, columnIndex }) {
if (row.linkStatus == "连接异常" && column.label == "连接状态") {
......@@ -210,7 +219,9 @@ export default {
}
},
},
mounted() {},
mounted() {
this.getTableData()
},
};
</script>
<style lang="scss" scoped>
......
......@@ -15,7 +15,7 @@
</div>
</div>
<el-table
:data="tableData"
:data="tableData2"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
......@@ -92,6 +92,7 @@ export default {
pageSize: 10,
},
total: 10,
tableData2:[],
tableData: [
{
name: "STATION2未开通",
......@@ -191,6 +192,14 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
cellClassFn({row, column, rowIndex, columnIndex}) {
if (row.level == '紧急' && column.label == '告警级别') {
......@@ -203,7 +212,7 @@ export default {
}
},
},
mounted() {},
mounted() {this.getTableData()},
};
</script>
<style lang="scss" scoped>
......
......@@ -17,7 +17,7 @@
</div>
<el-table
ref="multipleTable"
:data="tableData"
:data="tableData2"
style="width: 100%"
:cell-class-name="cellClassFn"
:header-cell-style="{background:'#EAF1FE',color:'#666666'}"
......@@ -63,6 +63,7 @@ export default {
pageSize: 10
},
total: 10,
tableData2:[],
tableData: [
{
name: 'STATION2未开通',
......@@ -145,10 +146,21 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
handleSelectionChange(val) {
this.multipleSelection = val
}
},
mounted(){
this.getTableData()
}
}
</script>
......
......@@ -11,7 +11,7 @@
<el-button type="primary">导出</el-button>
</div>
</div>
<el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table-column prop="equipment1" label="网元设备" align="center" />
<el-table-column prop="state1" label="连接状态" align="center" />
<el-table-column prop="equipment2" label="网元设备" align="center" />
......@@ -41,6 +41,7 @@ export default {
pageSize: 10
},
total: 10,
tableData2:[],
tableData: [
{
equipment1: '监控中心LSC',
......@@ -175,10 +176,21 @@ export default {
}
},
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
}
}
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
},
mounted() {
this.getTableData()
},
};
</script>
......
......@@ -11,7 +11,7 @@
<el-button type="primary">导出</el-button>
</div>
</div>
<el-table :data="tableData" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table :data="tableData2" style="width: 100%" :cell-class-name="cellClassFn" :header-cell-style="{background:'#EAF1FE',color:'#666666'}">
<el-table-column type="index" label="序列号" width="100" align="center" />
<el-table-column prop="name" label="基站名称" width="180" align="center" />
<el-table-column prop="object" label="告警对象" width="180" align="center" />
......@@ -59,6 +59,7 @@ export default {
pageSize: 10
},
total: 10,
tableData2:[],
tableData: [
{
name: 'STATION2未开通',
......@@ -140,8 +141,19 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
}
}
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
},
mounted() {
this.getTableData()
},
};
</script>
......
......@@ -27,7 +27,7 @@
<el-table
ref="multipleTable"
class="statistics-table"
:data="tableData"
:data="tableData2"
tooltip-effect="dark"
style="width: 100%"
:row-class-name="tableRowClassName"
......@@ -116,6 +116,7 @@ export default {
key: "5",
},
],
tableData2:[],
tableData: [
{
name: "张呼铁路客运专线",
......@@ -199,7 +200,18 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
},
mounted() {
this.getTableData()
},
};
</script>
......
......@@ -10,7 +10,7 @@
</div>
<el-table
v-loading="loading"
:data="tableData"
:data="tableData2"
class="statistics-table"
style="width: 100%"
:row-class-name="tableRowClassName"
......@@ -52,6 +52,7 @@ export default {
pageNum: 1,
pageSize: 10
},
tableData2:[],
tableData: [
{
name: 'admin',
......@@ -100,8 +101,19 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size
this.searchForm.pageNum = pageData.page
}
}
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
},
mounted() {
this.getTableData()
},
}
</script>
<style lang="scss" scoped>
......
......@@ -15,7 +15,7 @@
</div>
</div>
<el-table
:data="tableData"
:data="tableData2"
style="width: 100%"
class="statistics-table"
:row-class-name="tableRowClassName"
......@@ -59,7 +59,7 @@ export default {
pageSize: 10,
},
total: 10,
tableData2:[],
tableData: [
{
name: "admin",
......@@ -126,12 +126,20 @@ export default {
handlePageChange(pageData) {
this.searchForm.pageSize = pageData.size;
this.searchForm.pageNum = pageData.page;
this.getTableData()
},
getTableData() {
this.tableData2 = this.tableData.slice(( this.searchForm.pageNum - 1) * this.searchForm.pageSize,
this.searchForm.pageNum * this.searchForm.pageSize
);
this.total = this.tableData.length
},
tableRowClassName({ row, rowIndex }) {
return rowIndex % 2 === 0 ? '' : 'single-row'
},
},
mounted() {},
mounted() { this.getTableData()},
};
</script>
<style lang="scss" scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment