From 39d90ac360f55f8835920c6e12e5cd1e4246bdcc Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 05 七月 2022 19:18:34 +0800 Subject: [PATCH] '风险' --- src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue | 23 +++++++++++++++++------ 1 files changed, 17 insertions(+), 6 deletions(-) diff --git a/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue b/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue index f8b7127..a5a527b 100644 --- a/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue +++ b/src/views/specialWorkSystem/workPlan/workAppointSummary/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> @@ -31,12 +33,14 @@ </el-col> <el-col :span="12" class="topBtns"> <div class="grid-content topInfo"> - <div style="margin-right: 20px"><el-button type="primary" plain size="default">查询历史</el-button></div> - <div><el-button type="primary" @click="dialogChartsVisible = true" size="default">查看统计图表</el-button></div> + <div style="margin-right: 20px"><el-button type="primary" plain>查询历史</el-button></div> + <div><el-button type="primary" @click="dialogChartsVisible = 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" /> @@ -55,6 +59,7 @@ </template> </el-table-column> </el-table> + </div> </el-row> <el-dialog v-model="dialogChartsVisible" title="统计图表"> <el-row> @@ -65,7 +70,7 @@ v-model="dateRange" type="daterange" unlink-panels - range-separator="To" + range-separator="至" start-placeholder="Start date" end-placeholder="End date" :shortcuts="shortcuts" @@ -89,6 +94,7 @@ </el-row> <div ref="myChart" style="width: 100%;height:400px;"></div> </el-dialog> + </el-scrollbar> </div> </template> @@ -427,19 +433,24 @@ <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 { 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{ display: flex; align-items: center; -- Gitblit v1.9.2