From 84ad5590bafc58e17ebcf7ebdce2cd70c0c22ea9 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期五, 24 九月 2021 18:54:56 +0800 Subject: [PATCH] 日期时间新版 --- src/pages/syslog/views/pollingLog.vue | 40 ++++++++++++++++++++++++++++++++++------ 1 files changed, 34 insertions(+), 6 deletions(-) diff --git a/src/pages/syslog/views/pollingLog.vue b/src/pages/syslog/views/pollingLog.vue index ff0d106..6abe780 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; @@ -279,15 +298,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 +348,7 @@ border-radius: 5px; padding: 12px; background-color: white; + .tableBox { th { padding: 0 !important; @@ -340,5 +362,11 @@ } } } + .el-pagination { + padding: 20px 5px; + height: 100%; + box-sizing: border-box; + background-color: white; + } } </style> -- Gitblit v1.8.0