From fd285d6245ddd54c2eef8237eb878f573d665f94 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 07 七月 2022 18:27:39 +0800 Subject: [PATCH] lct --- src/views/specialWorkSystem/workPlan/workReservation/index.vue | 44 +++++++++++++++++++++++++++----------------- 1 files changed, 27 insertions(+), 17 deletions(-) diff --git a/src/views/specialWorkSystem/workPlan/workReservation/index.vue b/src/views/specialWorkSystem/workPlan/workReservation/index.vue index 4775b0a..2378d4c 100644 --- a/src/views/specialWorkSystem/workPlan/workReservation/index.vue +++ b/src/views/specialWorkSystem/workPlan/workReservation/index.vue @@ -1,6 +1,8 @@ <template> <div class="home-container"> + <el-scrollbar height="100%"> <el-row> + <div class="homeCard"> <el-col :span="6"> <div class="grid-content topInfo"> <div>当前所属部门:</div> @@ -41,26 +43,29 @@ <div><el-button type="success" @click="dialogFormVisible = true">新增预约</el-button></div> </div> </el-col> + </div> </el-row> <el-row> + <div class="homeCard"> <el-table :data="tableData" border style="width: 100%"> - <el-table-column prop="id" label="编号" width="180" /> - <el-table-column prop="time" label="预约时间" width="180" /> - <el-table-column prop="department" label="预约部门" /> - <el-table-column prop="dirtyWork" label="动土作业" width="180" /> - <el-table-column prop="fireWork" label="动火作业" width="180" /> - <el-table-column prop="hangWork" label="吊装作业" /> - <el-table-column prop="spaceWork" label="受限空间作业" width="180" /> - <el-table-column prop="cut" label="断路" width="180" /> + <el-table-column prop="id" label="编号" width="120" /> + <el-table-column prop="time" label="预约时间" width="150" /> + <el-table-column prop="department" label="预约部门" width="180" /> + <el-table-column prop="dirtyWork" label="动土作业" width="100" /> + <el-table-column prop="fireWork" label="动火作业" width="100" /> + <el-table-column prop="hangWork" label="吊装作业" width="100" /> + <el-table-column prop="spaceWork" label="受限空间作业"/> + <el-table-column prop="cut" label="断路"/> <el-table-column prop="high" label="高处" /> - <el-table-column prop="block" label="盲板抽堵" width="180" /> - <el-table-column prop="tempUse" label="临时用电" width="180" /> - <el-table-column fixed label="操作"> + <el-table-column prop="block" label="盲板抽堵"/> + <el-table-column prop="tempUse" label="临时用电"/> + <el-table-column fixed="right" label="操作"> <template #default> <el-button link type="primary" size="small">操作</el-button> </template> </el-table-column> </el-table> + </div> </el-row> <el-dialog v-model="dialogFormVisible" title="新增预约"> <el-form :model="reservationForm"> @@ -87,11 +92,12 @@ </el-form> <template #footer> <span class="dialog-footer"> - <el-button @click="dialogFormVisible = false">取消</el-button> - <el-button type="primary" @click="dialogFormVisible = false">确认</el-button> + <el-button @click="dialogFormVisible = false" size="default">取消</el-button> + <el-button type="primary" @click="dialogFormVisible = false" size="default">确认</el-button> </span> </template> </el-dialog> + </el-scrollbar> </div> </template> @@ -219,18 +225,22 @@ <style scoped lang="scss"> $homeNavLengh: 8; .home-container { + height: 100%; overflow: hidden; - padding: 20px 40px; + padding: 20px; .el-row{ margin-bottom: 20px; } - .el-row:last-child { + .el-row:last-of-type { margin-bottom: 0; } - .el-col{ + .homeCard{ + width: 100%; display: flex; align-items: center; - margin: 40px 0; + padding: 20px; + background: #fff; + border-radius: 4px; } .grid-content{ align-items: center; -- Gitblit v1.9.2