eoss-ui 0.5.81-beta2 → 0.5.81-beta21

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

@@ -1,25 +1,30 @@
 <template>
   <div class="es-main">
     <div class="es-simplicity-side">
-      <img
-        class="es-simplicity-side-item es-simplicity-logo"
-        v-if="mainLogo"
-        :src="mainLogo"
-      />
-      <el-popover placement="right-start" width="360" trigger="click">
+      <img class="es-simplicity-logo" v-if="mainLogo" :src="mainLogo" />
+      <div class="es-simplicity-org-name">
+        {{ simpleUserInfo.orgShortName || simpleUserInfo.orgName }}
+      </div>
+      <el-popover
+        class="es-simplicity-user-popover"
+        placement="right-start"
+        width="360"
+        trigger="click"
+      >
         <!-- 用户信息 -->
         <user
           :user="user"
           :notifyList="notifyList"
           :notify="notify"
           :contents="userInfoContents"
+          @success="handleSuccess"
           @change="handleChangeConfig"
           @close="handlerClose"
         ></user>
-        <avatar slot="reference" :user="user"> </avatar>
+        <avatar slot="reference" :user="user" :size="56"> </avatar>
         <!-- 用户信息 end -->
       </el-popover>
-      <div class="es-simplicity-side-item es-simplicity-side-Application">
+      <div class="es-simplicity-side-Application">
         <!-- 常用应用 -->
         <el-scrollbar>
           <div
@@ -51,6 +56,28 @@
             ></es-icon>
             <div class="es-simplicity-side-app-text">更多</div>
           </div>
+          <div
+            class="es-simplicity-side-app"
+            v-for="(item, index) in newApps"
+            :class="{ 'is-active': active == item.id }"
+            :key="item.id"
+            :title="item.text || item.name"
+            @click.stop="handlerClickApp(item)"
+          >
+            <i
+              class="el-icon-circle-close"
+              @click.stop="handleDelete(index)"
+            ></i>
+            <el-badge v-bind="getBadge(item)">
+              <es-icon
+                class="es-simplicity-side-app-icon"
+                :contents="item.icons || item.icon || menuIcon"
+              ></es-icon>
+              <div class="es-simplicity-side-app-text">
+                {{ item.text || item.name }}
+              </div>
+            </el-badge>
+          </div>
         </el-scrollbar>
         <!-- 常用应用 end -->
       </div>
@@ -71,64 +98,33 @@
       </div>
     </div>
     <div class="es-simplicity-main">
-      <!-- 菜单 -->
-      <el-drawer
-        class="es-simplicity-subMenus"
-        direction="ltr"
-        modal-class="es-simplicity-apps-modal"
-        :size="width"
-        :modal-append-to-body="false"
-        :with-header="false"
-        :visible.sync="showMenu"
-      >
-        <sub-menu
-          ref="subMenus"
-          :color="menuColor"
-          :backgroundColor="menuBackgroundColor"
-          :menu-icon="menuIcon"
-          v-bind="subMenus"
-          @command="handlerClickMenu"
-        ></sub-menu>
-      </el-drawer>
-      <!-- 菜单 end -->
-
       <!-- 应用 -->
-      <el-drawer
-        class="es-simplicity-apps"
-        direction="ltr"
-        modal-class="es-simplicity-apps-modal"
-        size="90%"
-        :modal-append-to-body="false"
-        :with-header="false"
+      <apps
         :visible.sync="showApps"
-      >
-        <apps
-          :menu-icon="menuIcon"
-          :color="appColor"
-          :backgroundColor="appBackgroundColor"
-          :applications="applications"
-          :business="business"
-          :systems="systems"
-          @click="handlerClickApp"
-        ></apps>
-      </el-drawer>
+        :menu-icon="menuIcon"
+        :color="appColor"
+        :backgroundColor="appBackgroundColor"
+        :applications="applications"
+        :business="business"
+        :systems="systems"
+        @click="handlerClickApps"
+      ></apps>
       <!-- 应用 end -->
 
       <!-- AI -->
       <el-drawer
-        class="es-simplicity-subMenus"
+        class="es-simplicity-public-drawer"
         direction="ltr"
         modal-class="es-simplicity-apps-modal"
         size="100%"
         show-close
         :modal-append-to-body="false"
-        :with-header="false"
         :visible.sync="drawer.visible"
       >
