eoss-ui 0.5.80 → 0.5.81-beta1

package/packages/main/src/main.vue

@@ -1,292 +1,23 @@
 <template>
-  <div class="es-main" :class="{ 'es-main-topside': layout === 'topside' }">
-    <div
-      v-if="showHeader"
-      class="es-main-header"
-      :style="{ backgroundImage: headerImg ? 'url(' + headerImg + ')' : '' }"
-    >
-      <AsyncComponent
-        v-if="themeJSON.logo.comp"
-        :style="!themeJSON.topNav.comp ? 'width:100%' : ''"
-        :key="themeJSON.logo.comp"
-        v-bind="themeJSON.logo.data"
-        :componentRenderUrl="themeJSON.logo.comp"
-      />
-      <img
-        class="es-main-logo"
-        :src="logoUrl"
-        v-if="layout !== 'topside' && logoUrl && showDefault"
-      />
-      <div class="es-main-top-nav">
-        <es-menu
-          v-if="navs.length"
-          class="es-fourth-tabs"
-          mode="horizontal"
-          :icons="icons"
-          :menu-icon="menuIcon"
-          :sub-icon="subIcon"
-          :popperClass="`el-menu--popup-${layout}`"
-          :data="navs"
-          :deep="layout === 'topnav'"
-          :height="layout === 'topnav' ? '370px' : undefined"
-          :default-active="topActive"
-          @select="
-            (res) => {
-              handleSelect(res, 'nav');
-            }
-          "
-        ></es-menu>
-      </div>
-      <AsyncComponent
-        v-if="themeJSON.topNav.comp"
-        :style="!themeJSON.logo.comp ? 'width:100%' : ''"
-        :hide="hide"
-        :subSystem="subsystem"
-        :online="online"
-        :application="application"
-        :storage="storage"
-        :notice="notice"
-        :data="handleData"
-        :key="themeJSON.topNav.comp"
-        v-bind="themeJSON.topNav.data"
-        :componentRenderUrl="themeJSON.topNav.comp"
-        @select="
-          (res) => {
-            handleSelect(res, 'sys');
-          }
-        "
-        @click="handleClick"
-      />
-      <es-handler
-        v-if="showDefault"
-        :userModel="userModel"
-        :hide="hide"
-        :subSystem="subsystem"
-        :online="online"
-        :application="application"
-        :storage="storage"
-        :notice="notice"
-        :data="handleData"
-        :max-height="_maxHeight"
-        @select="
-          (res) => {
-            handleSelect(res, 'sys');
-          }
-        "
-        @click="handleClick"
-      ></es-handler>
-    </div>
-    <div class="es-main-box" v-if="reset">
-      <div class="es-main-left" v-if="layout !== 'topnav' && showSide">
-        <div
-          class="es-main-side"
-          :class="{ 'es-main-topside': layout === 'topside' }"
-          v-if="layout === 'topside' || layout === 'side'"
-        >
-          <div class="es-main-side-logo" v-if="layout === 'topside'">
-            <img class="es-main-logo" :src="logoUrl" v-if="logoUrl" />
-          </div>
-          <es-handle-user
-            :data="{ type: 'user' }"
-            :userModel="userModel"
-            @click="handleClick"
-          ></es-handle-user>
-        </div>
-        <AsyncComponent
-          v-if="themeJSON.leftNav.comp"
-          :biserial="biserial"
-          :newTitle="showNavTitle ? title : false"
-          :default-active="active"
-          :menu-tips="menuTips"
-          :scene="scene"
-          :key="themeJSON.leftNav.comp"
-          v-bind="themeJSON.leftNav.data"
-          :componentRenderUrl="themeJSON.leftNav.comp"
-          :newMenu="menu"
-          :application="application"
-          :menuUrl="menuUrl"
-          @trigger="
-            (res) => {
-              handleSelect(res, 'sub');
-            }
-          "
-          @select="
-            (res) => {
-              handleSelect(res, 'menu');
-            }
-          "
-          @success="menuSuccess"
-        />
-        <es-nav
-          v-if="showMenu && showDefault"
-          :hide-sub-menu="hideSubMenu"
-          :is-top="layout == 'topside'"
-          :overlap="layout == 'side'"
-          :data="menu"
-          :default-active="active"
-          :width="navsWidth"
-          :nav-width="_navWidth"
-          :icons="icons"
-          :menu-icon="menuIcon"
-          :sub-icon="subIcon"
-          :biserial="biserial"
-          :title="showNavTitle ? title : false"
-          :showCollapse="
-            showNavTitle ? (layout == 'side' ? false : showCollapse) : false
-          "
-          :menu-tips="menuTips"
-          :is-default="isDefault"
-          :paddingLeft="navPaddingLeft"
-          @open="
-            (res) => {
-              handleSelect(res, 'menu', true);
-            }
-          "
-          @trigger="
-            (res) => {
-              handleSelect(res, 'sub');
-            }
-          "
-          @select="
-            (res) => {
-              handleSelect(res, 'menu');
-            }
-          "
-        >
-        </es-nav>
-      </div>
-      <div class="es-main-body">
-        <div v-if="fourthTabs" class="es-fourth-tabs">
-          <es-menu
-            mode="horizontal"
-            :data="tabs"
-            :titleIcons="false"
-            :default-active="tabsId"
-            :menu-icon="menuIcon"
-            :menu-tips="menuTips"
-            @select="
-              (res) => {
-                handleSelect(res, 'tabs');
-              }
-            "
-          ></es-menu>
-        </div>
-        <div class="es-body">
-          <div
-            class="es-body-main"
-            v-loading="pageLoading"
-            element-loading-background="rgba(0, 0, 0, 0.5)"
-            v-if="showPage"
-          >
-            <iframe
-              v-if="method === 'iframe'"
-              :id="iframeId"
-              :name="iframeId"
-              frameborder="0"
-              width="100%"
-              height="100%"
-              :src="page"
-            ></iframe>
-            <template v-else-if="method === 'wujie' && refresh">
-              <es-wujie
-                :show="true"
-                :props="wjProps"
-                :attrs="wjAttrs"
-                :name="wjName"
-                :url="page"
-              ></es-wujie>
-            </template>
-            <template v-else-if="method === 'router' && refresh">
-              <router-view v-if="!isKeepAlive" :key="routerKey" />
-              <keep-alive>
-                <router-view v-if="isKeepAlive" :key="routerKey"
-              /></keep-alive>
-            </template>
-          </div>
-          <AsyncComponent
-            style="
-              position: absolute;
-              height: 60px;
-              bottom: 0;
-              left: 0;
-              right: 0;
-            "
-            v-if="themeJSON.copyright.comp"
-            :key="themeJSON.copyright.comp"
-            v-bind="themeJSON.copyright.data"
-            :componentRenderUrl="themeJSON.copyright.comp"
-          />
-          <message
-            v-if="showMsg"
-            ref="message"
-            :total.sync="notice"
-            :visible.sync="showMsg"
-            :winopen="winopen"
-            @ignore="handleChange"
-            @handle="handleMenuTips"
-          ></message>
-        </div>
-      </div>
-    </div>
-    <settings
+  <div class="es-main-box">
+    <es-main-simplicity
+      ref="main"
+      v-if="type == 'simplicity'"
       v-bind="$attrs"
-      :theme="color"
-      :predefine="themes"
-      :visible.sync="showSet"
-      :layout="layout"
-      @change="handleChange"
-      @layout="handleLayout"
-    ></settings>
-    <es-dialog
-      v-if="showUserInfo"
-      title="用户信息配置"
-      :height="userHeight"
-      :visible.sync="showUserInfo"
-    >
-      <slot name="user">
-        <userinfo
-          v-bind="$attrs"
-          :contents="userInfoContents"
-          @change="handleUserModel"
-          @reGetConfig="reGetConfig"
-        >
-          <slot name="userInfo"></slot>
-        </userinfo>
-      </slot>
-    </es-dialog>
-    <notice :data="sysMsg" :winopen="winopen" @opened="handleOpened"></notice>
-    <es-dialog :title="dialog.title" :visible.sync="dialog.show" size="md">
-      <iframe
-        v-if="dialog.show"
-        width="100%"
-        height="100%"
-        frameborder="0"
-        :src="dialog.src"
-      ></iframe>
-    </es-dialog>
+      v-on="$listeners"
+    ></es-main-simplicity>
+    <es-main-default
+      v-else
+      v-bind="$attrs"
+      ref="main"
+      v-on="$listeners"
+    ></es-main-default>
   </div>
 </template>
 <script>
