From d1d56c89cff34a9a2d52ca6b4694ec0672dadb09 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期二, 12 七月 2022 18:35:46 +0800 Subject: [PATCH] 添加页面 --- src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue | 23 +++++++++++++++-------- 1 files changed, 15 insertions(+), 8 deletions(-) diff --git a/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue b/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue index 8e50da4..94f0618 100644 --- a/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue +++ b/src/views/specialWorkSystem/workPlan/workAppointSummary/index.vue @@ -1,7 +1,8 @@ <template> <div class="home-container"> <el-scrollbar height="100%"> - <el-row> + <el-row class="homeCard"> +<!-- <div class="homeCard">--> <el-col :span="6"> <div class="grid-content topInfo"> <div>预约时间:</div> @@ -32,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" /> @@ -56,6 +59,7 @@ </template> </el-table-column> </el-table> + </div> </el-row> <el-dialog v-model="dialogChartsVisible" title="统计图表"> <el-row> @@ -66,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" @@ -430,20 +434,23 @@ $homeNavLengh: 8; .home-container { height: 100%; - background: #fff; overflow: hidden; - padding: 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