From c5dfaf2d4f16988f7be7f9d65df04c0c0d96b6ce Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期二, 09 十一月 2021 16:35:33 +0800 Subject: [PATCH] 暂存 --- src/pages/syslog/views/pollingLog.vue | 45 +++++++++++++++++++++++++++++++++++++-------- 1 files changed, 37 insertions(+), 8 deletions(-) diff --git a/src/pages/syslog/views/pollingLog.vue b/src/pages/syslog/views/pollingLog.vue index ff0d106..bcbdbed 100644 --- a/src/pages/syslog/views/pollingLog.vue +++ b/src/pages/syslog/views/pollingLog.vue @@ -11,7 +11,7 @@ <div class="opts"> <div class="opt" @click="openDialog">閫夋嫨鎽勫儚鏈�</div> </div> - <div class="pick-num">宸查�夛紙{{pickNum}}锛�</div> + <div class="pick-num">宸查�� : {{ pickNum }}</div> </div> <div class="search"> <el-input @@ -77,11 +77,22 @@ ></el-table-column> <el-table-column :align="'center'" - prop="procName" + prop="minute" label="杞鏃堕暱锛堝垎锛�" ></el-table-column> </el-table> </div> + + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="page" + :page-sizes="[15, 30, 50, 100]" + :page-size="15" + layout="total, sizes, prev, pager, next, jumper" + :total="total" + > + </el-pagination> <el-dialog title="閫夋嫨鎽勫儚鏈�" @@ -142,7 +153,7 @@ dialogVisible: false, procID: "", procName: "", - pickNum:0 + pickNum: 0, }; }, mounted() { @@ -151,6 +162,14 @@ this.getOptions(); }, methods: { + handleSizeChange(val) { + this.pageSize = val; + this.getOperationLog(); + }, + handleCurrentChange(val) { + this.page = val; + this.getOperationLog(); + }, cancelShow() { this.dialogVisible = false; this.pickAllNot(); @@ -163,7 +182,7 @@ }, confirmCamera() { const selectedIDs = this.$refs.cameraTree.getCheckedKeys(); - this.pickNum = selectedIDs.length + this.pickNum = selectedIDs.length; this.procID = selectedIDs.join(","); this.getScheduleLog(); this.dialogVisible = false; @@ -230,8 +249,9 @@ <style lang="scss"> .polling-log { margin: 0 auto; - padding: 10px 8px 10px 5px; - background-color: rgba(248, 248, 248, 1); + padding: 0px 8px 10px 5px; + border-top: 1px solid #e1e0e6; + background-color: rgba(242, 242, 247, 1); width: 100%; display: flex; overflow: auto; @@ -279,15 +299,17 @@ display: flex; justify-content: space-between; align-items: center; - .title,.pick-num { + .title, + .pick-num { margin-right: 10px; font-size: 14px; + min-width: fit-content; } .opts { display: flex; justify-content: space-between; .opt { - width: fit-content; + width: 70px; height: 32px; padding: 0 15px; border-radius: 4px; @@ -327,6 +349,7 @@ border-radius: 5px; padding: 12px; background-color: white; + .tableBox { th { padding: 0 !important; @@ -340,5 +363,11 @@ } } } + .el-pagination { + padding: 20px 5px; + height: 100%; + box-sizing: border-box; + background-color: white; + } } </style> -- Gitblit v1.8.0