From 60553fb2d3217cd27ea990f3a5995b8b4787fc98 Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期二, 17 五月 2022 15:55:17 +0800 Subject: [PATCH] 安全隐患台账-关联危险源 --- src/views/safetyHazardAccount/hazardSource.vue | 25 +++++++++++++++++++++++-- 1 files changed, 23 insertions(+), 2 deletions(-) diff --git a/src/views/safetyHazardAccount/hazardSource.vue b/src/views/safetyHazardAccount/hazardSource.vue index 938d364..ede87f1 100644 --- a/src/views/safetyHazardAccount/hazardSource.vue +++ b/src/views/safetyHazardAccount/hazardSource.vue @@ -11,7 +11,6 @@ @node-drag-over="handleDragOver" @node-drag-end="handleDragEnd" @node-drop="handleDrop" - draggable :allow-drop="allowDrop" :allow-drag="allowDrag"> <span slot-scope="{ node, data }" class="slot-t-node"> @@ -97,6 +96,17 @@ label="责任人"> </el-table-column> </el-table> + <div style="text-align:right"> + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="currentPage4" + :page-sizes="[100, 200, 300, 400]" + :page-size="100" + layout="total, sizes, prev, pager, next, jumper" + :total="400"> + </el-pagination> + </div> </div> </div> </template> @@ -153,7 +163,8 @@ name: '王小虎', address: '上海市普陀区金沙江路 1516 弄' }], - multipleSelection: [] + multipleSelection: [], + currentPage4: 4 }; }, mounted(){ @@ -200,6 +211,13 @@ }, handleSelectionChange(val) { this.multipleSelection = val; + }, + // 页码 + handleSizeChange(val) { + console.log(`每页 ${val} 条`); + }, + handleCurrentChange(val) { + console.log(`当前页: ${val}`); } } } @@ -240,6 +258,9 @@ flex-direction: row; align-items: center; justify-content: start; + background: #FFFFFF; + padding: 15px 10px 0px 10px; + margin-bottom: 20px; } .btn{ background: url(../../assets/btn.gif) no-repeat; -- Gitblit v1.9.2