-import userinfo from './userinfo.vue';
-import settings from './settings.vue';
-import message from './message.vue';
-import notice from './notice.vue';
-import AsyncComponent from './async-component/index.vue';
-import {
-  //authCenter,
-  wss,
-  topic,
-  mainConfig,
-  updateUserCustomInfo,
-  getComplexApplications,
-  getComplexApplicationsNew,
-  mainDetail
-} from 'eoss-ui/src/config/api.js';
-import store from 'eoss-ui/src/utils/store';
+import EsMainSimplicity from './simplicity/index.vue';
+import EsMainDefault from './default/index.vue';
 import util from 'eoss-ui/src/utils/util';
-const isIE = navigator.userAgent.indexOf('MSIE') != -1;
-const log = util.getParams('console');
-const appCode = util.getParams('appCode') || util.getParams('appcode');
 export default {
   name: 'EsMain',
   inheritAttrs: false,
@@ -296,747 +27,30 @@ export default {
     };
   },
   components: {
-    userinfo,
-    settings,
-    message,
-    AsyncComponent,
-    notice
+    EsMainSimplicity,
+    EsMainDefault
   },
   props: {
-    maxHeight: String,
-    //菜单导航地址
-    menuUrl: String,
-    //菜单展开关闭图标
-    icons: Object,
-    //菜单前置默认图标
-    menuIcon: String,
-    //子菜单是否显示前置图标
-    subIcon: {
-      type: Boolean,
-      default: true
-    },
-    //logo
-    logo: String,
-    //菜单显示类型
-    scene: {
-      type: String,
-      default: 'default'
-    },
-    //host
-    host: {
-      type: String,
-      default: ''
-    },
-    param: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    header: {
-      type: Boolean,
-      default: true
-    },
-    sideNav: {
-      type: Boolean,
-      default: true
-    },
-    //操作栏配置
-    handleData: Array,
-    //本地导航
-    data: Array,
-    //头部背景图片
-    headerImage: String,
-    //默认主题颜色
-    theme: {
-      type: String,
-      default: '#409eff'
-    },
-    //主题颜色选择颜色集合
-    themes: Array,
-    //需要隐藏的头部功能
-    hides: Object,
-    //储存数据
-    storage: {
-      type: String,
-      default() {
-        return util.getStorage('storage');
-      }
-    },
-    //是否启用子应用菜单接口
-    application: {
-      type: Boolean,
-      default: false
-    },
-    //是否显示设置按钮
-    set: {
-      type: Boolean,
-      default: false
-    },
-    //websocket
-    socket: {
-      type: Boolean,
-      default: true
-    },
-    //无界微前端属性
-    wjProps: Object,
-    wjAttrs: Object,
-    //socket调试
-    console: Boolean,
-    //消息办理是否采用window.open的方式打开
-    winopen: {
-      type: Boolean,
-      default: true
-    },
-    //获取用户信息的接口
-    mainConfig: {
-      type: String,
-      default: mainConfig
-    },
-    iframeId: {
-      type: String,
-      default: 'stage'
-    },
-    routePath: {
-      type: String,
-      default: '/main'
-    },
-    setFirstAsDefault: {
-      type: Boolean,
-      default: true
-    },
-    pathUrl: {
-      type: String,
-      default: '/primary'
-    },
-    keepAlive: Boolean,
-    loadWujie: {
-      type: Boolean,
-      default: true
-    },
-    downgrade: {
-      type: Boolean,
-      default: true
-    },
-    remote: {
-      type: Boolean,
-      default: true
-    },
-    isCustomMain: {
-      type: Boolean,
-      default: false
-    },
-    userHeight: {
-      type: String,
-      default: '740px'
-    },
-    history: {
-      type: Boolean,
-      default: true
-    },
-    loadHomePage: {
-      type: [Boolean, String],
-      default: true
-    },
-    appCode: String,
-    //菜单左边距
-    navPaddingLeft: Number,
-    navBoxWidth: {
-      type: String,
-      default: '230px'
-    },
-    navWidth: String,
-    showCollapse: {
-      type: Boolean,
-      default: true
-    },
-    onlineView: {
-      type: [String, Boolean],
-      default: true
-    }
-  },
-  computed: {
-    showHeader() {
-      return this.isHeader == 0 ? false : this.header;
-    },
-    _maxHeight() {
-      if (this.maxHeight) {
-        return this.maxHeight;
-      }
-      return String(document.body.clientHeight - 77);
-    },
-    showSide() {
-      return this.isSide !== null ? this.isSide : this.sideNav;
-    },
-    isHomePage() {
-      if (util.getParams('applicationid') || util.getParams('applicationId')) {
-        return false;
-      }
-      if (util.getStorage('mainConfig')) {
-        let hash = util.win.location.hash;
-        if (
-          hash &&
-          hash.split('?')[0] !== '#/' &&
-          hash.split('?')[0] !== '#/main'
-        ) {
-          return false;
-        }
-      }
-      return true;
-    },
-    navsWidth() {
-      return this.layout === 'topside' ? this.navBoxWidth : undefined;
-    },
-    _navWidth() {
-      return this.layout === 'side'
-        ? this.navBoxWidth
-        : this.layout === 'topside'
-        ? '0'
-        : this.navWidth;
-    },
-    showNavTitle() {
-      return this.layout !== 'topside';
-    },
-    //tabs菜单
-    fourthTabs() {
-      return this.tabs.length;
-    },
-    //菜单接口
-    action() {
-      if (this.menuUrl) {
-        return this.menuUrl;
-      }
-      if (this.application) {
-        return getComplexApplicationsNew;
-      }
-      return getComplexApplications;
-    },
-    //是否双列右侧菜单
-    biserial() {
-      if (
-        this.layout === 'subsystem' ||
-        this.layout === 'topside' ||
-        this.application
-      ) {
-        return false;
-      } else {
-        return true;
-      }
-    },
-    //隐藏操作按键
-    hide() {
-      let mainConfig = JSON.parse(util.getStorage('mainConfig'));
-      let topRightToolHide = '';
-      if (
-        mainConfig &&
-        mainConfig.subsystemExtend &&
-        mainConfig.subsystemExtend.topRightToolHide
-      ) {
-        topRightToolHide = JSON.parse(
-          mainConfig.subsystemExtend.topRightToolHide.replace(
-            /(['"])?([a-zA-Z0-9_]+)(['"])?:/g,
-            '"$2":'
-          )
-        );
-      }
-      if (this.layout === 'subsystem' || this.application) {
-        if (this.hides && Object.keys(this.hides).length) {
-          return { ...this.hides, set: !this.set, system: false };
-        } else if (topRightToolHide && Object.keys(topRightToolHide).length) {
-          return { ...topRightToolHide, set: !this.set, system: false };
-        } else {
-          return { set: !this.set, system: false };
-        }
-      } else if (this.layout === 'topside' || this.layout === 'side') {
-        if (this.hides && Object.keys(this.hides).length) {
-          return {
-            ...this.hides,
-            set: !this.set,
-            system: true,
-            user: true
-          };
-        } else if (topRightToolHide && Object.keys(topRightToolHide).length) {
-          return {
-            ...topRightToolHide,
-            set: !this.set,
-            system: true,
-            user: true
-          };
-        } else {
-          return { set: !this.set, system: true, user: true };
-        }
-      } else {
-        if (this.hides && Object.keys(this.hides).length) {
-          return {
-            ...this.hides,
-            set: !this.set,
-            system: true,
-            user: true
-          };
-        } else if (topRightToolHide && Object.keys(topRightToolHide).length) {
-          return {
-            ...topRightToolHide,
-            set: !this.set,
-            system: true,
-            user: true
-          };
-        } else {
-          return { set: !this.set, system: true };
-        }
-      }
-    },
-    logoUrl() {
-      if (this.mainLogo) {
-        return this.mainLogo;
-      }
-      return this.logo;
-    },
-    isConsole() {
-      return log ? true : this.console;
-    },
-    menuCode() {
-      return appCode || this.appCode;
-    },
-    onlineUrl() {
-      if (this.onlineView) {
-        return typeof this.onlineView == 'string'
-          ? this.onlineView
-          : '/main/sysuseronline/list.dhtml';
-      }
-      return false;
-    }
-  },
-  watch: {
-    data: {
-      deep: true,
-      handler() {
-        !this.remote && this.renderMenu();
-      }
-    },
-    menuTips: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (Object.keys(val).length && this.menus.length) {
-          this.setTips(this.menus);
-        }
-      }
-    },
-    color: {
-      immediate: true,
-      handler(val) {
-        if (this.set) {
-          localStorage.setItem('theme', val);
-          util.updateTheme(val);
-        }
-      }
-    }
+    type: String
   },