-        <i
+        <!-- <i
           class="es-icon-close es-simplicity-drawer-close"
           @click="handleCloseDrawer"
-        ></i>
+        ></i> -->
         <template v-if="drawer.url">
           <template v-if="isIE || drawer.method !== 'wujie'">
             <iframe
@@ -156,7 +152,8 @@
         <el-card class="es-simplicity-tabs-handler" ref="tabsHandler">
           <div
             class="es-simplicity-tabs-handler-item"
-            @click="handleTabsEvents(0)"
+            :class="{ 'is-disabled': isDisabled.refresh }"
+            @click="isDisabled.refresh ? '' : handleTabsEvents(0)"
           >
             刷新
           </div>
@@ -191,13 +188,15 @@
       </div>
       <el-tabs
         class="es-simplicity-iframe"
+        :class="{ 'is-open': showMenu, 'is-fold': fold }"
         v-model="activeName"
         closable
         hide-bar
-        @tab-click="handleTab"
+        opacity
         @tab-remove="handleRemove"
         @tab-contextmenu="handleContextmenu"
       >
+        <!-- 操作栏 -->
         <handler
           slot="append"
           v-bind="handleConfig"
@@ -210,39 +209,51 @@
           :notice-num="notice"
           @click="handleClick"
         ></handler>
+        <!-- 操作栏 end-->
+
+        <!-- 菜单 -->
+        <sub-menu
+          :mode="mode"
+          :visible.sync="showMenu"
+          :closed.sync="fold"
+          :size="menuWidth"
+          :title="title"
+          :color="menuColor"
+          :backgroundColor="menuBackgroundColor"
+          :menu-icon="menuIcon"
+          :active="subActive"
+          v-bind="subMenus"
+          @command="handlerClickMenu"
+        ></sub-menu>
+        <!-- 菜单 end -->
         <el-tab-pane
           v-for="item in tabs"
           :key="item.id"
           :label="item.text || item.name"
           :name="item.id"
         >
-          <template
+          <iframe
             v-if="(isIE && item.method !== 'router') || item.method == 'iframe'"
-          >
-            <iframe
-              :id="iframeId"
-              :name="iframeId"
-              frameborder="0"
-              width="100%"
-              height="100%"
-              :src="item.url"
-            ></iframe>
-          </template>
-          <template v-else-if="item.method === 'wujie' && item.refresh">
-            <es-wujie
-              :show="true"
-              :props="wjProps"
-              :attrs="wjAttrs"
-              :name="item.appCode"
-              :url="item.url"
-            ></es-wujie>
-          </template>
-          <template v-else-if="item.method === 'router' && item.refresh">
-            <router-view v-if="!isKeepAlive" :name="item.appCode" />
-            <keep-alive>
-              <router-view v-if="isKeepAlive" :name="item.appCode" />
-            </keep-alive>
-          </template>
+            :id="activeName == item.id ? iframeId : ''"
+            :name="activeName == item.id ? iframeId : ''"
+            frameborder="0"
+            width="100%"
+            height="100%"
+            :src="item.url"
+          ></iframe>
+          <es-wujie
+            v-else-if="item.method === 'wujie' && item.refresh"
+            :show="true"
+            :props="wjProps"
+            :attrs="wjAttrs"
+            :name="item.appCode"
+            :url="item.url"
+          ></es-wujie>
+          <router-page
+            v-else-if="item.method === 'router' && item.refresh"
+            v-bind="item"
+            :query="$parent.params"
+          ></router-page>
         </el-tab-pane>
       </el-tabs>
       <!-- 路由、iframe end -->
@@ -275,8 +286,11 @@
 
       <!-- 公用弹窗 -->
       <es-dialog :title="dialog.title" :visible.sync="dialog.show" size="md">
+        <template v-if="dialog.title == '查看在线人员' && !dialog.src">
+          <online></online>
+        </template>
         <iframe
-          v-if="dialog.show"
+          v-else-if="dialog.show"
           width="100%"
           height="100%"
           frameborder="0"
@@ -297,25 +311,30 @@ import user from './user.vue';
 import message from './message.vue';
 import notice from './notice.vue';
 import settings from './settings.vue';
