| | |
| | | <div class="power_box"> |
| | | <My-bread |
| | | :list="[ |
| | | `${$t('userManage.userManage')}`, |
| | | `${$t('operatManage.operatManage')}`, |
| | | `${$t('userManage.authorityManage')}`, |
| | | ]" |
| | | ></My-bread> |
| | |
| | | <el-input v-model="ruleForm.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="submitForm('ruleForm')" icon="el-icon-search" type="primary">{{ |
| | | <el-button @click="submitForm('ruleForm')" icon="el-icon-search" style="background: #409eff; border: 1px solid #409eff; color: white">{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <el-button |
| | |
| | | <el-button @click="insertFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="insertFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <el-button @click="EditFromDataClose" >{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button @click="EditFromData" type="primary" >{{ |
| | | <el-button @click="EditFromData" style="background: #409eff; border: 1px solid #409eff; color: white" >{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <script> |
| | | import moment from 'moment'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import { select_Auth_ByPageAndCount, insertAuth,updateAuth,deleteAuths } from '../../api/api.js'; |
| | | import { select_Auth_ByPageAndCount, insertAuth, updateAuth, deleteAuths } from '../../api/api.js'; |
| | | export default { |
| | | components: { MyBread }, |
| | | data() { |
| | | return { |
| | | menuStatus: { |
| | | menuStatus: { |
| | | delete: false, |
| | | insert: false, |
| | | update: false, |
| | |
| | | tableData: [], |
| | | itemdetail: {}, |
| | | upform: {}, |
| | | multipleSelection: [], |
| | | multipleSelection: [], |
| | | count: 0, |
| | | |
| | | listData: { |
| | | name: null, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'label', |
| | | }, |
| | | }; |
| | | }, |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'label', |
| | | }, |
| | | |
| | | created() { |
| | | var val = this.$store.state.currentPerms; |
| | | var permsEntity = this.$store.state.permsEntity; |
| | | for (var i = 0; i < permsEntity.length; i++) { |
| | | if (permsEntity[i].perms == val) { |
| | | this.showPermsMenu(permsEntity[i]); |
| | | var permsEntity = this.$store.state.permsEntity; |
| | | for (var i = 0; i < permsEntity.length; i++) { |
| | | if (permsEntity[i].perms == val) { |
| | | this.showPermsMenu(permsEntity[i]); |
| | | |
| | | } |
| | | } |
| | | } |
| | | this.getRoleTabelData(); |
| | | }, |
| | | methods: { |
| | | showPermsMenu(res) { |
| | | showPermsMenu(res) { |
| | | switch (res.tag) { |
| | | case '/delete': |
| | | this.menuStatus.delete = true; |
| | |
| | | break; |
| | | } |
| | | }, |
| | | async DelFromData(){ |
| | | async DelFromData() { |
| | | var std = []; |
| | | for (var i in this.multipleSelection) { |
| | | std.push(this.multipleSelection[i].id); |
| | |
| | | }); |
| | | } |
| | | }, |
| | | handleSelectionChange(val) { |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val; |
| | | }, |
| | | submitForm(formName) { |
| | |
| | | |
| | | }, |
| | | resetForm(formName) { |
| | | this.ruleForm ={} |
| | | this.ruleForm = {} |
| | | this.getRoleTabelData(); |
| | | }, |
| | | EditFromDataClose(){ |
| | | EditFromDataClose() { |
| | | this.EditFormdialog = false; |
| | | this.upform ={}; |
| | | }, |
| | | async EditFromData(){ |
| | | const data = await updateAuth(this.upform); |
| | | if (data.code == 200) { |
| | | this.upform = {}; |
| | | }, |
| | | async EditFromData() { |
| | | const data = await updateAuth(this.upform); |
| | | if (data.code == 200) { |
| | | this.EditFormdialog = false; |
| | | this.upform = {}; |
| | | this.$message({ |
| | |
| | | if (this.listData.tab == '') { |
| | | delete this.listData.tab; |
| | | } |
| | | this.listData.name = this.ruleForm.name; |
| | | this.listData.name = this.ruleForm.name; |
| | | const data = await select_Auth_ByPageAndCount(this.listData); |
| | | if (data.code != 200) { |
| | | this.$message.error('列表调用失败'); |
| | |
| | | |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | /*修改table 表体的背景颜色和文字颜色*/ |
| | | /*修改table 表体的背景颜色和文字颜色*/ |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | | |
| | |
| | | } |
| | | .pagination_box { |
| | | margin-top: 20px; |
| | | /deep/.el-input__inner { |
| | | /deep/.el-input__inner { |
| | | background-color: transparent !important; |
| | | border: 1px solid; |
| | | color: white; |
| | |
| | | } |
| | | .infoBox { |
| | | width: 500px; |
| | | border: 1px solid #eee; |
| | | position: absolute; |
| | | z-index: 100; |
| | | top: 25%; |
| | | top: 15%; |
| | | right: 12%; |
| | | background-color: #fff; |
| | | background-color: #303030; |
| | | .el-icon-close { |
| | | color: white; |
| | | } |
| | | .el-card { |
| | | background-color: transparent; |
| | | span { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | color: white; |
| | | } |
| | | } |
| | | .contentBox { |
| | |
| | | height: 485px; |
| | | overflow: auto; |
| | | p { |
| | | // background-color: #bfa; |
| | | // margin-bottom: 10px; |
| | | color: white; |
| | | font-size: 14px; |
| | | } |
| | | .boxlabel { |
| | |
| | | background: #ededed; |
| | | } |
| | | } |
| | | /deep/ .el-input__inner { |
| | | background-color: transparent !important; |
| | | border: 1px solid; |
| | | color: white; |
| | | } |
| | | /deep/ .el-dialog { |
| | | background: #303030; |
| | | } |
| | | /deep/.el-range-editor.is-active, |
| | | .el-range-editor.is-active:hover, |
| | | .el-select .el-input.is-focus .el-input__inner { |
| | | border: 1px solid; |
| | | } |
| | | /deep/.el-dialog__title { |
| | | color: white; |
| | | } |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |