index.vue

<template>
  <div style="height:100%">
    <!--通讯,1-->
    <div id="getMenu">
    </div>
    <!--通讯,1-->
    <!--通讯,2-->
    <div id="changeRole">
    </div>
    <!--通讯,2-->
    <!--通讯,3-->
    <div id="changeOrg">
    </div>
    <!--通讯,3-->
    <!--通讯,4-->
    <div id="logout">
    </div>
    <!--通讯,4-->
    <!--通讯,5-->
    <div id="connWS">
    </div>
    <!--通讯,5-->
    <!--通讯,6-->
    <div id="showUserDetail">
    </div>
    <!--通讯,6-->
    <!--通讯,7-->
    <div id="saveUserDetail">
    </div>
    <!--通讯,7-->
    <!--通讯,8-->
    <div id="allMenuListMsg">
    </div>
    <!--通讯,8-->
    <el-container class="index-total">
      <div class="t"></div>
      <m-header ref="header" @SignIn="SignIn" @SignOut="SignOut" @changeRoles="changeRoles" @changeOrgs="changeOrgs" :header="header" :user="user"></m-header>
      <el-container style="height:calc(100vh - 60px)">
        <side-bar ref="sidebar" :data="menuData" @select="initOpenMenu" @calc="calcTabsWidth"></side-bar>
        <!-- 右边主内容块 -->
        <el-main class="poin-el-main" :class="{'main-home':'/home' === $route.path, 'main--fullscreen': mainFullscreen}">
          <!-- 标签 -->
          <active-menu-tabs ref="menuTabs" :data="menuData" :activeIndex="activeIndex" @initMenu="initOpenMenu"></active-menu-tabs>
          <bread-crumbs v-show="$route.path != '/home'" :data="breadcrumb" ref="breadcrumb"></bread-crumbs>
          <div class="c-main-content">
            <router-view></router-view>
          </div>
          <!-- <el-scrollbar style="height: 100%;" ref="mainWrap" wrapClass="main-view">
						<router-view>
						</router-view>
					</el-scrollbar> -->
				</el-main>
				<toolbars></toolbars>
				<!-- <dustbin></dustbin> -->
			</el-container>
		</el-container>
		
	</div>
</template>
<script type="text/javascript">
import * as iscMessage from "@/util/isc-common/messageManage.js";
const publicPath = require("@/config/isc-publicPath.js");
import baseData from "@/config/isc-baseData.js";
import ad from "./Toolbars/components/Ad";

import {
  Form,
  FormItem,
  Tooltip,
  Dropdown,
  MenuItem,
  DropdownMenu,
  Aside,
  Input,
  Container,
  Header,
  ButtonGroup,
  Button,
  Dialog,
  MenuItemGroup,
  Tag,
  Menu,
  Submenu,
  Main,
  Scrollbar,
  DropdownItem
} from "element-ui";

import { mapMutations, mapActions } from "vuex";

import BreadCrumbs from "./Home/aside/BreadCrumbs.vue";
import IscNavMenu from "./Home/aside/SideMenu.js";
import ActiveMenuTabs from "./Home/aside/MenuTabs.vue";
import SideBar from "./Home/aside/SideBar.vue";
import Api from '~/service/Api';

// Test
import menuData from "./menuData.js";
// 工具条
import toolbars from "./Toolbars";

//垃圾桶
import dustbin from "./Dustbin";

import header from "./Home/Header/header.vue"
import trancode from "./tranCode.js"

