| | |
| | | <div class="flex_box"> |
| | | <div style="margin-right: auto"> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.roleName')" |
| | | prop="username" |
| | | > |
| | | <el-input |
| | | v-model="roleForm.username" |
| | | :placeholder="$t('userManage.RM.roleNameHolder')" |
| | | size="small" |
| | | style="width: 200px" |
| | | > |
| | | <i slot="suffix" class="el-icon-search" @click="onSubmit"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.ownedSystem')" |
| | | prop="ownedSystem" |
| | | > |
| | |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> --> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.roleName')" |
| | | prop="username" |
| | | > |
| | | <el-input |
| | | v-model="roleForm.username" |
| | | :placeholder="$t('userManage.RM.roleNameHolder')" |
| | | size="small" |
| | | style="width: 200px" |
| | | > |
| | | <i slot="suffix" class="el-icon-search" @click="onSubmit"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | | <!-- <el-form-item>--> |
| | | <!-- <el-button--> |
| | | <!-- size="small"--> |
| | | <!-- type="primary"--> |
| | | <!-- @click="onSubmit('ruleForm')"--> |
| | | <!-- ><i class="el-icon-search"></i> {{--> |
| | | <!-- $t("userManage.RM.query")--> |
| | | <!-- }}</el-button>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("userManage.RM.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | size="small" |
| | | type="primary" |
| | | @click="onSubmit('ruleForm')" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t("userManage.RM.query") |
| | | type="success" |
| | | size="small" |
| | | @click="setInsertFormdialog" |
| | | v-if="menuStatus.insert" |
| | | ><i class="el-icon-circle-plus-outline"></i> {{ |
| | | $t("userManage.RM.add") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | @click="setInsertFormdialog" |
| | | v-if="menuStatus.insert" |
| | | ><i class="el-icon-circle-plus-outline"></i> {{ |
| | | $t("userManage.RM.add") |
| | | type="info" |
| | | size="small" |
| | | @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("userManage.RM.reset") |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | border |
| | | height="calc(100% - 45px)" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | |
| | | |
| | | <el-dialog |
| | | :title="$t('userManage.RM.insertRole')" |
| | | top="2vh" |
| | | |
| | | :before-close="handleClose" |
| | | style="overflow: hidden" |
| | | :visible.sync="InsertFormdialog" |
| | | > |
| | |
| | | </el-dialog> |
| | | <el-dialog |
| | | :title="$t('userManage.RM.updateRole')" |
| | | top="2vh" |
| | | :visible.sync="UpdateFormdialog" |
| | | :before-close="handleCloseEdit" |
| | | > |
| | | <div style="height: 500px; overflow: auto"> |
| | | <el-form :model="updateform" label-position="top"> |
| | |
| | | }); |
| | | }, |
| | | insertFromClose() { |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | async insertFromData() { |
| | | if (this.insertform.depValue == null) { |
| | |
| | | } |
| | | }, |
| | | updateFromClose() { |
| | | this.UpdateFormdialog = false; |
| | | this.updateform = {}; |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.UpdateFormdialog = false; |
| | | this.updateform = {}; |
| | | this.getRoleTabelData(); |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | async updateFromData() { |
| | | if (this.updateform.depValue == null) { |
| | |
| | | break; |
| | | } |
| | | }, |
| | | handleClose() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.InsertFormdialog = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | handleCloseEdit() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.UpdateFormdialog = false |
| | | this.getRoleTabelData(); |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | }, |
| | | beforeDestroy() { |
| | | this.timer && clearTimeout(this.timer); |