頁面更改

Surpriseplus

2022-11-16 e955e0e34f52d3a8f66354f2a75b762791f918b1

 src/views/userManage/authorityManage.vue

@@ -2,7 +2,7 @@
  <div class="power_box">
    <My-bread
      :list="[
        `${$t('userManage.userManage')}`,
  `${$t('operatManage.operatManage')}`,
        `${$t('userManage.authorityManage')}`,
      ]"
    ></My-bread>
@@ -277,12 +277,12 @@
<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,
@@ -299,32 +299,34 @@
      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;
@@ -337,7 +339,7 @@
          break;
      }
    },
   async DelFromData(){
    async DelFromData() {
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id);
@@ -356,7 +358,7 @@
        });
      }
    },
     handleSelectionChange(val) {
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    submitForm(formName) {
@@ -364,16 +366,16 @@

    },
    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({
@@ -434,7 +436,7 @@
      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('列表调用失败');
@@ -490,7 +492,7 @@

    border-radius: 5px;
    border: 1px solid rgb(202, 201, 204);
        /*修改table 表体的背景颜色和文字颜色*/
    /*修改table 表体的背景颜色和文字颜色*/
    /deep/ .el-table {
      background-color: transparent;

@@ -551,7 +553,7 @@
  }
  .pagination_box {
    margin-top: 20px;
       /deep/.el-input__inner {
    /deep/.el-input__inner {
      background-color: transparent !important;
      border: 1px solid;
      color: white;
@@ -632,6 +634,25 @@
      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>