|
@@ -49,6 +49,10 @@
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- <el-pagination class="right" v-show="tableData && tableData.length" @size-change="handleSizeChange" @current-change="handleCurrentChange" -->
|
|
|
+ <el-pagination class="right" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.pageNumber"
|
|
|
+ :page-sizes="page.pageSizes" :page-size="page.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="page.total">
|
|
|
+ </el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -77,6 +81,12 @@ export default {
|
|
|
"Success": "msg-icon el-icon-success success-color",
|
|
|
"Error": "msg-icon el-icon-error error-color",
|
|
|
},
|
|
|
+ page: {
|
|
|
+ pageSize: 50,
|
|
|
+ pageSizes: [10, 20, 50, 100],
|
|
|
+ pageNumber: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
mounted() { },
|
|
@@ -88,18 +98,26 @@ export default {
|
|
|
// 切换tab时执行
|
|
|
console.log(tab, 3939)
|
|
|
},
|
|
|
- buttonOperation(e) {
|
|
|
- // 点击顶部按钮的操作
|
|
|
- console.log(e, 333)
|
|
|
- },
|
|
|
del() {
|
|
|
- let jumpRouter = this.$router.resolve({ path: '/deleted' })
|
|
|
+ // 点击需从模型中删除的设备
|
|
|
+ let jumpRouter = this.$router.resolve({ path: '/model/report/deleted' })
|
|
|
window.open(jumpRouter.href, '_blank')
|
|
|
},
|
|
|
supplement() {
|
|
|
- let jumpRouter = this.$router.resolve({ path: '/supplement' })
|
|
|
+ // 点击模型待补充的设备
|
|
|
+ let jumpRouter = this.$router.resolve({ path: '/model/report/supplement' })
|
|
|
window.open(jumpRouter.href, '_blank')
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 切换每页显示数量
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.page.pageSize = val;
|
|
|
+ // this.getTableData();
|
|
|
+ },
|
|
|
+ // 切换页码
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.page.pageNumber = val;
|
|
|
+ // this.getTableData();
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -127,7 +145,7 @@ export default {
|
|
|
height: calc(100% - 90px);
|
|
|
background: white;
|
|
|
.content-box {
|
|
|
- height: calc(100% - 56px);
|
|
|
+ height: calc(100% - 105px);
|
|
|
.table {
|
|
|
margin-top: 15px;
|
|
|
}
|
|
@@ -140,7 +158,7 @@ export default {
|
|
|
text-decoration: none;
|
|
|
color: #606266 !important;
|
|
|
padding: 4px 15px;
|
|
|
- border: 1px solid #DCDFE6;
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
border-radius: 3px;
|
|
|
margin-right: 10px;
|
|
|
}
|