| | |
| | | </div> |
| | | <div class="addUser"> |
| | | <el-button class="addBtn" type="primary" @click="dialogCreate = true">新建角色</el-button> |
| | | <el-dialog :visible.sync="dialogCreate" width="45%"> |
| | | <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="changeDialog" /> |
| | | </el-dialog> |
| | | <!-- 分页 --> |
| | | <div class="pagination"> |
| | |
| | | dialogUpdate: false, |
| | | updateFlag: false, |
| | | userInfo: '', |
| | | totalNum: 200, |
| | | totalNum: null, |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | } |
| | |
| | | item.status == 1 ? item.status = true : item.status = false; |
| | | }) |
| | | that.tableData = res.data |
| | | this.totalNum=res.data.length |
| | | } |
| | | }) |
| | | }, |
| | |
| | | item.createTime = helper(item.createTime); |
| | | item.status == 1 ? item.status = true : item.status = false; |
| | | }) |
| | | |
| | | that.tableData = res.data.list |
| | | this.totalNum=this. |
| | | this.totalNum=res.data.list.length |
| | | } |
| | | }) |
| | | }, |
| | |
| | | that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10) |
| | | } |
| | | }) |
| | | }, |
| | | changeDialog(val){ |
| | | this.dialogUpdate = val.dialogUpdate; |
| | | console.log(val); |
| | | } |
| | | } |
| | | } |
| | |
| | | &::v-deep .el-dialog__body { |
| | | background-color: #06122c; |
| | | } |
| | | // &::v-deep .el-dialog__title{ |
| | | // color: #4b9bb7; |
| | | // } |
| | | &::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> |