| | |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-col :span="6" class="topBtns"> |
| | | <div class="grid-content topInfo"> |
| | | <div style="margin-right: 20px"><el-button type="primary" plain>查询历史</el-button></div> |
| | | <div><el-button type="success" @click="dialogFormVisible = true">新增预约</el-button></div> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-row> |
| | | <el-dialog v-model="dialogFormVisible" title="Shipping address"> |
| | | <el-dialog v-model="dialogFormVisible" title="新增预约"> |
| | | <el-form :model="reservationForm"> |
| | | <el-form-item label="我的当前部门" :label-width="formLabelWidth"> |
| | | <el-input v-model="reservationForm.department" placeholder="" /> |
| | |
| | | renderMenu, |
| | | searchTime, |
| | | typeValue, |
| | | defaultTime, |
| | | reserveOptions, |
| | | tableData, |
| | | dialogFormVisible, |
| | |
| | | .home-container { |
| | | overflow: hidden; |
| | | padding: 20px 40px; |
| | | .el-row{ |
| | | margin-bottom: 20px; |
| | | } |
| | | .el-row:last-child { |
| | | margin-bottom: 0; |
| | | } |
| | | .el-col{ |
| | | display: flex; |
| | | align-items: center; |
| | | margin: 40px 0; |
| | | } |
| | | .grid-content{ |
| | | align-items: center; |
| | | min-height: 36px; |
| | | } |
| | | |
| | | .topInfo{ |
| | |
| | | flex: 1; |
| | | } |
| | | } |
| | | .topBtns{ |
| | | display: flex; |
| | | justify-content: right; |
| | | } |
| | | .el-button--text { |
| | | margin-right: 15px; |
| | | } |