添加综合展示，在线制图，资料馆跳转页面功能，修改数据管理，运维管理页面数据获取

Surpriseplus

2022-11-26 5c11db14675b3a0f409e8c79e07304f37514b52a

 src/views/maintenance/mochaitmo.vue

@@ -87,7 +87,7 @@
import databaseMonitoring from '@/views/maintenance/databaseMonitoring.vue'; //数据库监控
import systemMonitoring from '@/views/maintenance/systemMonitoring.vue'; //系统监控
import parameterConfiguration from '@/views/maintenance/parameterConfiguration.vue'; //系统配置
import { selectMenuRecursive } from '../../api/api';
import { selectMenuRecursive, queryMenuTree } from '../../api/api';
import customElMenu from '../../components/customElMenu.vue';
export default {
  components: {
@@ -113,12 +113,13 @@
  },
  data() {
    return {
      setMenuFlag: 'menuSettings',
      setMenuFlag: '   ',
      activeIndex: ' ',
      oriData: [], //原始树数据
      dirData: [], //el树数据
      newData: [], //拖动后数据
      lang: 'zh',
      activeIndex: 'menuSettings',

      menuList: [],
      editTitle: '',
      showPopover: false,
@@ -131,21 +132,25 @@
      formLabelWidth: '70px',
    };
  },

  created() {},
  mounted() {
    this.getTreeData();
  },
  methods: {
    //获取树
    async getTreeData() {
      const res = await selectMenuRecursive({ name: '运维管理' });

      const data = await queryMenuTree();
      let menuLists = data.result.filter((value) => {
        return value.url == '/mochaitmo';
      });
      const res = await selectMenuRecursive({ name: menuLists[0].cnName });
      if (res.code == 200) {
        if (res.result.length != 0) {
          let menuList = res.result.filter((value) => {
            return value.type == 1;
          });
          this.menuList = this.treeData(menuList);
          this.setViewController(this.menuList[0]);
        } else {
          alert('暂无菜单栏数据');
        }
@@ -154,6 +159,15 @@
      }

      // this.treeList = this.treeData(data.result);
    },
    setViewController(res) {
      if (res.children != null) {
        this.setViewController(res.children[0]);
      } else {
        this.$store.state.currentPerms = res.perms;
        this.setMenuFlag = res.url;
        this.activeIndex = res.url;
      }
    },
    treeData(source) {
      let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆
@@ -183,73 +197,6 @@
        }
      }
      this.setMenuFlag = index;
    },
    //树点击
    handleNodeClick(data) {
      this.$store.state.currentPerms = data.perms;
      var index = data.url;
      if (index != null) {
        if (index.indexOf('http') != -1) {
          this.$store.commit('getIframe', data.url);
        }
      }

      switch (data.cnName) {
        case '菜单管理':
          this.setMenuFlag = '1';
          break;
        case '用户管理':
          this.setMenuFlag = '2';
          break;
        case '单位管理':
          this.setMenuFlag = '3';
          break;
        case '资源管理':
          this.setMenuFlag = '4';
          break;
        case '角色管理':
          this.setMenuFlag = '5';
          break;
        case '权限管理':
          this.setMenuFlag = '6';
          break;
        case '用户角色授权':
          this.setMenuFlag = '7';
          break;
        case '菜单权限授权':
          this.setMenuFlag = '8';
          break;
        case '角色菜单授权':
          this.setMenuFlag = '9';
          break;
        case '角色资源授权':
          this.setMenuFlag = '10';
          break;
        case '登录日志':
          this.setMenuFlag = '11';
          break;
        case '操作日志':
          this.setMenuFlag = '12';
          break;
        case '资源日志':
          this.setMenuFlag = '13';
          break;
        case '令牌管理':
          this.setMenuFlag = '14';
          break;
        case '黑/白名单':
          this.setMenuFlag = '15';
          break;
        case '数据库监控':
          this.setMenuFlag = '16';
          break;
        case '系统监控':
          this.setMenuFlag = '17';
          break;
        case '系统配置':
          this.setMenuFlag = '18';
          break;
      }
    },
  },
};