eoss-ui 0.5.80 → 0.5.81-beta

package/packages/main/src/default/index.vue

@@ -0,0 +1,2199 @@
+<template>
+  <div class="es-main" :class="{ 'es-main-topside': layout === 'topside' }">
+    <div
+      v-if="showHeader"
+      class="es-main-header"
+      :style="{ backgroundImage: headerImg ? 'url(' + headerImg + ')' : '' }"
+    >
+      <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>
+      <es-handler
+        v-if="showDefault"
+        :userModel="userModel"
+        :hide="hide"
+        :subSystem="subsystem"
+        :online="online"
+        :application="application"
+        :storage="storage"
+        :notice="notice"
+        :data="handleData"
+        :max-height="_maxHeight"
+        @change="handleJobChange"
+        @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>
+        <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>
+          <message
+            v-if="showMsg"
+            ref="message"
+            :total.sync="notice"
+            :visible.sync="showMsg"
+            :winopen="winopen"
+            @ignore="handleChange"
+            @handle="handleMenuTips"
+          ></message>
+        </div>
+      </div>
+    </div>
+    <settings
+      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>
+  </div>
+</template>
+<script>
+import userinfo from './userinfo.vue';
+import settings from './settings.vue';
+import message from './message.vue';
+import notice from './notice.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 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: 'EsMainDefault',
+  inheritAttrs: false,
+  provide() {
+    return {
+      esMain: this
+    };
+  },
+  components: {
+    userinfo,
+    settings,
+    message,
+    notice
+  },
+  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);
+        }
+      }
+    }
+  },
+  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
+    };
+  },
+  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);
+  },
+  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);
+          }
+        });
+    },
+    //切换兼职身份
+    handleJobChange() {
+      if (this.webSocket) {
+        this.webSocket.destroy();
+      }
+    },
+    //显示隐藏设置面板
+    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;
+      }
+    },
+    //获取用户配置及信息
+    getConfig(query) {
+      const token =
+        util.getStorage('token') || util.getStorage('Authorization');
+      if (
+        !token &&
+        Object.prototype.hasOwnProperty.call(query, 'serverId') &&
+        Object.prototype.hasOwnProperty.call(query, 'authType')
+      ) {
+        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);
+          }
+        });
+    },
+    /**
+     * @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) {
+            try {
+              let _url = new URL(item.url, window.location.origin);
+              if (_url.hash == url) {
+                return item.id;
+              }
+            } catch (error) {
+              console.error(error, item);
+            }
+          }
+        }
+      }
+      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);
+  }
+};
+</script>