+  computed: {},
+  watch: {},
   data() {
-    return {
-      layout: this.scene.toLowerCase(),
-      showDefault: false,
-      themeJSON: {
-        logo: { comp: '', data: {} },
-        topNav: { comp: '', data: {} },
-        leftNav: { comp: '', data: {} },
-        copyright: { comp: '', data: {} }
-      },
-      pageLoading: false,
-      wjName: 'singlespa',
-      menus: '',
-      //头部导航
-      navs: [],
-      //头部默认选择
-      topActive: '',
-      //子系统菜单
-      subsystem: [],
-      //头部子系统子导航默认选中项
-      sysId: '',
-      //导航默认选择
-      active: [],
-      //完整导航选中的ID
-      actives: [],
-      //初始默认选中菜单id
-      defaultActive: [],
-      //侧边导航
-      menu: [],
-      //菜单名称
-      title: '',
-      //菜单提醒气泡
-      menuTips: {},
-      //面包屑导航
-      tabs: [],
-      //页签导航默认选中值
-      tabsId: '',
-      //路由类型
-      method: 'router',
-      //页面地址
-      page: '',
-      //选中的地址
-      selectPage: '',
-      //主页面
-      homePage: '',
-      //header背景
-      mainLogo: null,
-      headerImg: this.headerImage,
-      //在线人数
-      online: 1,
-      //通知数
-      notice: 0,
-      //是否显示消息列表框
-      showMsg: false,
-      //即时消息
-      sysMsg: [],
-      //定时关闭及时消息对象
-      sysMsgOut: null,
-      //额外信息数据
-      extraData: '',
-      //用户信息
-      userModel: null,
-      //刷新路由
-      refresh: true,
-      //显示设置面板
-      showSet: false,
-      //当前设置的主题
-      color: util.getStorage('theme') ? util.getStorage('theme') : this.theme,
-      //显示用户信息
-      showUserInfo: false,
-      userInfoContents: undefined,
-      //是否展示侧边导航
-      showMenu: true,
-      props: {},
-      menuType: '',
-      customMenu: [],
-      //是否首次加载
-      isDefault: true,
-      reset: true,
-      isKeepAlive: this.keepAlive,
-      routerKey: '',
-      defaultwjprops: {},
-      isTabs: false,
-      isHeader: '',
-      isSide: null,
-      navIds: null,
-      timer: null,
-      pid: null,
-      showPage: false,
-      webSocket: null,
-      dialog: {},
-      hideSubMenu: false
-    };
+    return {};
   },
   created() {
     let params = util.getParams() || {};
-    if (typeof this.loadHomePage === 'string') {
-      this.homePage = this.loadHomePage;
-    }
-    this.isHeader = params.header;
-    let sysLogoIco = sessionStorage.getItem('sysLogoIco');
-    sysLogoIco && util.setFavicon(sysLogoIco);
     this.getConfig(params);
   },
