| | |
| | | <template> |
| | | <div class="logLog_box"> |
| | | <My-bread |
| | | :list="[ |
| | | <My-bread :list="[ |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('userManage.roleManage')}`, |
| | | ]" |
| | | ></My-bread> |
| | | ]"></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <el-form ref="ruleForm" :model="roleForm" :inline="true"> |
| | | <el-form-item :label="$t('userManage.RM.roleName')" prop="username"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="roleForm" |
| | | :inline="true" |
| | | > |
| | | <el-form-item |
| | | :label="$t('userManage.RM.roleName')" |
| | | prop="username" |
| | | > |
| | | <el-input v-model="roleForm.username" /> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | color: white; |
| | | " |
| | | @click="showDepTree(1)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | >{{ $t('common.choose') }}</el-button> |
| | | </el-form-item> |
| | | <br /> |
| | | <el-form-item> |
| | |
| | | type="success" |
| | | @click="InsertFormdialog = true" |
| | | v-if="menuStatus.insert" |
| | | ><i class="el-icon-circle-plus-outline"></i> {{ |
| | | ><i class="el-icon-circle-plus-outline"></i> {{ |
| | | $t('userManage.RM.add') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="onSubmit('ruleForm')" |
| | | ><i class="el-icon-search"></i> {{ |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t('userManage.RM.query') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="info" @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | <el-button |
| | | type="info" |
| | | @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('userManage.RM.reset') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="danger" |
| | | @click="handleDelete()" |
| | | v-if="menuStatus.delete" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('common.delete') |
| | | }}</el-button |
| | | > |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="85%" |
| | | @selection-change="handleSelectionChange" |
| | | height="99%" |
| | | > |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('userManage.RM.index')" |
| | | width="70px" |
| | | /> |
| | | <el-table-column align="center" prop="id" v-if="false" /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="id" |
| | | v-if="false" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | |
| | | type="warning" |
| | | @click="handleEdit(scope.$index, scope.row)" |
| | | size="small" |
| | | >{{ $t('common.update') }}</el-button |
| | | > |
| | | >{{ $t('common.update') }}</el-button> |
| | | <el-button |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | size="small" |
| | | >{{ $t('common.see') }}</el-button |
| | | > |
| | | >{{ $t('common.see') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="margin-top: 25px" class="pagination_box"> |
| | | <div |
| | | style="margin-top: 25px" |
| | | class="pagination_box" |
| | | > |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | :label="$t('userManage.RM.roleName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.name" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.name" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.ownedSystem')" |
| | |
| | | color: white; |
| | | " |
| | | @click="showDepTree(2)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | >{{ $t('common.choose') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.describe')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.descr" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.descr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.isAdmin')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-radio v-model="insertform.isAdmin" label="1">是</el-radio> |
| | | <el-radio v-model="insertform.isAdmin" label="0">否</el-radio> |
| | | <el-radio |
| | | v-model="insertform.isAdmin" |
| | | label="1" |
| | | >是</el-radio> |
| | | <el-radio |
| | | v-model="insertform.isAdmin" |
| | | label="0" |
| | | >否</el-radio> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.remarks')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="insertform.bak" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="insertFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | >{{ $t('common.confirm') }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | :label="$t('userManage.RM.roleName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="updateform.name" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="updateform.name" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | |
| | | color: white; |
| | | " |
| | | @click="showDepTree(3)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | >{{ $t('common.choose') }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.isAdmin')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-radio v-model="updateform.isAdmin" label="1">是</el-radio> |
| | | <el-radio v-model="updateform.isAdmin" label="0">否</el-radio> |
| | | <el-radio |
| | | v-model="updateform.isAdmin" |
| | | label="1" |
| | | >是</el-radio> |
| | | <el-radio |
| | | v-model="updateform.isAdmin" |
| | | label="0" |
| | | >否</el-radio> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.describe')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="updateform.descr" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="updateform.descr" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.remarks')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="updateform.bak" autocomplete="off"></el-input> |
| | | <el-input |
| | | v-model="updateform.bak" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="updateFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | >{{ $t('common.confirm') }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <div class="leftTree" v-if="showCata"> |
| | | <div |
| | | class="leftTree" |
| | | v-if="showCata" |
| | | > |
| | | <div class="treeBox"> |
| | | <role-dep-tree></role-dep-tree> |
| | | </div> |
| | |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | size="small" |
| | | @click="selectCataName" |
| | | >确定</el-button |
| | | > |
| | | <el-button type="info" size="small" @click="showCata = false" |
| | | >取消</el-button |
| | | > |
| | | >确定</el-button> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="showCata = false" |
| | | >取消</el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="infoBox" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox" |
| | | v-show="showinfoBox" |
| | | > |
| | | <el-card> |
| | | <div slot="header" class="clearfix"> |
| | | <div |
| | | slot="header" |
| | | class="clearfix" |
| | | > |
| | | <span>{{ $t('dataManage.styleObj.deInformation') }}</span> |
| | | <div style="float: right; cursor: pointer" @click="closeDetial"> |
| | | <div |
| | | style="float: right; cursor: pointer" |
| | | @click="closeDetial" |
| | | > |
| | | <i class="el-icon-close"></i> |
| | | </div> |
| | | </div> |
| | |
| | | <style lang="less" scoped> |
| | | //@import url(); 引入公共css类 |
| | | .logLog_box { |
| | | border-radius: 10px; |
| | | height: 100%; |
| | | |
| | | box-sizing: border-box; |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | position: absolute; |
| | | overflow: auto; |
| | | .el-input { |
| | | width: 300px; |
| | | } |
| | |
| | | } |
| | | } |
| | | .inquire { |
| | | height: 115px; |
| | | height: auto; |
| | | overflow: auto; |
| | | padding: 10px; |
| | | margin-top: 20px; |
| | | |
| | | margin-top: 10px; |
| | | margin-top: 10px; |
| | | width: calc(100% - 22px); |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | margin-bottom: 10px; |
| | | |
| | | .el-form-item { |
| | | margin: 7px; |
| | | } |
| | |
| | | } |
| | | } |
| | | .table_box { |
| | | height: 470px; |
| | | width: calc(100% - 22px); |
| | | height: calc(60% - 6px); |
| | | padding: 10px; |
| | | |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | /deep/.el-input__inner { |