| | |
| | | </div> |
| | | </div> |
| | | <div class="addUser"> |
| | | <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button> |
| | | <el-dialog :visible.sync="dialogCreate" width="45%"> |
| | | <el-button class="addBtn" type="primary" @click="dialogCreate = true">新增部门</el-button> |
| | | <el-dialog :visible.sync="dialogCreate" title="新增部门信息" width="45%" v-if="dialogCreate"> |
| | | <createUser :refresh="getUserList" /> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 查看修改页面 --> |
| | | <el-dialog :visible.sync="dialogUpdate" width="45%"> |
| | | <updateUser :updateFlag="updateFlag" :userInfo=userInfo /> |
| | | <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '修改部门信息' :'查看部门信息'" v-if="dialogUpdate"> |
| | | <updateUser :updateFlag="updateFlag" :userInfo="userInfo" :getUserList="getUserList" @changeDialog="changMyDialog" /> |
| | | </el-dialog> |
| | | <!-- 分页 --> |
| | | <div class="pagination"> |
| | |
| | | item.status == 1 ? item.status = true : item.status = false; |
| | | }) |
| | | that.totalNum = res.data.records.length; |
| | | that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10) |
| | | that.tableData = res.data.records.slice((that.currentPage - 1) * that.pageSize, that.currentPage * that.pageSize) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | handleNext(page){ |
| | | this.currentPage = page; |
| | | this.search(); |
| | | }} |
| | | }, |
| | | // 关闭dialog |
| | | changMyDialog(val){ |
| | | this.dialogUpdate = val.dialogFlag; |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | |
| | | &::v-deep .el-dialog__body { |
| | | background-color: #06122c; |
| | | } |
| | | &::v-deep .el-dialog__header{ |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #fff; |
| | | padding: 20px; |
| | | line-height: 60px; |
| | | } |
| | | &::v-deep .el-dialog__title{ |
| | | color: #4b9bb7; |
| | | } |
| | | &::v-deep .el-dialog__close{ |
| | | width: 20px; |
| | | height: 20px; |
| | | // color: #fff; |
| | | } |
| | | &::v-deep .el-dialog__body{ |
| | | padding: 0; |
| | | } |
| | | } |
| | | </style> |