export default {
  data() {
    return {
      showUpArrow: false,
      showDownArrow: false,
      openPassWord: false,
      showModifyPass: true,
      publicPath: publicPath,
      mainFullscreen: false,
      isCollapse: false,
      tagsDefaultArr: [{ name: 'home', path: '/home', text: '平台首页', menuIndex: '30582', isHome: true }],
      tagsArry: [],
      activeIndex: '30582',
      activePath: '/home',
      homeQuery: '',
      menuTimeout: null,
      showMenuTimeout: 310,
      currOpenedIndex: '30582',
      homeIndex: '',
      homeTagWidth: 91,
      tagsLeft: 76,
      tagsWidth: 10,
      curViewWidth: 0,
      flexHeight: 'calc(100vh - 60px)',
      flexMainHeight: 'calc(100vh - 60px)',
      mainScrollHeight: 'calc(100vh - 128px)',
      devicePixelRatio: 1,
      menuData: [],
      username: '',
      oneExecute:true,
      roleList: [],
      orgList: [],
      date: '',
      curRole: { id: -110, name: '' },
      curOrg: { id: -110, name: '' },
      breadcrumb: [{ name: '平台首页', uri: '/home', replace: true }],
      connWS: { "fileName": "workflow.json", "basePath": "{{basePath}}", "method": "get", "scheme": "{{schemes}}", "host": "{{host}}", "consume": "0", "produce": "0", "uri": "/poinwfsocket" },
      allMenuListMsg: { "fileName": "menuManager.json", "basePath": "{{basePath}}", "method": "get", "scheme": "{{schemes}}", "host": "{{host}}", "consume": "0", "produce": "0", "uri": "/menu/treeOrBtnOrSubpage" },
      user: {
        fixedPhone: '',
        province: '',
        nationality: '',
        sex: '1',
        extfield1: '',
        extfield2: '',
        extfield3: '',
        extfield4: '',
        extfield5: '',
        mobilePhone: '',
        postalcode: '',
        email: '',
        street: '',
        city: '',
        state: '1',
        workDept: '',
        workDeptName: '',
        birthday: '',
        workorg: '',
        workorgName: '',
        faxaPhone: '',
        confirmPass: '',
        logPass: '',
        logName: '',
        name: '',
        id: '',
      },
      // dragShow: false,
      //header增加字段
      header: {
        date: '',
        roleTypeList:[],
        allRoleList:[],
        roleList: [],
        orgList: [],
        curRole: { id: '', name: '' },
        curOrg: { id: '', name: '' },
        accbch:{id:'',name:''},
        usr:{},
        username: ''
      }
    }
  },
  mixins: [trancode],
  components: {
    'el-header': Header,
    'el-button-group': ButtonGroup,
    'el-dropdown-menu': DropdownMenu,
    'el-form': Form,
    'el-container': Container,
    'el-submenu': Submenu,
    'el-scrollbar': Scrollbar,
    'el-dropdown-item': DropdownItem,
    'el-menu': Menu,
    'el-menu-item': MenuItem,
    'el-dropdown': Dropdown,
    'el-input': Input,
    'el-button': Button,
    'el-form-item': FormItem,
    'el-menu-item-group': MenuItemGroup,
    'el-dialog': Dialog,
    'isc-nav-menu': IscNavMenu,
    'el-aside': Aside,
    'el-tag': Tag,
    'el-tooltip': Tooltip,
    'el-main': Main,
    toolbars,
    dustbin,
    'm-header': header,
    "active-menu-tabs": ActiveMenuTabs,
    "side-bar": SideBar,
    "bread-crumbs": BreadCrumbs
  },
  mounted() {
    this.getMenuList()
    let $this = this;
    this.devicePixelRatio = window.devicePixelRatio;
    this.calcHeight();
    this.$el.querySelectorAll('*[data-init]').forEach(function (el, index) {
      var init = el.getAttribute('data-init');
      var message = iscMessage.initMessageKey(init);
      // 避免加载router-view里的页面的初始化通讯（如果其他页面嵌套有router-view，也需这样处理）
      if (!message[0] || !message[0].id || !$this[message[0].id]) return;
      $this.poin_initManage(message[0], message[1], message[2]);
    });

    // 添加 resize 绑定事件
    // window.addEventListener( "resize",this.resizeFun());
    // 监听菜单滚动事件


    // this.handleScroll()
    //iam登录不显示修改密码框 2021-8-9
    if (this.$store.state.common.isIamLogin) {
      this.showModifyPass = false;
    }
    // 获取节假日
		this.queryHoliday()
  },
  methods: {
    // handleChooseTool() {
    // 	this.dragShow = true
    // },
    poin_initManage(messageKey, callback, execBefore) {
      messageKey.vue = this;
      iscMessage.messageManage(messageKey, callback, execBefore);
    },
    // 刷新router-view
    refreshPage() {
      this.goRefreshRoute(this);
    },
    resizeFun() {
      var $this = this;
      if (
        navigator.userAgent.toLowerCase().indexOf("chrome") > -1 &&
        window.devicePixelRatio !== $this.devicePixelRatio
      ) {
        $this.$refs.menuTabs.resize();
      }
      $this.resizeFlexHeight();
    },
    // 窗口大小变化时，计算poin-el-main和main-view高度
    resizeFlexHeight() {
      const body = document.querySelector("body");
      if (body.offsetHeight < body.scrollHeight) {
        this.flexHeight = this.flexMainHeight = body.scrollHeight - 60 + "px";
        if ("/home" === this.$route.path) {
          this.mainScrollHeight = body.scrollHeight - 94 + "px";
        } else {
          this.mainScrollHeight = body.scrollHeight - 128 + "px";
        }
      } else {
        if (this.mainFullscreen) {
          this.flexMainHeight = "100%";
          this.mainScrollHeight = "calc(100vh - 19px)";
        } else {
          this.flexMainHeight = "calc(100vh - 60px)";
          if ("/home" === this.$route.path) {
            this.mainScrollHeight = "calc(100vh - 94px)";
          } else {
            this.mainScrollHeight = "calc(100vh - 113px)";
          }
        }
      }
      // 高度变化后，更新scroller
      this.$nextTick(() => {
        if (this.$refs.mainWrap) {
          this.$refs.mainWrap.update();
        }
      });
    },
    // 全屏的触发与取消
    toggleScreen() {
      this.mainFullscreen = !this.mainFullscreen;
      this.calcHeight();
    },
    // 全屏切换的情况下，重新 计算poin-el-main和main-view高度
    calcHeight() {
      if (this.mainFullscreen) {
        this.flexMainHeight = "100%";
        this.mainScrollHeight = "calc(100vh - 19px)";
      } else {
        this.flexMainHeight = "calc(100vh - 60px)";
        if ("/home" === this.$route.path) {
          this.mainScrollHeight = "calc(100vh - 94px)";
        } else {
          this.mainScrollHeight = "calc(100vh - 113px)";
        }
      }
      this.$nextTick(() => {
        if (this.$refs.mainWrap) {
          this.$refs.mainWrap.update();
        }
      });
    },
    // 路由切换时，根据是否是首页，计算main-view高度
    calcHeight2() {
      if (
        "/home" === this.$route.path &&
        "calc(100vh - 113px)" === this.mainScrollHeight
      ) {
        this.mainScrollHeight = "calc(100vh - 94px)";
        return;
      }
      if (
        "/home" !== this.$route.path &&
        "calc(100vh - 94px)" === this.mainScrollHeight
      ) {
        this.mainScrollHeight = "calc(100vh - 113px)";
        return;
      }
    },
    initOpenMenu(index, indexPath, routePath) {
      // 当路由变化时，菜单状态也随之改变，包括activeIndex和openedMenus
      let activeIndex = "";
      let activePath = "";
      activePath = this.$route.fullPath;
      // activePath = activePath.indexOf('?') > -1 ? activePath.split('?')[0] : activePath;
      this.activePath = activePath;
      if (index) {
        activeIndex = index;
      } else {
        const activeRoute = this.menuData.filter(
          (el, i) => el.routePath == activePath
        );
        if (activeRoute && activeRoute.length != 0) {
          activeIndex = activeRoute[0].idIndex;
        } else {
          activeIndex = this.homeIndex;
        }
      }
      this.activeIndex = activeIndex;
      if (
        !this.$refs.sidebar.$refs.menu ||
        !this.$refs.sidebar.$refs.menu.$children
      ) {
        return;
      }

      let $ElMenu = this.$refs.sidebar.$refs.menu.$children[0];
      if (activeIndex) {
        if ($ElMenu.activeIndex != activeIndex) {
          $ElMenu.activeIndex = activeIndex;
        }
        if (activeIndex.indexOf("-") == -1) {
          if (
            activePath == "/home" || activePath.indexOf("?") > -1
              ? activePath.split("?")[0]
              : activePath == "/home"
          ) {
            this.currOpenedIndex = this.homeIndex;
          } else {
            this.currOpenedIndex = activeIndex;
          }
        } else {
          let indexArr = activeIndex.split("-");
          const indexArrLength = indexArr.length;
          if (indexArrLength == 2) {
            this.currOpenedIndex = indexArr[0];
          } else {
            this.currOpenedIndex = indexArr[0]; // + '-' + indexArr[1]
          }
        }
      } else {
        this.currOpenedIndex = this.homeIndex;
      }
      if (this.isCollapse) {
        return;
      }
      //$ElMenu.openedMenus = [this.currOpenedIndex];
    },
    hideSubMenu() {
      if (
        !this.$refs.sidebar.$refs.menu ||
        !this.$refs.sidebar.$refs.menu.$children
      ) {
        return;
      }
      // 隐藏展开的菜单，只留2级
      if ("/home" == this.activePath) {
        this.currOpenedIndex = this.homeIndex;
        this.activeIndex = this.homeIndex;
      } else {
        const activeIndex = this.$refs.sidebar.$refs.menu.$children[0]
          .activeIndex;
        this.activeIndex = activeIndex;
        if (activeIndex) {
          this.currOpenedIndex =
            activeIndex.indexOf("-") > -1
              ? activeIndex.split("-")[0]
              : activeIndex;
        } else {
          this.currOpenedIndex = this.homeIndex;
          this.activeIndex = this.homeIndex;
        }
      }
      if (this.$refs.sidebar.isCollapse) {
        return;
      }
      this.$refs.sidebar.$refs.menu.$children[0].openedMenus = [
        this.currOpenedIndex
      ];
    },
    showMenu(key, keyPath, routePath) {
      // 点击1级菜单时，菜单伸缩状态改变
      if (key.indexOf("-") == -1) {
        this.$refs.sidebar.toggleCollapse();
      }
    },
    collapseMenu(key, keyPath, routePath) {
      // 点击1级菜单时，菜单伸缩状态改变
      if (key.indexOf("-") == -1) {
        this.$refs.sidebar.toggleCollapse();
      }
    },
    toggleCollapse() {
      this.isCollapse = !this.isCollapse;
      this.setMenuCollapse(this.isCollapse);
    },
    addMenuEvent() {
      if (
        !this.$refs.sidebar.$refs.menu ||
        !this.$refs.sidebar.$refs.menu.$children
      ) {
        return;
      }
      const $this = this;
      let $ElMenu = this.$refs.sidebar.$refs.menu.$children[0];
      // 由于菜单是动态创建的，所以省去解绑
    },
    async getMenuList() {
      // this.menudatamock = JSON.parse(sessionStorage.getItem("menudatamock"));
      await this.getDbCode("ROLTYP","CN");
      let logininfo = sessionStorage.getItem('logininfo');
      let logininfoObj = JSON.parse(logininfo);
      if (logininfoObj) {
        this.menuData = logininfoObj.menu;
      }
      let data = logininfoObj;
      //获取用户和系统信息后通讯成功回调事件，在这里对菜单、角色、机构赋值
      //if (response && response.ok && data) {
      if (data) {
        this.header.roleList = data.roleList;
        this.header.allRoleList = data.roleList;
        this.header.orgList = data.orgList;
        this.header.date = data.curDate;
        this.header.curOrg = data.currentOrg;
        this.header.curRole = data.curRole;
        this.header.username = data.username;
        this.autoChageRoles(this.header.curOrg.id);
        // 记账机构
        this.header.accbchList = data.accbchList;
        this.header.accbch = data.accbch;
        this.header.usr = data.usr;
        //增加用户id=>data.userId  查询当前用户信息 可修改密码
        var $this = this;
        if (data.userId) {
          // 处理缓存问题
          this.setLoginInfo({
            ...data
          });
          // 缓存机构
          this.updateCurrentOrg(data.currentOrg);
          //缓存角色
          this.updateCurRole(data.curRole);
          sessionStorage.setItem('departmentnumber', data.currentOrg.departmentnumber)
          this.updateAccbch(data.accbch);
          // 缓存国结usr表用户信息
          this.updateUsr(data.usr);
        }
        // 由于菜单数据变化，触发菜单DOM的重新渲染，需在其渲染完后才能给菜单li绑定事件
        this.$nextTick(() => {
          this.resizeFlexHeight();
          if (
            this.$refs.sidebar.$refs.menu &&
            this.$refs.sidebar.menuData
          ) {
            const menuData = this.$refs.sidebar.menuData;
            if (menuData instanceof Array && menuData.length > 0) {
              this.activeIndex = this.currOpenedIndex = this.homeIndex =
                menuData[0].idIndex;
              this.tagsDefaultArr[0].menuIndex = menuData[0].idIndex;
            }
					}
          this.$refs.menuTabs.addMenuTab(this.$route,null);
          if (this.$route.path != "/home")
            this.breadcrumb = this.$refs.breadcrumb.getBreadcrumb(
              this.menuData
            );
          this.addMenuEvent();
        });

        //创建websocket，接收后台推送的待办提示
        //this.connWebSocket(this.username,'8018');
        //存储username到状态管理器
        this.setUserName(this.header.username);
        //存储菜单数据到状态管理器
        if (baseData.isOpenDisabledCopy == "menuConfig") {
          this.poin_initManage({ id: "allMenuListMsg" }, (res, resData) => {
            if (res && res.ok) {
              sessionStorage.setItem("menu_data", JSON.stringify(resData.menu));
            }
          });
        }
      }
    },
    async changeOrgs(param) {
      if (param == this.header.curOrg.id) {
        return;
      }
      let isColseTags = this.$store.state.rulebpmn.tagsArry.some((item) => {
        return this.getTransactionCode().includes(item.name)
      })
      //判断是否有未关闭的页签
      if (this.$store.state.rulebpmn.tagsArry.length > 1 && isColseTags) {
        this.$alert('当前机构有未关闭的页签，请先关闭', '提示', {
          confirmButtonText: '确定'
        })
        return
      }
      //切换机构
      const params = {
        j_username: sessionStorage.getItem('j_username'),
        curOrgId: param,
      };
      //const res = await Api.post('/webapi/manager/login/changeOrg', params);
      const res = await Api.post('/admin/login/changeOrg', params);
      if (res.respCode === SUCCESS) {
        if (res.data) {
          let curOrg = res.data
          this.header.curOrg = curOrg;
          sessionStorage.setItem('currentOrg', JSON.stringify(curOrg))
          this.updateCurrentOrg(curOrg)
        }
      }else{
        this.$notify.error(res.respMsg);
      }
      // 切换机构
      // this.poin_initManage({ "id": "changeOrg" }, (response, data, messageObj, error) => {
      //   //改变当前显示机构
      //   let curOrg = this.header.orgList.filter((item, index) => { return item.id == param })[0]
      //   this.header.curOrg = curOrg;
      //   sessionStorage.setItem('currentOrg', JSON.stringify(curOrg))
      //   this.updateCurrentOrg(curOrg)
      //   if (this.$store.state.rulebpmn.tagsArry.length > 1) {
      //     this.$refs.menuTabs.dropdownTabClick('all', true);
      //   }
      // }, messageObj => { messageObj.setUriParam({ "orgId": param }) });
    },
    autoChageRoles(param){
      //如果机构为总行，角色为分行，会自动切换机构的第一个默认总行角色
      if(this.header.roleTypeList && this.header.roleTypeList.length===0){
        return;
      }
      let orgObj = this.header.orgList.find(item => item.id === param)
      let roleObj = this.header.roleTypeList.find(item => item.key === this.header.curRole.id+"")
      this.initRoleList(orgObj);
      if(this.header.roleList && this.header.roleList.length>0 && ((orgObj.departmentNumber==="1000" && roleObj.value!=="HEAD")
          ||(orgObj.departmentNumber!=="1000" && roleObj.value==="HEAD"))){
        this.changeRoles(this.header.roleList[0].id);
        sessionStorage.setItem('curRole', JSON.stringify(this.header.roleList[0]));
      }
      if(this.header.roleList && this.header.roleList.length===0  ) {
        if (orgObj.departmentNumber === "1000") {
          this.$notify({title: "失败", message: "请先维护总行机构角色!", type: "error",});
        } else {
          this.$notify({title: "失败", message: "请先维护分行机构角色!", type: "error",});
        }
      }
    },

    initRoleList(orgObj){
      let newRoleList=[];
      for(let i=0;i<this.header.roleTypeList.length;i++){
        let item=this.header.roleTypeList[i];
        for(let j=0;j<this.header.allRoleList.length;j++){
          if(item.key===this.header.allRoleList[j].id+"" ){
            if(orgObj.departmentNumber==="1000" && (item.value==="HEAD" || item.value==='PUBLIC')){
              newRoleList.push(this.header.allRoleList[j]);
            }
            if(orgObj.departmentNumber!=="1000" && item.value!=="HEAD"){
              newRoleList.push(this.header.allRoleList[j]);
            }
          }
        }
      }
      this.header.roleList=newRoleList;
    },
    async changeRoles(param) {
      if (param == this.header.curRole.id) {
        return;
      }
      let isColseTags = this.$store.state.rulebpmn.tagsArry.some((item) => {
        return this.getTransactionCode().includes(item.name)
      })
      //判断是否有未关闭的页签
      if (this.$store.state.rulebpmn.tagsArry.length > 1 && isColseTags) {
        this.$alert('当前角色有未关闭的页签，请先关闭', '提示', {
          confirmButtonText: '确定'
        })
        return
      }
      //切换角色
      const params = {
        j_username: sessionStorage.getItem('j_username'),
        roleId: param,
      };
      const res = await Api.post('/admin/login/changeRole', params);
      if (res.respCode === SUCCESS) {
        if (res.data) {
          let curRole = res.data
          this.header.curRole = curRole;
          sessionStorage.setItem('curRole', JSON.stringify(curRole))
          this.updateCurRole(curRole)
        }
      }else{
        this.$notify.error(res.respMsg);
      }
    },
    getDbCode(codeType, uil) {
      return new Promise(async (resolve) => {
        if(this.oneExecute){
            this.oneExecute=false;
            let params = {codeType: codeType, uil: uil ? uil : 'EN'};
            let rtnmsg = await Api.post("/manager/dic/listDicInfo", params);
            if (rtnmsg.respCode === SUCCESS) {
              let curList = rtnmsg.data.map(item => ({
                key: item.codeValue,
                value: item.codeName
              }));
              this.header.roleTypeList = curList || [];
              resolve(this.header.roleTypeList);
          }
        }
      })
    },
    //签到
    async SignIn(param) {
      let res = await Api.post('/webapi/public/taskdist/user/signin', param);
      console.log('res:', res)
      if (res.respCode == SUCCESS) {
        if (param.isLogin == 'Y') {
          if (res.data.rtnCod == 'AAAAAA') {
            this.$notify({
              title: '提示',
              message: res.data.rtnMsg,
              type: 'warning',
            });
          } else if ("E00002|E00003|E00004".indexOf(res.data.rtnCod) < 0) {
            // this.$notify({
            //   title: '提示',
            //   message: res.data.rtnMsg,
            //   type: 'warning',
            // });
          }

        } else {
          if (res.data.rtnCod == 'AAAAAA') {
            this.$notify({
              title: '成功',
              message: res.data.rtnMsg,
              type: 'success',
            });
          } else {
            this.$notify({
              title: '提示',
              message: res.data.rtnMsg,
              type: 'warning',
            });
          }
        }

      }
    },
    //签退
    async SignOut(param) {
      let res = await Api.post('/webapi/public/taskdist/user/logout', param);
      if (res.respCode == SUCCESS) {
        if (res.data.rtnCod == 'AAAAAA') {
          this.$notify({
            title: '成功',
            message: res.data.rtnMsg,
            type: 'success',
          });
        } else {
          this.$notify({
            title: '提示',
            message: res.data.rtnMsg,
            type: 'warning',
          });
        }

      } else {
        this.$notify({
          title: "失败",
          message: res.respMsg,
          type: "error",
        });
      }
    },
    connWebSocket(poin_user_name, hostNum) {
      //创建websocket，接收后台推送的待办提醒
      const _this = this;
      if ("WebSocket" in window && this.connWS) {
        let websocket = null;
        const wsHost = this.connWS.host;
        let ipString = "";
        if (wsHost) {
          if (wsHost.startsWith("{{") && wsHost.endsWith("}}")) {
            ipString = baseData[wsHost.substring(2, wsHost.length - 2)];
          } else {
            ipString = wsHost;
          }
          ipString = ipString.substring(0, ipString.indexOf(":"));
        }
        websocket = new WebSocket(
          "ws://" +
          ipString +
          ":" +
          hostNum +
          "/poinwfsocket?userId=" +
          poin_user_name
        );
        websocket.onmessage = function (event) {
          const h = _this.$createElement;
          _this.$notify({
            title: "您有一个新的待办任务",
            message: h(
              "a",
              {
                class: "el-link is-underline",
                on: { click: _this.goToWFList }
              },
              event.data
            )
          });
        };
      }
    },
    goToWFList() {
      this.$router.push("/iscWorkflow/wfassignmentUndo");
    },
    calcTabsWidth(data) {
      this.$refs.menuTabs.calcTagsWidthAfterCollapse(data)
    },
    ...mapMutations(["setLoginInfo", "updateCurrentOrg", "updateCurRole","updateAccbch","updateUsr"]),
    ...mapActions([
      "changeSkin",
      "goRefreshRoute",
      "setMenuCollapse",
      "setUserName"
    ]),
    // 获取节假日
    async queryHoliday () {
      let res = await Api.post('/manager/tdh/queryHoliday')
      if(res.respCode == SUCCESS){
        if (res.data) {
          let localHolidays = JSON.stringify(res.data)
          localStorage.setItem('localHolidays', localHolidays)
        }
      }
    }
  },
  beforeDestroy() {
    localStorage.removeItem("localCodes");
  },
  destroyed() {
    //解绑
    //this.$el.querySelector("header.poin-el-header").removeEventListener("click", this.hideSubMenu);
    this.$el.querySelector("main.poin-el-main").removeEventListener("click", this.hideSubMenu);
    // this.$el.querySelector('.aside-menu').removeEventListener('mouseleave', () => {
    // 	if (this.isCollapse) {
    // 		return
    // 	}
    // 	if (!this.$refs.sidebar.$refs.menu || !this.$refs.sidebar.$refs.menu.$children) {
    // 		return
    // 	}
    // 	this.$refs.sidebar.$refs.menu.$children[0].openedMenus = [this.currOpenedIndex];
    // });
    window.removeEventListener("resize", this.resizeFun());
  },
  watch: {
    menuData() { },
    $route() {
      let lstpath=this.activePath
      // 当前被激活菜单的path
			let activePath = this.$route.path;
      // activePath = activePath.indexOf('?') > -1 ? activePath.split('?')[0] : activePath;
      if (this.activePath != activePath) {
        this.activePath = activePath;
      }
      this.$refs.menuTabs.addMenuTab(this.$route,lstpath);
      this.calcHeight2();
      if (this.$route.path != "/home") {
        this.breadcrumb = this.$refs.breadcrumb.getBreadcrumb(this.menuData);
      }
    },
  }
};
</script>
<style type="text/css" lang="less">
@header-height: 60px;
@tags-height: 34px;
@baseMenu-width: 58px;
@menu-height: 42px;
.noBorderBg() {
  border-width: 0;
  border-radius: 0;
  background: transparent;
}
.el-date-table td:not([align]),
.el-date-table th:not([align]) {
  text-align: center;
}
body,
html,
#app,
.el-container {
  height: 100%;
}
body > .el-container {
  margin-bottom: 40px;
}
.t{
		height: 61px;
		width: 100%;
		background: rgb(63,48,154);
		background-position: center;
		background-size: 100% 100%;
		border-radius: 0px 0px 12px 12px;
		z-index: -1;
		flex-shrink: 0;
		position: absolute;
	}
	.index-total{
		flex-direction: column;
	}
