| | |
| | | <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; |