+import routerPage from './router-page.vue';
+import online from '../public/online.vue';
 import {
   wss,
+  logout,
   topic,
   getUserAppWithTag,
+  recordUserApp,
   getComplexApplications,
   getComplexApplicationsNew
 } 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 dataTableMode = util.win.dataTableMode || 'default';
 let events = [
-  (tabs, index) => {
+  (tabs, index, that) => {
     let tab = tabs[index];
 
     if (tab.method == 'iframe') {
       tabs[index].url = util.handlerUrl(tab.url);
     } else {
       tabs[index].refresh = false;
-      this.$nextTick(() => {
+      that.$nextTick(() => {
         tabs[index].refresh = true;
       });
     }
@@ -358,7 +377,14 @@ let events = [
   }
 ];
 export default {
-  name: 'EsMainSimplicity',
+  name: 'Simplicity',
+  provide() {
+    return {
+      esMain: this,
+      refresh: this.handleRefresh,
+      jumpMenu: this.jumpMenu
+    };
+  },
   components: {
     avatar,
     handler,
@@ -367,9 +393,21 @@ export default {
     user,
     message,
     notice,
-    settings
+    settings,
+    routerPage,
+    online
   },
   props: {
+    //模式
+    mode: {
+      type: String,
+      default: dataTableMode
+    },
+    //记录菜单点击率作为工作台常用应用数据
+    recordApp: {
+      type: Boolean,
+      default: true
+    },
     appCode: String,
     //logo
     logo: String,
@@ -448,7 +486,14 @@ export default {
     //无界微前端Props属性
     wjProps: Object,
     //无界微前端Attrs属性
-    wjAttrs: Object
+    wjAttrs: Object,
+    //菜单宽度
+    menuWidth: {
+      type: Number,
+      default: 220
+    },
+    //路由方式
+    routeType: String
   },
   data() {
     return {
@@ -460,14 +505,20 @@ export default {
       mainLogo: this.logo,
       //侧边用户应用
       userApps: [],
+      //点击应用存侧边
+      newApps: [],
       //所有菜单
       menus: [],
+      //菜单名称
+      title: '',
       //子菜单
-      subMenus: [],
+      subMenus: null,
       //展示菜单导航
       showMenu: false,
-      //展示菜单导航宽度
-      width: '296px',
+      //子菜单选中
+      subActive: '',
+      //折叠菜单
+      fold: false,
       //人工智能配置
       aiConfig: null,
       //公用窗口面板配置
@@ -526,7 +577,9 @@ export default {
       //页签对象
       pane: null,
       //选中菜单
-      active: ''
+      active: '',
+      //单位名称
+      simpleUserInfo: {}
     };
   },
   computed: {
@@ -566,9 +619,7 @@ export default {
     //在线人数列表地址
     onlineUrl() {
       if (this.onlineView) {
-        return typeof this.onlineView == 'string'
-          ? this.onlineView
-          : '/main/sysuseronline/list.dhtml';
+        return typeof this.onlineView == 'string' ? this.onlineView : '';
       }
       return false;
     }
@@ -589,15 +640,14 @@ export default {
     let mainConfig = util.getStorage('mainConfig');
     if (mainConfig) {
       const results = JSON.parse(mainConfig);
-      this.init(results);
+      if (Object.keys(results).length) {
+        this.init(results);
+      }
     }
     this.doorIndex = sessionStorage.getItem('doorIndex');
   },
   mounted() {
-    util.win.reLogin = this.handleReLogin;
-    util.win.refresh = this.handleRefresh;
-    util.win.jumpMenu = this.jumpMenu;
-    util.win.windowOpen = this.openPage;
+    this.handleListener();
   },
   methods: {
     /**
@@ -605,13 +655,13 @@ export default {
      * @author huangbo
      * @date 2024年9月7日
      **/
-    hasRouter(res, url, code, parentName) {
+    hasRouter(res, url, code) {
       if (!url) {
         return false;
       }
       if (Array.isArray(res)) {
         for (let i in res) {
-          let path = this.hasRouter(res[i], url, code, parentName);
+          let path = this.hasRouter(res[i], url, code);
           if (path) {
             return path;
           }
@@ -624,20 +674,20 @@ export default {
         let pathname = url.substring(url.indexOf('#/') + 1);
         pathname = pathname.split('?')[0];
         if (res.path !== '/' && pathname == path) {
-          if (typeof res.component === 'function') {
-            let component = {};
-            component[code] = res.component;
-            res.component = component;
-            if (parentName) {
-              this.$router.addRoute({ parentName, route: res });
-            } else {
-              this.$router.addRoute(res);
+          if (res.components) {
+            if (!res.components[code]) {
+              console.error('“命名视图”规范属性名称与菜单appCode不一致', res);
             }
+          } else {
+            console.error(
+              '请根据“命名视图”规范，正确添加components属性名称',
+              res
+            );
           }
           return pathname;
         }
         if (res && Object.prototype.hasOwnProperty.call(res, 'children')) {
-          let path = this.hasRouter(res.children, url, code, parentName);
+          let path = this.hasRouter(res.children, url, code);
           if (path) {
             return path;
           }
@@ -654,7 +704,6 @@ export default {
       this.setConfig(results);
       if (this.remote) {
         this.getApplications();
-        this.getMenus();
       }
     },
     /**
@@ -774,6 +823,7 @@ export default {
      * @date 2024年9月7日
      **/
     getApplications() {
+      let loading = util.loading('', '加载中...');
       util
         .ajax({
           url: this.appsUrl,
@@ -797,57 +847,173 @@ export default {
             } else {
               this.$message.error('未分配应用菜单权限，请联系管理员！');
             }
+            this.getMenus(loading);
           } else {
+            loading.close();
             let msg = res.msg || '系统错误，请联系管理员！';
             this.$message.error(msg);
           }
         })
         .catch((err) => {
+          loading.close();
           if (err.message && err.message !== 'canceled') {
             this.$message.error(err.message);
           }
         });
     },
+    /**
+     * @desc 获取菜单层级id
+     * @param {Array} [menus]    - 系统菜单数据对象
+     * @param {String} [url] - 菜单id或url地址
+     */
+    getId(menus, code) {
+      if (!code) {
+        return false;
+      }
+      for (let i = 0; i < menus.length; i++) {
+        let item = menus[i];
+        if (item.appCode === code) {
+          return item.id;
+        } else if (
+          Object.prototype.hasOwnProperty.call(item, 'children') &&
+          item.children.length
+        ) {
+          let id = this.getId(item.children, code);
+          if (id) {
+            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, code);
+          if (id) {
+            if (item.pid === 'root' || Array.isArray(id)) {
+              return [item.id].concat(id);
+            } else if (typeof id === 'string') {
+              return [item.id, id];
+            }
+            return id;
+          }
+        }
+      }
+      return false;
+    },
     /**
      * @desc:获取菜单列表
      * @author huangbo
      * @date 2024年9月7日
      **/
-    getMenus(appCode, url) {
-      let params = appCode ? { menuCode: appCode } : {};
+    getMenus(loading) {
       util
-        .ajax({ url: url || this._menuUrl, params: params })
+        .ajax({ url: this._menuUrl })
         .then((res) => {
+          loading.close();
           if (res.rCode === 0) {
             if (res.results && res.results.length) {
               this.menus = res.results;
               this.setTips(this.menus);
               store.set('nav', this.menus);
-              if (this.indexUrl) {
-                let obj = this.getMenu(this.menus, this.indexUrl);
-                if (obj) {
-                  this.tabs = [this.setIframeType(obj)];
-                  this.activeName = obj.id;
-                  this.homePage = obj;
+              if (this.appCode) {
+                let app = this.userApps.filter((item) => {
+                  return item.code === this.appCode;
+                })[0];
+                if (app) {
+                  this.active = app.id;
+                  if (app.url) {
+                    let obj = this.getMenu(this.menus, app.url);
+                    if (obj) {
+                      let tab = this.setIframeType(obj);
+                      this.tabs = [tab];
+                      this.activeName = tab.id;
+                    } else {
+                      this.tabs = [app];
+                    }
+                  }
+                }
+                let ids = this.getId(this.menus, this.appCode);
+                let subMenus;
+                if (ids && Array.isArray(ids) && ids.length > 1) {
+                  subMenus = this.getMenu(this.menus, ids[0], 'id');
+                  if (subMenus) {
+                    let obj = this.getMenu(
+                      this.menus,
+                      ids[ids.length - 1],
+                      'id'
+                    );
+                    if (obj) {
+                      this.subActive = obj.id;
+                      let tab = this.setIframeType(obj);
+                      this.tabs = [tab];
+                      this.activeName = tab.id;
+                    } else {
+                      this.subActive = '';
+                    }
+                  }
+                } else {
+                  subMenus = this.getMenu(this.menus, this.appCode, 'appCode');
+                  if (subMenus) {
+                    if (this.tabs.length == 0) {
+                      let obj = this.getFirst(subMenus);
+                      if (obj) {
+                        this.subActive = obj.id;
+                        let tab = this.setIframeType(obj);
+                        this.tabs = [tab];
+                        this.activeName = tab.id;
+                      } else {
+                        this.subActive = '';
+                      }
+                    }
+                  }
+                }
+                if (subMenus) {
+                  this.subMenus = subMenus;
+                  this.showMenu = true;
                 } else {
-                  this.homePage = this.setIframeType({
-                    url: this.indexUrl,
-                    text: '工作台',
-                    id: '0',
-                    appCode: 'indexUrl'
-                  });
-                  this.tabs = [this.homePage];
-                  this.activeName = '0';
+                  this.subMenus = null;
+                  this.showMenu = false;
                 }
-              }
-              if (this.initApps && this.initApps.length) {
-                let obj = this.getMenu(
-                  this.menus,
-                  this.initApps[this.initApps.length - 1]
-                );
-                if (obj) {
-                  this.tabs.push(this.setIframeType(obj));
-                  this.activeName = obj.id;
+              } else {
+                if (this.indexUrl) {
+                  let obj = this.getMenu(this.menus, this.indexUrl);
+                  if (obj) {
+                    if (!this.appCode) {
+                      let tab = this.setIframeType(obj);
+                      this.tabs = [tab];
+                      this.activeName = tab.id;
+                    }
+                    this.homePage = obj;
+                  } else {
+                    this.homePage = this.setIframeType({
+                      url: this.indexUrl,
+                      text: '工作台',
+                      id: '0',
+                      appCode: 'indexUrl'
+                    });
+                    if (!this.appCode) {
+                      this.tabs = [this.homePage];
+                      this.activeName = '0';
+                    }
+                  }
+                } else if (
+                  this.initApps &&
+                  this.initApps.length &&
+                  !this.appCode
+                ) {
+                  let obj = this.getMenu(
+                    this.menus,
+                    this.initApps[this.initApps.length - 1]
+                  );
+                  if (obj) {
+                    let tab = this.setIframeType(obj);
+                    this.tabs.push(tab);
+                    this.activeName = tab.id;
+                  }
                 }
               }
             } else {
@@ -859,19 +1025,25 @@ export default {
           }
         })
         .catch((err) => {
+          loading.close();
           if (err.message && err.message !== 'canceled') {
             this.$message.error(err.message);
           }
         });
     },
+    /**
+     * @desc:设置页面加载类型
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
     setIframeType(res) {
       let { url } = res;
+      if (url) {
+        res.refresh = false;
+      }
       let urls = url.split('?');
       if (urls[0].indexOf('.js') > 1 && !isIE) {
         res.method = 'wujie';
-        this.$nextTick(() => {
-          res.refresh = true;
-        });
       } else if (
         urls[0].indexOf('.dhtml') > 0 ||
         (urls[0].indexOf('.html') > 0 && urls[0].indexOf('.html#') === -1)
@@ -884,15 +1056,9 @@ export default {
           const routes = this.$router.options.routes;
           if (routes) {
             let path = this.hasRouter(routes, urls[0], res.appCode);
-            if (path) {
-              let params = util.getParams({ url: url });
-              this.$router.push({
-                path: path,
-                query: params
-              });
-              this.$nextTick(() => {
-                res.refresh = true;
-              });
+            if (path && this.routeType !== 'wujie') {
+              res.method = 'router';
+              res.path = path;
             } else {
               let urlopenmode = util.getParams({
                 url: url,
@@ -907,9 +1073,6 @@ export default {
                 res.method = 'iframe';
               } else {
                 res.method = 'wujie';
-                this.$nextTick(() => {
-                  res.refresh = true;
-                });
               }
             }
           } else if (
@@ -917,14 +1080,14 @@ export default {
             urls[0].indexOf('/#/') > -1
           ) {
             res.method = 'wujie';
-            this.$nextTick(() => {
-              res.refresh = true;
-            });
           } else {
             res.method = 'iframe';
           }
         }
       }
+      if (Object.prototype.hasOwnProperty.call(res, 'refresh')) {
+        res.refresh = true;
+      }
       return res;
     },
     /**
@@ -964,6 +1127,37 @@ export default {
       }
       return false;
     },
+    /**
+     * @desc:获取菜单第一条数据
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    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 && obj.children[openIdex]) {
+        return this.getFirst(obj.children[openIdex]);
+      } else if (
+        obj.fourthTabs &&
+        obj.fourthTabs.length &&
+        obj.fourthTabs[openIdex]
+      ) {
+        return this.getFirst(obj.fourthTabs[openIdex]);
+      } else if (obj.url) {
+        return obj;
+      }
+    },
     /**
      * @desc:遍历设置菜单气泡提醒
      * @author huangbo
@@ -983,31 +1177,30 @@ export default {
           this.$set(obj, 'tips', false);
           delete obj.tips;
         }
-        let flag = false;
+        let flag = 0;
         if (obj.children && obj.children.length) {
           obj.children.forEach((item) => {
-            if (this.setTips(item)) {
-              flag = true;
-            }
+            let n = this.setTips(item);
+            flag += n ? parseInt(n) : 0;
           });
           if (flag) {
-            this.$set(obj, 'tips', true);
-            return true;
+            this.$set(obj, 'tips', flag);
+            return flag;
           }
         } else if (obj.fourthTabs && obj.fourthTabs.length) {
           obj.fourthTabs.forEach((item) => {
-            if (this.setTips(item)) {
-              flag = true;
-            }
+            let n = this.setTips(item);
+            flag += n ? parseInt(n) : 0;
           });
           if (flag) {
-            this.$set(obj, 'tips', true);
-            return true;
+            this.$set(obj, 'tips', flag);
+            return flag;
           }
         } else {
-          if (this.menuTips[obj.id] && Number(this.menuTips[obj.id])) {
-            this.$set(obj, 'tips', Number(this.menuTips[obj.id]));
-            return true;
+          let num = this.menuTips[obj.id] || this.menuTips[obj.code];
+          if (num && Number(num)) {
+            this.$set(obj, 'tips', Number(num));
+            return this.menuTips[obj.id];
           }
         }
       }
@@ -1078,12 +1271,38 @@ export default {
         }
       });
     },
+    /**
+     * @desc:删除更多应用菜单点击
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    handleDelete(index) {
+      this.newApps.splice(index, 1);
+    },
+    /**
+     * @desc:储存更多应用菜单点击
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    handlerClickApps(res) {
+      if (res.permission === false) {
+        return false;
+      }
+      let i = util.indexOfObj(this.newApps, res, 'id');
+      if (i == -1) {
+        this.newApps.push(res);
+      }
+      this.handlerClickApp(res);
+    },
     /**
      * @desc:侧边应用菜单点击
      * @author huangbo
      * @date 2024年9月7日
      **/
     handlerClickApp(res) {
+      this.showMsg = false;
+      this.showSet = false;
+      this.fold = false;
       if (res) {
         if (res.permission === false) {
           return false;
@@ -1095,34 +1314,71 @@ export default {
           this.subMenus = res;
           this.showMenu = true;
           this.showApps = false;
-          this.width = '296px';
-          this.$refs.subMenus && this.$refs.subMenus.clearSubmenu();
-        } else {
-          if (res.code) {
-            let subMenus = this.getMenu(this.menus, res.code, 'appCode');
-            this.subMenus = subMenus ? subMenus : [];
-            this.showMenu = subMenus !== false;
-            this.showApps = false;
-            this.width = '296px';
-            this.$refs.subMenus && this.$refs.subMenus.clearSubmenu();
-          }
         }
+        let set = true;
         if (res.url) {
           if (res.urlopenmode == 1 || res.openModel == 1) {
+            set = false;
             util.win.open(res.url);
           } else if (res.urlopenmode == 2 || res.openModel == 2) {
-            util.win.location.href = res.url;
+            set = false;
+            util.win.open(res.url, '_self');
           } else {
             let i = util.indexOfObj(this.tabs, res, 'id');
             this.activeName = res.id;
             if (i == -1) {
-              this.tabs.push(this.setIframeType(res));
+              let obj = this.getMenu(this.menus, res.url);
+              if (obj) {
+                let n = util.indexOfObj(this.tabs, obj, 'id');
+                if (n == -1) {
+                  let tab = this.setIframeType(obj);
+                  this.tabs.push(tab);
+                  this.activeName = tab.id;
+                } else {
+                  if (obj.method == 'iframe') {
+                    obj.url = util.handlerUrl(obj.url);
+                  }
+                }
+              } else {
+                let tab = this.setIframeType(res);
+                this.tabs.push(tab);
+                this.activeName = tab.id;
+              }
+            } else {
+              if (res.method == 'iframe') {
+                res.url = util.handlerUrl(res.url);
+              }
+            }
+          }
+        }
+        if (set && res.code) {
+          let subMenus = this.getMenu(this.menus, res.code, 'appCode');
+          if (!subMenus && !res.url) {
+            this.$alert('没有关联菜单，请联系管理员！', '提示', {
+              confirmButtonText: '确定',
+              type: 'warning'
+            }).catch(() => {});
+          } else {
+            this.title = res.text || res.name;
+            this.subMenus = subMenus ? subMenus : null;
+            this.showMenu = subMenus !== false;
+            this.showApps = false;
+            if (subMenus && subMenus.url) {
+              let i = util.indexOfObj(this.tabs, subMenus, 'id');
+              this.activeName = subMenus.id;
+              if (i == -1) {
+                let tab = this.setIframeType(subMenus);
+                this.tabs.push(tab);
+              } else {
+                if (subMenus.method == 'iframe') {
+                  subMenus.url = util.handlerUrl(subMenus.url);
+                }
+              }
             }
           }
         }
         this.active = res.id;
       } else {
-        this.showMenu = false;
         this.showApps = !this.showApps;
       }
     },
@@ -1153,17 +1409,51 @@ export default {
      * @date 2024年9月7日
      **/
     handlerClickMenu(res) {
-      if (typeof res === 'number') {
-        let num = 296;
-        this.width = num * res + 'px';
-      } else {
-        let i = util.indexOfObj(this.tabs, res, 'id');
+      if (this.recordApp) {
+        util
+          .ajax({
+            url: recordUserApp,
+            params: {
+              userId: this.user.userId,
+              appId: res.id
+            }
+          })
+          .then(() => {})
+          .catch(() => {});
+      }
+      this.showMsg = false;
+      this.showSet = false;
+      let i = util.indexOfObj(this.tabs, res, 'id');
+      if (i == -1) {
+        let tab = this.setIframeType(res);
+        this.tabs.push(tab);
         this.activeName = res.id;
-        if (i == -1) {
-          this.tabs.push(this.setIframeType(res));
+      } else {
+        let tab = this.tabs[i];
+        if (tab.method === 'iframe') {
+          this.activeName = res.id;
+          this.$set(this.tabs[i], 'url', util.handlerUrl(tab.url));
+        } else {
+          this.$set(this.tabs[i], 'refresh', false);
+          if (tab.method === 'wujie') {
+            this.activeName = res.id;
+          }
+          this.$nextTick(() => {
+            this.$set(this.tabs[i], 'refresh', true);
+            this.activeName = res.id;
+          });
         }
       }
     },
+
+    /**
+     * @desc:用户详情请求成功
+     * @author huangbo
+     * @date 2024年9月7日
+     **/
+    handleSuccess(res) {
+      this.simpleUserInfo = res.simpleUserInfo;
+    },
     /**
      * @desc:修改用户配置
      * @author huangbo
@@ -1198,35 +1488,27 @@ export default {
         this.webSocket.destroy();
       }
     },
-    /**
-     * @desc:选中iframe页签刷新
-     * @author huangbo
-     * @date 2024年9月7日
-     **/
-    handleTab(res) {
-      let index;
-      if (res) {
-        index = parseInt(res.index);
-      } else {
-        index = util.indexOfObj(this.tabs, this.activeName, 'id');
-      }
-      let item = this.tabs[index];
-      if (item.method == 'iframe') {
-        item.url = util.handlerUrl(item.url);
-      } else {
-        item.refresh = false;
-        this.$nextTick(() => {
-          item.refresh = true;
-        });
-      }
-    },
     /**
      * @desc:刷新选中iframe页签
      * @author huangbo
      * @date 2024年9月7日
      **/
     handleRefresh() {
-      this.handleTab();
+      let i = util.indexOfObj(this.tabs, this.activeName, 'id');
+      let tab = this.tabs[i];
+      if (tab.method === 'iframe') {
+        tab.url = util.handlerUrl(tab.url);
+      } else {
+        let tab = this.tabs[i];
+        if (tab.method === 'iframe') {
+          this.$set(this.tabs[i], 'url', util.handlerUrl(tab.url));
+        } else {
+          this.$set(this.tabs[i], 'refresh', false);
+          this.$nextTick(() => {
+            this.$set(this.tabs[i], 'refresh', true);
+          });
+        }
+      }
     },
     /**
      * @desc:删除iframe
@@ -1264,6 +1546,9 @@ export default {
       if (this.tabs.length == 1) {
         disabled.other = true;
       }
+      if (this.tabs[index].id != this.activeName) {
+        disabled.refresh = true;
+      }
       this.isDisabled = disabled;
       this.$refs.tabsHandler.$el.style.setProperty('left', `${e.x}px`);
       this.$refs.tabsHandler.$el.style.setProperty('top', `${e.y}px`);
@@ -1305,38 +1590,52 @@ export default {
       } else if (open) {
         util.win.open(open);
       } else if (link) {
-        util.win.location.href = link;
+        util.win.open(link, '_self');
       } else {
         switch (type) {
           case 'quit':
             this.handleQuit();
             break;
           case 'online':
-            if (this.onlineUrl) {
-              this.dialog = {
-                title: '查看在线人员',
-                show: true,
-                src: this.onlineUrl
-              };
-            }
+            this.showMsg = false;
+            this.showSet = false;
+            this.dialog = {
+              title: '查看在线人员',
+              show: true,
+              src: this.onlineUrl
+            };
             break;
           case 'notice':
             this.showMsg = !this.showMsg;
+            this.showSet = false;
             break;
           case 'set':
             this.showSet = !this.showSet;
+            this.showMsg = false;
             break;
           case 'home':
-            if (this.homePage.id !== this.activeName) {
-              let i = util.indexOfObj(this.tabs, this.homePage.id, 'id');
-              if (i == -1) {
-                this.tabs.unshift(this.homePage);
+            let i = util.indexOfObj(this.tabs, this.homePage.id, 'id');
+            if (i == -1) {
+              this.tabs.unshift(this.homePage);
+            } else {
+              let tab = this.tabs[i];
+              if (tab.method === 'iframe') {
+                this.$set(this.tabs[i], 'url', util.handlerUrl(tab.url));
+              } else {
+                this.$set(this.tabs[i], 'refresh', false);
+                this.$nextTick(() => {
+                  this.$set(this.tabs[i], 'refresh', true);
+                });
               }
-              this.activeName = this.homePage.id;
             }
+            this.activeName = this.homePage.id;
+            this.showMsg = false;
+            this.showSet = false;
             break;
           case 'search':
             this.handlerSetDrawer(res);
+            this.showMsg = false;
+            this.showSet = false;
             break;
           case 'goView':
             util.win.open(res.path, '_blank');
@@ -1469,135 +1768,47 @@ export default {
         clearTimeout(this.sysMsgOut);
       }
     },
-    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(() => {
-          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);
-      }
-    },
     jumpMenu(res) {
-      let apps = res.split(',');
+      let apps = res;
+      if (typeof res === 'string') {
+        apps = res.split(',');
+      }
       let obj = this.getMenu(this.menus, apps[apps.length - 1]);
       if (obj) {
         let i = util.indexOfObj(this.tabs, obj, 'id');
+        let n = util.indexOfObj(this.tabs, this.activeName, 'id');
+        this.activeName = obj.id;
         if (i == -1) {
-          this.tabs.push(this.setIframeType(obj));
+          let tab = this.setIframeType(obj);
+          this.tabs.splice(n + 1, 0, tab);
+        } else {
+          let tab = this.tabs[i];
+          if (tab.method === 'iframe') {
+            this.$set(this.tabs[i], 'url', util.handlerUrl(tab.url));
+          } else {
+            this.$set(this.tabs[i], 'refresh', false);
+            this.$nextTick(() => {
+              this.$set(this.tabs[i], 'refresh', true);
+            });
+          }
         }
-        this.activeName = obj.id;
       } else {
         this.$message.error('没有此菜单！');
       }
+    },
+    //监听改变菜单
+    handleListener() {
+      util.win.addEventListener(
+        'message',
+        (e) => {
+          var msg = e.data;
+          if (msg.key == 'jump_Menu') {
+            let res = msg.data1;
+            this.jumpMenu(res);
+          }
+        },
+        false
+      );
     }
   },
   beforeDestroy() {