.el-menu {
  border: none;
}

.el-menu--vertical {
  width: 230px;
  .el-menu {
    margin-right: 0;
  }
  .el-menu-item,
  .el-submenu,
  .el-submenu__title {
    height: 36px;
    line-height: 36px;
    border-bottom: none;
  }
  .el-scrollbar__view {
    .el-submenu {
      border-bottom: none;
    }
  }
  .el-menu-item.is-active {
    // background: #f6f1f8;
    color: #000000;
    .before-icon {
      background: var(--error-color) !important;
    }
  }
  .el-menu-item:hover {
    // background: #f6f1f8;
    color: #222222;
  }
}

.el-breadcrumb {
  display: inline-block;
}
.el-scrollbar__bar {
  z-index: 10000;
}


.skin-dropitem {
  position: relative;

  &:hover {
    .skin-btns {
      display: block;
    }
  }
}
.skin-btns {
  display: none;
  position: absolute;
  left: 0;
  top: -1px;
  transform: translateX(-99%);

  & > div {
    margin-right: 6px;
    padding: 5px 10px;
    line-height: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  &:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: transparent;
    border-right-width: 0;
    border-left-color: #fff;
  }

  .el-button {
    background-color: #a04dc0;
    border-color: #a04dc0;

    & + .el-button {
      background-color: #409eff;
      border-color: #409eff;
    }
  }
}

.poin-el-main {
  margin-right: 8px;

  .main-view {
    height: 100%;
    padding: 10px;
  }
}

.el-scrollbar__wrap {
  overflow-x: hidden;
  overflow-y: scroll;
  .el-scrollbar__view {
    height: 100%;
    overflow: hidden auto;
    #business_container {
      height: 100%;
      .el-form {
				margin-bottom:15px;
        height: calc(100% - 75px);
      }
      .m-Btn-eContainer {
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 10px;
      }
    }
    .eibs {
      padding-bottom: 50px;
    }
  }
}
.aside-menu {
  .menu-wrap {
    width: 100%;
    height: calc(100% - 34px);
    overflow: hidden auto;
  }
}
.poin-el-main {
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  .c-main-content {
    width: 100%;
    height: calc(100% - 56px);
  }
  .breadcrumb-container + .c-main-content {
    height: calc(100% - 52px);
	}
	.menuTabs{
		position: absolute;
	}
}
</style>