-  mounted() {
-    util.win.reLogin = this.handleReLogin;
-    this.handleListener();
-    util.win.refresh = this.handleRefresh;
-    util.win.jumpMenu = this.jumpMenu;
-    if (util.win.$wujie) {
-      util.win.$wujie.bus.$on('changeTheme', (res) => {
-        util.updateTheme(res);
-      });
-    }
-    util.win.windowOpen = this.openPage;
-    util.win.addEventListener('popstate', this.stateHandle, false);
-  },
+  mounted() {},
   methods: {
-    stateHandle() {
-      util.win.location.reload();
-    },
-    menuSuccess(res) {
-      this.menuType = 'custom';
-      if (res && res.length) {
-        this.customMenu = res;
-        this.setMenu(res);
-      }
-    },
-    //获取主题模板JSON
-    getMainDetail(id) {
-      let params = {
-        url: mainDetail,
-        params: { id }
-      };
-      util
-        .ajax(params)
-        .then((res) => {
-          let _that = this;
-          if (!res.results) {
-            _that.showDefault = true;
-          }
-          if (res.rCode == 0) {
-            if (res.results && JSON.parse(res.results.layout)) {
-              // 初始化布局器
-              _that.themeJSON = JSON.parse(res.results.layout);
-              let count = 0;
-              for (let key in _that.themeJSON) {
-                if (_that.themeJSON[key].comp) {
-                  count++;
-                }
-              }
-              if (count == 0) {
-                _that.showDefault = true;
-              }
-              let theme = JSON.parse(res.results.theme);
-
-              util.updateTheme(theme.primaryColor);
-              _that.handleColorToPage(theme.globalThalk);
-            }
-          } else {
-            _that.$message.error('主题加载发生错误');
-            throw res.msg || '系统错误，请联系管理员！';
-          }
-          if (_that.showDefault && _that.data === undefined) {
-            _that.getMenu();
-          } else if (_that.showDefault) {
-            if (_that.data && _that.data.length) {
-              _that.menus = JSON.parse(JSON.stringify(_that.data));
-              _that.setMenu(_that.data);
-            }
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    // 将chalk写入到页面中
-    handleColorToPage(globalThalk) {
-      const thalk = document.getElementById('chalk-style');
-      if (!thalk) {
-        let ele = document.createElement('style');
-        ele.setAttribute('id', 'chalk-style');
-        ele.innerText = globalThalk;
-        document.head.appendChild(ele);
-      }
-      // 如果设置过主题的话
-      else {
-        thalk.innerText = globalThalk;
-      }
-    },
-    setTitle(id) {
-      let node;
-      for (let i = 0; i < this.menus.length; i++) {
-        let item = this.menus[i];
-        if (item.id == id) {
-          this.title = item.text;
-          node = item;
-          break;
-        }
-      }
-      return node;
-    },
-    renderMenu() {
-      if (this.data !== undefined && this.data.length) {
-        this.menus = JSON.parse(JSON.stringify(this.data));
-        let applicationid =
-          util.getParams('applicationid') || util.getParams('applicationId');
-        if (applicationid) {
-          var ids = this.getId(this.menus, applicationid);
-          if (ids) {
-            this.defaultActive = ids;
-            //this.navIds = ids;
-            this.setTitle(ids[0]);
-          }
-        } else if (sessionStorage.getItem('jump') && this.isHistory) {
-          let ids = this.getId(this.menus, sessionStorage.getItem('jump'));
-          if (ids) {
-            this.defaultActive = ids;
-            //this.navIds = ids;
-            this.setTitle(ids[0]);
-          }
-        } else if (util.win.location.hash) {
-          let hash = util.win.location.hash;
-          if (hash) {
-            hash = hash.split('?')[0];
-          }
-          if (hash !== '#/' && hash !== '#/main') {
-            let ids = this.getId(this.menus, util.win.location.hash);
-            if (ids) {
-              this.defaultActive = ids;
-              //this.navIds = ids;
-              this.setTitle(ids[0]);
-            }
-          } else if (sessionStorage.getItem('jump') && this.isHistory) {
-            let ids = this.getId(this.menus, sessionStorage.getItem('jump'));
-            if (ids) {
-              this.defaultActive = ids;
-              //this.navIds = ids;
-              this.setTitle(ids[0]);
-            }
-          }
-        }
-        this.setMenu(this.menus);
-      }
-    },
-    //设置主题颜色
-    setTheme(color) {
-      if (!color) {
-        return;
-      }
-      util
-        .ajax({
-          url: updateUserCustomInfo,
-          params: { color: escape(color.toLowerCase()) },
-          data: { color: escape(color.toLowerCase()) }
-        })
-        .then((res) => {
-          if (res.rCode === 0) {
-            this.color = color;
-            localStorage.setItem('theme', color);
-            let mainConfig = JSON.parse(util.getStorage('mainConfig'));
-            mainConfig.userStyle.color = this.color;
-            sessionStorage.setItem('mainConfig', JSON.stringify(mainConfig));
-            this.$emit('setting', 'theme', this.color);
-            this.$message({
-              message: res.msg,
-              type: 'success',
-              duration: 2000
-            });
-          } else {
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    //显示隐藏设置面板
-    handleSet() {
-      this.showSet = !this.showSet;
-    },
-    setConfig(results, flag) {
-      if (this.socket) {
-        this.initWebSocket();
-      }
-      if (flag) {
-        sessionStorage.setItem('mainConfig', JSON.stringify(results));
-        util.setStorage({
-          type: this.storage,
-          key: {
-            userId: results.userModel.userId,
-            userName: results.userModel.username,
-            useCaseCodes:
-              results.resourceCodes || results.userModel.resourceCodes
-          }
-        });
-      }
-      for (let i in results) {
-        if (i === 'mainLogoUrl' && results[i]) {
-          this.mainLogo = results[i];
-        }
-        if (
-          i === 'mainBannerUrl' &&
-          results[i] &&
-          this.headerImage === undefined
-        ) {
-          this.headerImg = results[i];
-        }
-        if (i === 'initApplication' && results[i]) {
-          this.results[i] = results[i].split(',');
-        }
-        if (i === 'indexUrl' && results[i] && this.loadHomePage) {
-          let applicationid =
-            util.getParams('applicationid') || util.getParams('applicationId');
-          let hash = util.win.location.hash;
-          if (hash) {
-            hash = hash.split('?')[0];
-          }
-          let jump = sessionStorage.getItem('jump');
-          if (
-            (!applicationid &&
-              (!jump || !this.isHistory) &&
-              (hash === '#/' || hash === '#/main')) ||
-            jump == results[i]
-          ) {
-            this.homePage =
-              typeof this.loadHomePage === 'string'
-                ? this.loadHomePage
-                : results[i];
-            if (this.isHomePage && this.homePage) {
-              if (this.menus && this.menus.length) {
-                let ids = null;
-                this.homePage && (ids = this.getId(this.menus, this.homePage));
-                if (ids) {
-                  this.defaultActive = ids;
-                } else if (this.homePage) {
-                  this.handleJump(this.homePage);
-                }
-                this.setMenu(this.menus);
-              }
-            }
-          } else if (this.menus && this.menus.length) {
-            this.setMenu(this.menus);
-          }
-        }
-        if (i === 'doorIndex' && results[i]) {
-          window.open(results[i]);
-        }
-        if (i === 'subsystemName' && results[i]) {
-          document.title = results[i];
-        }
-        if (i === 'loginPage' && results[i]) {
-          util.setStorage('loginPage', results[i]);
-        }
-        if (i === 'sysLogoIco' && results[i]) {
-          sessionStorage.setItem('sysLogoIco', results[i]);
-          util.setFavicon(results[i]);
-        }
-        if (i === 'userStyle' && results[i] && results[i].color) {
-          let color = unescape(results[i].color).toLowerCase();
-          if (util.startWith(color, '#')) {
-            this.color = color;
-          }
-        }
-        if (i === 'subsystemExtend' && results[i]) {
-          if (results[i].themeColor) {
-            this.color = unescape(results[i].themeColor).toLowerCase();
-          }
-          if (results[i].userInfoContents) {
-            this.userInfoContents = results[i].userInfoContents;
-          }
-          if (results[i].webPageWatermark) {
-            try {
-              util.win.top.webPageWatermark = results[i].webPageWatermark;
-              util.watermark(results[i].webPageWatermark);
-            } catch (error) {
-              util.win.postMessage(
-                { type: 2, content: results[i].webPageWatermark },
-                '*'
-              );
-            }
-          }
-          if (results[i].loginPage) {
-            util.setStorage('loginPage', results[i].loginPage);
-          }
-        }
-        store.set(i, results[i]);
-      }
-      this.userModel = results.userModel;
-      let mainFrameLayout = results.mainFrameLayout;
-      if (results.userStyle.layout && this.isCustomMain) {
-        this.getMainDetail(results.userStyle.layout);
-      } else if (this.isCustomMain) {
-        this.getMainDetail(mainFrameLayout);
-      } else {
-        this.showDefault = true;
-      }
-    },
-    //获取用户配置及信息
+    /**
+     * @desc:获取系统配置
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
     getConfig(query) {
+      console.log(121212);
       const token =
         util.getStorage('token') || util.getStorage('Authorization');
       if (
@@ -1046,1210 +60,13 @@ export default {
       ) {
         return false;
       }
-      if (util.getStorage('mainConfig')) {
-        const results = JSON.parse(util.getStorage('mainConfig'));
-        this.setConfig(results);
-        if (this.remote) {
-          this.getMenu();
-        } else {
-          this.renderMenu();
-        }
-        return true;
-      }
-      util.getMainConfig((res) => {
-        this.setConfig(res, 1);
-        if (this.remote) {
-          this.getMenu();
-        } else {
-          this.renderMenu();
-        }
-      });
-    },
-    reGetConfig() {
-      util
-        .ajax({ url: this.mainConfig })
-        .then((res) => {
-          if (res && res.rCode === 0) {
-            const results = JSON.parse(JSON.stringify(res.results));
-            this.setConfig(results, 1);
-          } else {
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
+      if (!util.getStorage('mainConfig')) {
+        util.getMainConfig((res) => {
+          this.$refs.main.init(res);
         });
-    },
-    /**
-     * @desc 跳转菜单
-     * @param {Object/String} [res]    - 菜单id（多个用,隔开）或url地址或系统菜单数据对象
-     * @param {Boolean} [isUrl] - res是否是url地址
-     * @param {Object} [param] - 拼接地址后的参数
-     */
-    jumpMenu(res, isUrl, param, hide) {
-      if (this.showSide === false) {
-        this.isSide = true;
-      }
-      if (hide !== undefined && hide !== null && hide !== '') {
-        this.hideSubMenu = hide;
-      }
-      let option = { url: res, isUrl: isUrl, param: param };
-      if (util.isObject(res)) {
-        if (res.urlopenmode == 1) {
-          util.win.open(res.url);
-          return;
-        } else if (res.urlopenmode == 2) {
-          location.href = res.url;
-          return;
-        } else {
-          option = { ...option, ...res };
-        }
-      }
-      let ids;
-      if (typeof option.url === 'string') {
-        if (
-          option.isUrl ||
-          option.url.indexOf('.html') > -1 ||
-          option.url.indexOf('.dhtml') > -1 ||
-          option.url.indexOf('/#/') > -1 ||
-          option.url.indexOf('#/') > -1
-        ) {
-          option.isUrlc = true;
-          ids = this.getId(this.menus, option.url);
-          if (!ids) {
-            if (
-              option.url.indexOf('.html') === -1 &&
-              option.url.indexOf('#/') === -1
-            ) {
-              this.method = 'iframe';
-              this.refresh = false;
-              this.page = option.url;
-            } else {
-              this.method = 'router';
-              const routes = this.$router.options.routes;
-              if (routes) {
-                let path = this.hasRouter(routes, option.url);
-                if (path) {
-                  let params = util.getParams({ url: option.url });
-                  this.$router.push({
-                    path: path,
-                    query: params
-                  });
-                } else {
-                  if (this.loadWujie === false || (this.downgrade && isIE)) {
-                    this.method = 'iframe';
-                    this.refresh = false;
-                    this.page = option.url;
-                  } else {
-                    this.method = 'wujie';
-                    this.wjName = 'application' + Date.now();
-                    this.page = this.host + option.url;
-                  }
-                }
-              }
-            }
-            this.$nextTick(() => {
-              this.refresh = true;
-            });
-            return;
-          }
-        } else {
-          ids = option.url.split(',');
-        }
-      } else {
-        ids = option.url;
-      }
-      this.setDefault(this.menus, ids, option.param);
-    },
-    /**
-     * @desc 获取菜单层级id
-     * @param {Array} [menus]    - 系统菜单数据对象
-     * @param {String} [url] - 菜单id或url地址
-     */
-    getId(menus, url) {
-      if (!url) {
-        return false;
-      }
-      for (let i = 0; i < menus.length; i++) {
-        let item = menus[i];
-        if (
-          Object.prototype.hasOwnProperty.call(item, 'children') &&
-          item.children.length
-        ) {
-          let id = this.getId(item.children, url);
-          if (id) {
-            if (typeof id === 'string') {
-              this.isTabs = false;
-            }
-            if (item.pid === 'root' || Array.isArray(id)) {
-              return [item.id].concat(id);
-            } else if (typeof id === 'string') {
-              return [item.id, id];
-            }
-            return id;
-          }
-        } else if (
-          Object.prototype.hasOwnProperty.call(item, 'fourthTabs') &&
-          item.fourthTabs.length
-        ) {
-          let id = this.getId(item.fourthTabs, url);
-          if (id) {
-            if (typeof id === 'string') {
-              this.isTabs = true;
-            }
-            if (item.pid === 'root') {
-              return [item.id].concat(id);
-            } else if (typeof id === 'string') {
-              return [item.id, id];
-            }
-            return id;
-          }
-        } else if (item.id === url || item.url == url) {
-          return item.id;
-        } else {
-          if (item.url) {
-            let _url = new URL(item.url, window.location.origin);
-            if (_url.hash == url) {
-              return item.id;
-            }
-          }
-        }
-      }
-      return false;
-    },
-    //获取应用导航菜单
-    getMenu() {
-      let param = this.menuCode ? { menuCode: this.menuCode } : {};
-      let params = { ...this.param, ...param };
-      util
-        .ajax({ url: this.action, params: params })
-        .then((res) => {
-          if (res.rCode === 0) {
-            if (res.results && res.results.length) {
-              this.menus = JSON.parse(JSON.stringify(res.results));
-              this.setTips(this.menus);
-              store.set('nav', this.menus);
-              this.setMenu(this.menus);
-            } else {
-              this.$message.error('未分配菜单权限，请联系管理员！');
-            }
-          } else {
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    //设置默认左侧导航
-    setMenu(res) {
-      let applicationid =
-        util.getParams('applicationid') || util.getParams('applicationId');
-      if (applicationid) {
-        let ids = this.getId(this.menus, applicationid);
-        if (ids) {
-          this.defaultActive = ids;
-        }
-      } else if (util.win.location.hash) {
-        let hash = util.win.location.hash;
-        if (hash) {
-          hash = hash.split('?')[0];
-        }
-        if (hash !== '#/' && hash !== '#/main') {
-          let ids = this.getId(this.menus, util.win.location.hash);
-          if (ids) {
-            this.defaultActive = ids;
-            //this.navIds = ids;
-            this.setTitle(ids[0]);
-          }
-        }
-      } else if (sessionStorage.getItem('jump') && this.isHistory) {
-        let ids = this.getId(this.menus, sessionStorage.getItem('jump'));
-        if (ids) {
-          this.defaultActive = ids;
-          //this.navIds = ids;
-          this.setTitle(ids[0]);
-        }
-      }
-      if (this.defaultActive && this.defaultActive.length) {
-        this.isDefault = false;
-        this.setDefault(res, this.defaultActive);
-      } else {
-        if (this.homePage || !util.getStorage('mainConfig')) {
-          this.isDefault = true;
-          if (
-            this.homePage &&
-            (!this.defaultActive || !this.defaultActive.length)
-          ) {
-            let ids = this.getId(this.menus, this.homePage);
-            if (ids) {
-              this.defaultActive = ids;
-              this.isDefault = false;
-              this.setDefault(res, this.defaultActive);
-              return false;
-            } else {
-              this.handleJump(this.homePage);
-            }
-          }
-        } else {
-          this.isDefault = false;
-        }
-        if (this.layout === 'subsystem' || this.layout === 'topside') {
-          if (this.layout === 'subsystem') {
-            this.navs = [];
-            if (this.menuType === 'custom') {
-              this.subsystem = this.customMenu;
-            } else {
-              this.subsystem = res;
-            }
-          } else if (this.layout === 'topside') {
-            this.subsystem = [];
-            if (this.menuType === 'custom') {
-              this.navs = this.customMenu;
-              this.topActive = res[0].id;
-            } else {
-              this.navs = res;
-              this.topActive = res[0].id;
-            }
-          }
-          if (this.application) {
-            for (let i = 0; i < res.length; i++) {
-              if (res[i].hasPermission) {
-                this.menu = res[i].children;
-                this.title = res[i].text;
-                break;
-              }
-            }
-          } else {
-            this.menu = res[0].children;
-            this.title = res[0].text;
-          }
-          if (!this.isDefault || (this.isDefault && !this.homePage)) {
-            this.active = this.getFirst(this.menu[0]).id;
-          }
-        } else if (this.layout === 'topnav') {
-          if (this.menuType === 'custom') {
-            this.navs = this.customMenu;
-            this.topActive = this.getFirst(res[0]).id;
-          } else {
-            this.navs = res;
-            this.topActive = this.getFirst(res[0]).id;
-          }
-        } else {
-          this.nav = [];
-          this.subsystem = [];
-          this.menu = res;
-          if (!this.isDefault || (this.isDefault && !this.homePage)) {
-            this.active = [this.menu[0].id];
-            let id = this.getFirst(this.menu[0]).id;
-            if (id && this.menu[0].id !== id) {
-              this.active.push(id);
-            } else {
-              let hash = util.win.location.hash;
-              if (hash) {
-                hash = hash.split('?')[0];
-                if (hash !== '#/' && hash !== '#/main') {
-                  this.handleJump(hash);
-                  return;
-                }
-              }
-              let jump = sessionStorage.getItem('jump');
-              if (jump) {
-                this.handleJump(jump);
-              } else {
-                this.handleJump(
-                  this.menu[0].url,
-                  this.menu[0].urlopenmode,
-                  this.menu[0]
-                );
-              }
-            }
-          }
-        }
-      }
-    },
-    //获取菜单第一条数据
-    getFirst(obj) {
-      if (!obj) {
-        return '';
-      }
-      let openIdex = 0;
-      if (
-        obj.extendData &&
-        (obj.extendData.subDefOpenIndex || obj.extendData.subDefOpen)
-      ) {
-        openIdex = parseInt(
-          obj.extendData.subDefOpenIndex || obj.extendData.subDefOpen,
-          10
-        );
-      }
-      if (obj.children && obj.children.length) {
-        return this.getFirst(obj.children[openIdex]);
-      } else if (obj.fourthTabs && obj.fourthTabs.length) {
-        if (this.layout === 'topnav') {
-          return this.getFirst(obj.fourthTabs[openIdex]);
-        } else {
-          this.tabs = obj.fourthTabs;
-          if (obj.url) {
-            let tab = obj.fourthTabs.filter((item) => {
-              return item.url === obj.url;
-            })[0];
-            if (tab) {
-              this.tabsId = tab.id;
-              this.handleJump(tab.url, tab.urlopenmode, tab);
-            }
-          } else {
-            this.tabsId = this.tabs[0].id;
-            this.handleJump(
-              this.tabs[0].url,
-              this.tabs[0].urlopenmode,
-              this.tabs[0]
-            );
-          }
-        }
-      } else {
-        this.tabs = [];
-        this.handleJump(obj.url, obj.urlopenmode, obj);
-      }
-      return obj;
-    },
-    //遍历设置菜单气泡提醒
-    setTips(obj) {
-      if (Array.isArray(obj)) {
-        obj.forEach((item) => {
-          this.setTips(item);
-        });
-      } else {
-        if (
-          obj &&
-          Object.prototype.hasOwnProperty.call(obj, 'tips') &&
-          obj.tips
-        ) {
-          this.$set(obj, 'tips', false);
-          delete obj.tips;
-        }
-        let flag = false;
-        if (obj.children && obj.children.length) {
-          obj.children.forEach((item) => {
-            if (this.setTips(item)) {
-              flag = true;
-            }
-          });
-          if (flag) {
-            this.$set(obj, 'tips', true);
-            return true;
-          }
-        } else if (obj.fourthTabs && obj.fourthTabs.length) {
-          obj.fourthTabs.forEach((item) => {
-            if (this.setTips(item)) {
-              flag = true;
-            }
-          });
-          if (flag) {
-            this.$set(obj, 'tips', true);
-            return true;
-          }
-        } else {
-          if (this.menuTips[obj.id] && Number(this.menuTips[obj.id])) {
-            this.$set(obj, 'tips', Number(this.menuTips[obj.id]));
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    //设置默认导航页面
-    setDefault(res, active, param) {
-      this.navIds = JSON.parse(JSON.stringify(active));
-      this.sysId = '';
-      this.tabsId = '';
-      this.active = '';
-      this.getUrl(res, active, param);
-      if (
-        this.layout === 'subsystem' ||
-        this.layout === 'subSystem' ||
-        this.layout === 'topnav' ||
-        this.layout === 'topNav' ||
-        this.layout === 'topside' ||
-        this.layout === 'topSide'
-      ) {
-        if (this.layout === 'subsystem' || this.layout === 'subSystem') {
-          this.navs = [];
-          if (this.menuType === 'custom') {
-            this.subsystem = this.customMenu;
-            this.sysId = active[0];
-          } else {
-            this.subsystem = res;
-            this.sysId = active[0];
-          }
-        } else if (
-          this.layout === 'topnav' ||
-          this.layout === 'topNav' ||
-          this.layout === 'topside' ||
-          this.layout === 'topSide'
-        ) {
-          this.subsystem = [];
-          if (this.menuType === 'custom') {
-            this.navs = this.customMenu;
-            this.topActive = active[0];
-          } else {
-            this.navs = res;
-            this.topActive = active[0];
-          }
-        }
-        if (this.tabs.length || this.isTabs) {
-          this.tabsId = active[active.length - 1];
-          this.active = active.slice(1, active.length - 1);
-        } else {
-          this.active = active.slice(1);
-        }
-        for (let i = 0; i < res.length; i++) {
-          if (res[i].id === active[0]) {
-            this.menu = res[i].children;
-            this.title = res[i].text;
-            break;
-          }
-        }
-      } else if (active && active.length) {
-        this.navs = [];
-        this.subsystem = [];
-        this.menu = res;
-        if (this.biserial) {
-          this.active = active.slice(
-            0,
-            active.length > 2 ? active.length - 1 : active.length
-          );
-        } else {
-          this.active = active.slice(1);
-        }
-        this.tabsId = active[active.length - 1];
-      }
-      this.showPage = true;
-    },
-    //获取页面类型及地址
-    getUrl(res, active, index, param) {
-      index = index === undefined ? 0 : index;
-      for (let i = 0; i < res.length; i++) {
-        let item = res[i];
-        if (item.id === active[index]) {
-          if (index === active.length - 1) {
-            this.handleJump(item.url, item.urlopenmode, item, param);
-            return item.url;
-          } else {
-            if (item.children && item.children.length) {
-              index++;
-              let url = this.getUrl(item.children, active, index, param);
-              if (url && index === active.length - 1) {
-                this.tabs = '';
-              }
-              return url;
-            }
-            if (item.fourthTabs && item.fourthTabs.length) {
-              index++;
-              let url = this.getUrl(item.fourthTabs, active, index, param);
-              if (url) {
-                this.$set(this, 'tabs', item.fourthTabs);
-              }
-              return url;
-            }
-          }
-        } else if (item.children && item.children.length) {
-          this.getUrl(item.children, active, index, param);
-        }
-      }
-      return false;
-    },
-
-    setUrl(url, param) {
-      let obj = param ? param : {};
-      let params = util.getParams({ url: url }, true);
-      for (let i in params) {
-        if (i != 'model' && i != 'view' && i != '_baseUrl') {
-          obj[i] = params[i];
-        }
-      }
-      let _url = params._baseUrl ? params._baseUrl : './primary.html';
-      return util.urlJoinParams({ url: _url, param: obj });
-    },
-    //应用导航交互
-    handleSelect(res, type, open) {
-      const { node, fourthTabs } = res;
-      if (!open) {
-        if (
-          node.extendData &&
-          node.extendData.businessStatus == 0 &&
-          node.extendData.businessWarnMsg
-        ) {
-          this.$alert(node.extendData.businessWarnMsg, '提示', {
-            type: 'warning'
-          });
-          return;
-        }
-        this.isDefault = false;
-        this.tabsId = '';
-      }
-      switch (type) {
-        case 'nav':
-          this.tabs = [];
-          //this.active = '';
-          if (this.layout === 'topside') {
-            if (this.title !== node.text) {
-              //this.navIds = [node.id];
-              this.menu = node.children;
-              this.active = node.id;
-              this.title = node.text;
-            }
-            if (this.setFirstAsDefault) {
-              let subNode = this.getFirst(node);
-              if (subNode) {
-                this.active = subNode.id;
-                // this.navIds = [
-                //   node.id,
-                //   ...this.getId(node.children, subNode.url)
-                // ];
-              }
-            }
-          } else {
-            //this.navIds = this.getId(this.menus, node.url);
-            this.setTitle(this.navIds[0]);
-            this.tabsId = fourthTabs ? node.id : '';
-          }
-          break;
-        case 'sys':
-          if (Number(node.urlopenmode) !== 1) {
-            //this.navIds = [node.id];
-            this.tabs = [];
-            this.menu = node.children;
-            if (this.title !== node.text) {
-              this.active = '';
-              this.title = node.text;
-            }
-            if (this.setFirstAsDefault) {
-              let subNode = this.getFirst(node);
-              if (subNode) {
-                this.active = subNode.id;
-                // this.navIds = [
-                //   node.id,
-                //   ...this.getId(node.children, subNode.url)
-                // ];
-              }
-            }
-            this.isSide = true;
-          }
-          break;
-        case 'sub':
-          this.hideSubMenu = false;
-          //this.navIds = [node.id];
-          if (node.url) {
-            this.tabs = [];
-          }
-          if (this.title !== node.text) {
-            this.active = [node.id];
-            this.title = node.text;
-          }
-          if (this.setFirstAsDefault) {
-            let subNode = this.getFirst(node);
-            this.active = [node.id];
-            if (subNode && node.id !== subNode.id) {
-              //this.navIds = this.getId(this.menus, subNode.url);
-              this.$set(this.active, 1, subNode.id);
-            }
-          }
-          break;
-        case 'menu':
-          if (!open) {
-            this.tabs = [];
-            if (this.biserial) {
-              this.$set(this.active, 1, node.id);
-            } else {
-              this.active = node.id;
-            }
-            if (node.url) {
-              if (node.children && node.children.length) {
-                let tab = node.children.filter((item) => {
-                  return item.url === node.url;
-                })[0];
-                if (tab) {
-                  if (this.biserial) {
-                    this.$set(this.active, 1, tab.id);
-                  } else {
-                    this.active = tab.id;
-                  }
-                  //this.navIds = this.getId(this.menus, tab.url);
-                }
-              } else {
-                let tab = (node.fourthTabs || []).filter((item) => {
-                  return item.url === node.url;
-                })[0];
-                if (tab) {
-                  this.tabs = node.fourthTabs;
-                  this.tabsId = tab.id;
-                  //this.navIds = this.getId(this.menus, tab.url);
-                } else {
-                  //this.navIds = this.getId(this.menus, node.url);
-                }
-              }
-            } else {
-              if (node.fourthTabs.length) {
-                this.tabs = node.fourthTabs;
-                this.tabsId = this.tabs[0].id;
-                this.handleJump(
-                  this.tabs[0].url,
-                  this.tabs[0].urlopenmode,
-                  this.tabs[0]
-                );
-                //this.navIds = this.getId(this.menus, this.tabs[0].url);
-              }
-            }
-          } else {
-            if (this.setFirstAsDefault) {
-              this.tabs = [];
-              let subNode = this.getFirst(node);
-              if (subNode) {
-                if (this.biserial) {
-                  this.$set(this.active, 1, subNode.id);
-                } else {
-                  this.active = subNode.id;
-                }
-                //this.navIds = this.getId(this.menus, subNode.url);
-              }
-            }
-          }
-          break;
-        case 'tabs':
-          this.tabsId = node.id;
-          //this.navIds = this.getId(this.menus, node.url);
-          break;
-      }
-      if (node.url) {
-        this.selectPage = node.url;
-        this.refresh = false;
-        this.handleJump(node.url, Number(node.urlopenmode), node);
-      }
-    },
-    hasRouter(res, url) {
-      if (!url) {
-        return false;
-      }
-      if (Array.isArray(res)) {
-        for (let i in res) {
-          let path = this.hasRouter(res[i], url);
-          if (path) {
-            return path;
-          }
-        }
-      } else {
-        let path = res.path;
-        if (path !== '/' && path !== '/404') {
-          path = path.replace(path[1], path[1].toLowerCase());
-        }
-        let pathname = url.substring(url.indexOf('#/') + 1);
-        pathname = pathname
-          .replace(pathname[1], pathname[1].toLowerCase())
-          .split('?')[0];
-        if (res.path !== '/' && pathname == path) {
-          return pathname;
-        }
-        if (res && Object.prototype.hasOwnProperty.call(res, 'children')) {
-          let path = this.hasRouter(res.children, url);
-          if (path) {
-            return path;
-          }
-        }
-      }
-      return false;
-    },
-    //头部工具交互事件
-    handleClick(res) {
-      const { type } = res;
-      switch (type) {
-        //刷新
-        case 'refresh':
-          this.handleRefresh();
-          break;
-        case 'home':
-          this.reset = false;
-          if (this.homePage) {
-            this.handleJump(this.homePage);
-          }
-          this.active = [];
-          this.defaultActive = [];
-          this.tabs = [];
-          if (this.menus && this.menus.length) {
-            this.setMenu(this.menus);
-          }
-          this.$nextTick(() => {
-            this.reset = true;
-          });
-          break;
-        case 'user':
-          this.showUserInfo = true;
-          break;
-        case 'online':
-          if (this.onlineUrl) {
-            this.dialog = {
-              title: '查看在线人员',
-              show: true,
-              src: this.onlineUrl
-            };
-          }
-          break;
-        case 'notice':
-          this.showMsg = !this.showMsg;
-          break;
-        case 'set':
-          this.handleSet();
-          break;
-        case 'goView':
-          util.win.open(res.path, '_blank');
-          break;
-      }
-      this.$emit('handler-click', res);
-    },
-    //刷新子页面、子路由
-    handleRefresh() {
-      if (this.method === 'iframe') {
-        this.page = util.handlerUrl(this.page);
-      } else {
-        this.refresh = false;
-        this.$nextTick(() => {
-          this.refresh = true;
-        });
-      }
-    },
-    //跳转页面
-    handleJump(page, type, res, param) {
-      this.navIds = this.getId(this.menus, page);
-      console.log(page);
-      let prevPage = sessionStorage.getItem('jump');
-      sessionStorage.setItem('jump', page);
-      if (res) {
-        if (res.fourthTabs && res.fourthTabs.length) {
-          this.pid = res.id;
-        } else {
-          this.pid = res.pid;
-        }
-      }
-      if (util.win.location.hash === page && prevPage === page) {
-        this.refresh = true;
-        return;
-      }
-      if (type == 1) {
-        util.win.open(page);
-      } else if (type == 2) {
-        location.href = page;
-      } else if (
-        type == 3 ||
-        this.loadWujie === false ||
-        (this.downgrade && isIE)
-      ) {
-        this.method = 'iframe';
-        this.refresh = false;
-        this.page = util.handlerUrl(page, param);
-      } else if (page) {
-        let urls = page.split('?');
-        if (urls[0].indexOf('.js') > 1) {
-          this.method = 'wujie';
-          this.wjName = 'singlespa';
-          this.page = this.host + page;
-          this.$nextTick(() => {
-            this.refresh = true;
-          });
-        } else if (
-          urls[0].indexOf('.dhtml') > 0 ||
-          (urls[0].indexOf('.html') > 0 && urls[0].indexOf('.html#') === -1)
-        ) {
-          this.method = 'iframe';
-          this.refresh = false;
-          this.page = util.handlerUrl(page, param);
-        } else {
-          if (urls[0].indexOf('.html') === -1 && urls[0].indexOf('#/') === -1) {
-            this.method = 'iframe';
-            this.refresh = false;
-            this.page = util.handlerUrl(page, param);
-          } else {
-            this.method = 'router';
-            const routes = this.$router.options.routes;
-            if (routes) {
-              let path = this.hasRouter(routes, urls[0]);
-              if (path) {
-                let params = util.getParams({ url: page });
-                if (param) {
-                  params = { ...params, ...param };
-                }
-                if (res) {
-                  this.routerKey = res.id;
-                  if (Object.prototype.hasOwnProperty.call(res, 'keepAlive')) {
-                    this.isKeepAlive = res.keepAlive;
-                  }
-                }
-                this.$router.push({
-                  path: path,
-                  query: params
-                });
-                this.$nextTick(() => {
-                  this.refresh = true;
-                });
-              } else {
-                let urlopenmode = util.getParams({
-                  url: page,
-                  name: 'urlopenmode'
-                });
-                if (
-                  this.loadWujie === false ||
-                  (this.downgrade && isIE) ||
-                  urlopenmode == 3
-                ) {
-                  this.method = 'iframe';
-                  this.refresh = false;
-                  this.page = util.handlerUrl(page, param);
-                } else {
-                  this.method = 'wujie';
-                  this.wjName =
-                    res && res.appCode ? res.appCode : 'application';
-                  this.page = this.host + page;
-                  this.$nextTick(() => {
-                    this.refresh = true;
-                  });
-                }
-              }
-            } else {
-              this.method = 'iframe';
-              this.refresh = false;
-              this.page = util.handlerUrl(page, param);
-              this.$nextTick(() => {
-                this.refresh = true;
-              });
-            }
-          }
-        }
-      }
-      this.$nextTick(() => {
-        this.showPage = true;
-      });
-    },
-    //设置回调
-    handleChange(res) {
-      const { type, value } = res;
-      switch (type) {
-        case 'theme':
-          this.setTheme(value);
-          break;
-        case 'ignore':
-          this.notice = 0;
-          break;
-      }
-    },
-    getFourthTabs(menus, id) {
-      if (Array.isArray(menus)) {
-        for (let i = 0; i < menus.length; i++) {
-          let fourth = this.getFourthTabs(menus[i], id);
-          if (fourth) {
-            return fourth;
-          }
-        }
-      } else {
-        if (menus.fourthTabs && menus.fourthTabs.length && menus.id === id) {
-          return menus;
-        }
-        if (menus.children && menus.children.length) {
-          for (let i = 0; i < menus.children.length; i++) {
-            let fourth = this.getFourthTabs(menus.children[i], id);
-            if (fourth) {
-              return fourth;
-            }
-          }
-        }
-      }
-      return false;
-    },
-    handleLayout(res, old) {
-      if (res == old) {
-        return;
-      }
-      this.layout = res;
-      switch (res) {
-        case 'topnav':
-          this.navs = this.menus;
-          this.tabs = [];
-          this.subsystem = [];
-          this.topActive =
-            this.navIds && this.navIds.length
-              ? this.navIds[this.navIds.length - 1]
-              : '';
-          break;
-        case 'subsystem':
-          this.subsystem = this.menus;
-          this.navs = [];
-          this.tabs = [];
-          if (this.navIds && this.navIds.length) {
-            let node = this.setTitle(this.navIds[0]);
-            this.active = JSON.parse(JSON.stringify(this.navIds)).slice(1);
-            let tabs = this.getFourthTabs(this.menus, this.pid);
-            if (tabs) {
-              this.active.pop();
-              this.tabs = tabs.fourthTabs;
-              this.tabsId = this.navIds[this.navIds.length - 1];
-            }
-            this.menu = node.children;
-            this.title = node.text;
-          } else {
-            //this.navIds = [this.menus[0].id]
-            this.menu = this.menus[0].children;
-            this.title = this.menus[0].text;
-          }
-          break;
-        case 'topside':
-          this.navs = this.menus;
-          this.subsystem = [];
-          this.tabs = [];
-          if (this.navIds && this.navIds.length) {
-            let node = this.setTitle(this.navIds[0]);
-            this.active = JSON.parse(JSON.stringify(this.navIds)).slice(1);
-            let tabs = this.getFourthTabs(this.menus, this.pid);
-            if (tabs) {
-              this.active.pop();
-              this.tabs = tabs.fourthTabs;
-              this.tabsId = this.navIds[this.navIds.length - 1];
-            }
-            this.topActive = this.navIds[0];
-            this.menu = node.children;
-          } else {
-            this.menu = this.menus[0].children;
-            this.topActive = this.menus[0].id;
-          }
-          break;
-        default:
-          this.navs = [];
-          this.subsystem = [];
-          this.menu = this.menus;
-          if (this.navIds && this.navIds.length) {
-            this.active = JSON.parse(JSON.stringify(this.navIds));
-            let tabs = this.getFourthTabs(this.menus, this.pid);
-            if (tabs) {
-              this.active.pop();
-              this.tabs = tabs.fourthTabs;
-              this.tabsId = this.navIds[this.navIds.length - 1];
-            }
-          }
-      }
-    },
-    //监听改变菜单
-    handleListener() {
-      util.win.addEventListener(
-        'message',
-        (e) => {
-          var msg = e.data;
-          if (msg.key == 'jump_Menu') {
-            let res = msg.data1;
-            if (typeof res === 'string') {
-              res = res.split(',');
-            }
-            this.setDefault(this.menus, res);
-          }
-        },
-        false
-      );
-    },
-    //开启weosocket
-    initWebSocket() {
-      this.webSocket = util.socket({
-        url: wss,
-        take: topic,
-        success: (res) => {
-          let data = res.data || {};
-          for (let i in data) {
-            if (data[i] !== null && data[i] !== undefined) {
-              if (i === 'onlineUserNums' && data[i] > 0) {
-                this.online = data[i];
-              }
-              if (i === 'sysMsgNums') {
-                this.notice = data[i];
-                if (this.showMsg) {
-                  this.$refs.message.getMsg(true);
-                }
-              }
-              if (i === 'menuTipsMap') {
-                this.menuTips = data[i];
-              }
-              if (i === 'sysMsgList') {
-                this.sysMsg = data[i];
-              }
-              if (i === 'extraData') {
-                this.extraData = data[i];
-              }
-            }
-          }
-          if (this.$store) {
-            try {
-              this.$store.commit('websocket', data);
-            } catch (error) {}
-          }
-          if (this.$eventBus) {
-            this.$eventBus.$emit('websocket', data);
-          }
-          if (util.win.eventBus) {
-            util.win.eventBus.$emit('websocket', data);
-          }
-        }
-      });
-    },
-    handleOpened(res) {
-      if (res === undefined) {
-        this.sysMsg = [];
-      } else if (res == false && this.sysMsg.length) {
-        this.sysMsgOut = setTimeout(() => {
-          this.sysMsg = [];
-        }, 3000);
-      } else if (this.sysMsgOut) {
-        clearTimeout(this.sysMsgOut);
-      }
-    },
-    // handleDialog(obj) {
-    //   this.dialog = obj;
-    // },
-    handleUserModel(name, val) {
-      this.$set(this.userModel, name, val);
-    },
-    handleMenuTips(id, num) {
-      if (num) {
-        this.$set(this.menuTips, id, num);
-      } else {
-        let n = parseInt(this.menuTips[id], 10) - 1;
-        this.$set(this.menuTips, id, n);
-      }
-    },
-    handleReLogin(res) {
-      if (res && typeof res == 'string') {
-        res = JSON.parse(res);
-      }
-      let msg = '提示';
-      let btn = {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        closeOnClickModal: false,
-        type: 'warning'
-      };
-      if (res) {
-        if (res.rCode === 69) {
-          msg = '该账号在其他地方已登陆!';
-          btn = {
-            confirmButtonText: '确定',
-            closeOnClickModal: false,
-            type: 'warning'
-          };
-        } else {
-          msg = '登录已过期，请重新登录！';
-        }
-      }
-      cl;
-      let remind = sessionStorage.getItem('remind');
-      if (!remind) {
-        clearTimeout(this.timer);
-        this.timer = setTimeout(() => {
-          console.log('handleReLogin');
-          sessionStorage.setItem('remind', 1);
-          this.$confirm(msg, btn)
-            .then(() => {
-              util.removeStorage([
-                'Authorization',
-                'token',
-                'ssId',
-                'userId',
-                'userName',
-                'auth',
-                'deviceUnique',
-                'menus',
-                'useCaseCodes',
-                'mainConfig',
-                'jump'
-              ]);
-              const loginPage =
-                util.getStorage('login') || util.getStorage('loginPage');
-              try {
-                if (loginPage) {
-                  let src;
-                  if (!util.startWith(loginPage, ['http', '/'], true)) {
-                    let pathname = util.win.top.location.pathname;
-                    if (pathname !== '/') {
-                      pathname = pathname.split('/');
-                      pathname.splice(pathname.length - 1);
-                      pathname = pathname.join('/');
-                      src = pathname + '/' + loginPage.replace('./', '');
-                    } else {
-                      src = pathname + loginPage.replace('./', '');
-                    }
-                  } else {
-                    src = loginPage;
-                  }
-                  util.win.top.location.href = src;
-                } else if (
-                  util.win.top.location.href.indexOf('main.html') > -1
-                ) {
-                  util.win.top.location.href = './login.html';
-                } else {
-                  const hash = util.win.top.location.hash;
-                  if (hash) {
-                    const len = util.win.top.location.href.indexOf(hash);
-                    util.win.top.location.href =
-                      util.win.location.href.slice(0, len) + '#/login';
-                  } else {
-                    util.win.top.location.href = '/login.html';
-                  }
-                }
-              } catch (error) {
-                util.win.postMessage({ type: 1 }, '*');
-              }
-            })
-            .catch((e) => {
-              sessionStorage.removeItem('remind');
-            });
-        }, 2000);
-      }
-    },
-    openPage(url, name, width, height) {
-      let src = url;
-      if (!util.startWith(url, ['http', '/'], true)) {
-        let pathname = window.location.pathname;
-        if (pathname !== '/') {
-          pathname = pathname.split('/');
-          pathname.splice(pathname.length - 1);
-          pathname = pathname.join('/');
-        }
-        src = pathname + url.replace('./', '/');
-      }
-      if (name) {
-        let w = 0;
-        let h = 0;
-        try {
-          w = width ? width : util.win.top.screen.availWidth - 10;
-          h = height ? height : util.win.top.screen.availHeight - 60;
-        } catch (error) {
-          w = width ? width : util.win.screen.availWidth - 10;
-          h = height ? height : util.win.screen.availHeight - 60;
-        }
-        return util.win.open(
-          src,
-          name,
-          `width=${w}px,height=${h}px,resizable=yes,status=yes,menubar=no,scrollbars=yes`
-        );
-      } else {
-        return util.win.open(src);
       }
     }
   },
-  beforeDestroy() {
-    this.timer = null;
-    if (this.webSocket) {
-      this.webSocket.destroy();
-    }
-    util.win.removeEventListener('popstate', this.tateHandle);
-  }
+  beforeDestroy() {}
 };
 </script>