| | |
| | | <GlobalWindow |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | width="582px" |
| | | width="620px" |
| | | title="配置用户角色" |
| | | @confirm="confirm" |
| | | > |
| | | <p class="tip" v-if="user != null">为用户 <em>{{user.realname}}</em> 配置角色</p> |
| | | <p class="tip-warn"><i class="el-icon-warning"></i>提醒:角色配置后需重新登录后生效</p> |
| | | <el-transfer |
| | | <div class="df_center"> |
| | | <el-transfer |
| | | v-model="selectedIds" |
| | | class="transfer" |
| | | :titles="['未授权角色', '已授权角色']" |
| | | :props="{ |
| | | key: 'id', |
| | |
| | | }" |
| | | :data="roles"> |
| | | </el-transfer> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | .transfer { |
| | | height: 600px; |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | ::v-deep .el-transfer-panel { |
| | | flex: 1; |
| | | height: 100%; |
| | | } |
| | | |
| | | ::v-deep .el-transfer-panel__body { |
| | | height: 500px; |
| | | } |
| | | |
| | | ::v-deep .el-transfer-panel__list.is-filterable { |
| | | height: 480px; |
| | | } |
| | | } |
| | | </style> |