| | |
| | | <el-table-column label="用户权限" prop="userpermission"> |
| | | <template slot-scope="scope"> |
| | | <div> |
| | | <el-switch active-color="#4B72E2" inactive-color="#B7BEC8" |
| | | <el-switch |
| | | active-color="#4B72E2" |
| | | inactive-color="#B7BEC8" |
| | | v-model="scope.row.UserPermissions" |
| | | @change="memberUpdate(scope.row)" |
| | | ></el-switch> |
| | |
| | | <el-table-column label="转储权限" prop="transferpermission"> |
| | | <template slot-scope="scope"> |
| | | <div> |
| | | <el-switch active-color="#4B72E2" inactive-color="#B7BEC8" |
| | | <el-switch |
| | | active-color="#4B72E2" |
| | | inactive-color="#B7BEC8" |
| | | v-model="scope.row.DumpPermissions" |
| | | @change="memberUpdate(scope.row)" |
| | | ></el-switch> |
| | |
| | | <el-table-column label="操作"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <i class="el-icon-edit" @click="editMember(scope.row)"></i> |
| | | <i class="el-icon-delete" @click="delMember(scope.row)"></i> |
| | | <div class="edit" @click="editMember(scope.row)"> |
| | | <span class="icon iconfont"></span> |
| | | </div> |
| | | <div class="delete" @click="delMember(scope.row)"> |
| | | <span class="icon iconfont"></span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | <style lang="scss"> |
| | | .member-manage { |
| | | padding: 20px; |
| | | padding: 25px; |
| | | background: #fff; |
| | | margin: 33px; |
| | | // margin: 33px; |
| | | display: flex; |
| | | box-sizing: border-box; |
| | | box-sizing: border-box;box-shadow: 0px 3px 6px rgba(160, 174, 230, 0.56); |
| | | |
| | | border-radius: 10px; |
| | | .left { |
| | | .el-tree--highlight-current |
| | | .el-tree-node.is-current |
| | |
| | | .keyword-input { |
| | | width: 320px; |
| | | } |
| | | button span { |
| | | color: #fff; |
| | | } |
| | | .reset-btn { |
| | | background-color: #a6b5cb !important; |
| | | border-color: #a6b5cb !important; |
| | |
| | | padding: 8px 12px; |
| | | } |
| | | } |
| | | |
| | | .table-area { |
| | | .actions { |
| | | text-align: right; |
| | | button span { |
| | | color: #fff; |
| | | } |
| | | } |
| | | |
| | | .operation { |
| | | .edit { |
| | | background: #dea60b; |
| | | width: 23px; |
| | | height: 23px; |
| | | text-align: center; |
| | | border-radius: 23px; |
| | | line-height: 21px; |
| | | margin-right: 10px; |
| | | span { |
| | | color: #fff; |
| | | font-size: 12px; |
| | | } |
| | | } |
| | | .delete { |
| | | background: #D94141; |
| | | width: 23px; |
| | | height: 23px; |
| | | text-align: center; |
| | | border-radius: 23px; |
| | | line-height: 22px; |
| | | margin-right: 10px; |
| | | span { |
| | | color: #fff; |
| | | font-size: 12px; |
| | | } |
| | | } |
| | | } |
| | | .el-table td.el-table__cell div { |
| | | color: #425277; |
| | | } |
| | |
| | | .el-table .el-table__cell { |
| | | padding: 7.5px 0; |
| | | } |
| | | .el-table th.el-table__cell > .cell { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | } |