| | |
| | | <div class="menuSettings_box"> |
| | | <div class="menuSettings_tree"> |
| | | <div class="content_box"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('operatManage.RoleResAuthorization')}`, |
| | | ]" |
| | | ></My-bread> |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div style="height: 90%; overflow-y: auto"> |
| | | <el-tree |
| | |
| | | </div> |
| | | </div> |
| | | <div class="content_box"> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | font-size: 14px; |
| | | color: #216fe6; |
| | | line-height: 1; |
| | |
| | | position: relative; |
| | | top: 10px; |
| | | margin-left: 10px; |
| | | " |
| | | > |
| | | "> |
| | | {{ $t('operatManage.UserRoleAuthorizationObj.RoleTable') }} |
| | | </div> |
| | | <el-divider /> |
| | |
| | | style="width: 100%" |
| | | @row-click="singleElection" |
| | | highlight-current-row |
| | | height="84%" |
| | | height="78%" |
| | | > |
| | | <el-table-column align="center" width="55"> |
| | | <el-table-column |
| | | align="center" |
| | | width="55" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-radio |
| | | class="radio" |
| | | v-model="templateSelection" |
| | | :label="scope.row.id" |
| | | > </el-radio |
| | | > |
| | | > </el-radio> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | :current-page="listData.pageIndex" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="userlistData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | layout="prev, pager, next" |
| | | :total="count" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div class="content_box"> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | font-size: 14px; |
| | | color: #216fe6; |
| | | line-height: 1; |
| | |
| | | margin-left: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | " |
| | | > |
| | | "> |
| | | <span> |
| | | {{ $t('operatManage.UserRoleAuthorizationObj.ResTable') }}</span |
| | | {{ $t('operatManage.UserRoleAuthorizationObj.ResTable') }}</span> |
| | | <div |
| | | class="btn" |
| | | style="margin-left: auto" |
| | | > |
| | | <div class="btn" style="margin-left: auto"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | |
| | | :disabled="roleid == null ? true : false" |
| | | style="background: #216fe6" |
| | | @click="adduser" |
| | | >{{ |
| | | >{{ |
| | | $t('operatManage.UserRoleAuthorizationObj.Added') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | type="danger" |
| | |
| | | size="mini" |
| | | @click="deletesUser" |
| | | :disabled="roleid == null ? true : false" |
| | | >{{ |
| | | >{{ |
| | | $t('operatManage.UserRoleAuthorizationObj.delete') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | </div> |
| | | </div> |
| | | <el-divider class="divider" /> |
| | |
| | | :data="usertableData" |
| | | stripe |
| | | style="width: 100%" |
| | | height="84%" |
| | | height="78%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | > </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | |
| | | :current-page="userlistData.pageIndex" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="userlistData.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | layout="prev, pager, next" |
| | | :total="usercount" |
| | | > |
| | | </el-pagination> |
| | |
| | | height="40vh" |
| | | @selection-change="addhandleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | > </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="margin-top: 20px; text-align: center" class="pagination_box"> |
| | | <div |
| | | style="margin-top: 20px; text-align: center" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | @size-change="addhandleSizeChange" |
| | | @current-change="addhandleCurrentChange" |
| | |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button @click="dialogTableVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="addConfirm" |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button |
| | | > |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | this.dialogTableVisible = false; |
| | | this.getuserList(); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | adduser() { |
| | | this.dialogTableVisible = true; |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .menuSettings_box { |
| | | border-radius: 10px; |
| | | height: 81%; |
| | | width: 97%; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | position: absolute; |
| | | box-sizing: border-box; |
| | | .menuSettings_tree { |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | .content_box { |
| | | padding: 10px; |
| | | width: 31%; |
| | | height: 720px; |
| | | height: 94%; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | border-radius: 5px; |
| | | /deep/ .el-input__inner { |