agilebuilder-ui 1.1.65-tmp30 → 1.1.65-tmp32

package/src/views/dsc-component/Sidebar/SidebarItem.vue

@@ -1,245 +0,0 @@
-<template>
-  <div class="menu-wrapper">
-    <template v-if="!item.children || item.children.lenght === 0">
-      <app-link :to="toPath(item)" @click="clickMenu(toPath(item))">
-        <el-menu-item
-          :index="resolvePath(item.code, item.path, item.pageType, item.newPage)"
-          class="smb-sidebar-menu-item"
-          :class="{ 'submenu-title-noDropdown': !isNest }"
-        >
-          <item  :menu-layer="item.layer" :icon="item.iconName" :title="getI18nName(item)" :is-root="true" />
-        </el-menu-item>
-      </app-link>
-    </template>
-
-    <el-sub-menu
-      v-else
-      :index="resolvePath(item.code, item.path, item.pageType, item.newPage)"
-      :show-timeout="0"
-      :hide-timeout="50"
-      popper-class="sidebar-container-popper"
-      class="smb-sidebar-menu-item"
-    >
-      <template v-slot:title>
-        <item
-          :menu-layer="item.layer"
-          :icon="item.iconName"
-          :title="getI18nName(item)"
-          :has-children="item.children.length > 0 ? true : false"
-        />
-      </template>
-
-      <template v-for="child in item.children">
-        <sidebar-item
-          v-if="child.children && child.children.length > 0"
-          :is-nest="true"
-          :item="child"
-          class="nest-menu"
-        />
-        <app-link v-else :to="toPath(child)" @click="clickMenu(toPath(child))">
-          <el-menu-item :index="resolvePath(child.code, child.path, child.pageType, child.newPage)" class="smb-sidebar-menu-item">
-            <item :menu-layer="child.layer" :icon="child.iconName" :title="getI18nName(child)" />
-          </el-menu-item>
-        </app-link>
-      </template>
-    </el-sub-menu>
-  </div>
-</template>
-
-<script>
-// import { isExternal } from 'agilebuilder-ui/src/utils'
-import Item from './Item'
-import AppLink from './Link.vue'
-import * as Vue from 'vue'
-import tabJs from '../../../api/tab'
-import { getI18nName } from '../../../utils/menu'
-import { getRelativeBaseUrl, getURLSearchParamObj } from '../../../utils/common-util'
-// import { SidebarItemChild } from './SidebarItemChild.vue'
-export default {
-  name: 'SidebarItem',
-  components: { Item, AppLink },
-  props: {
-    // route object
-    item: {
-      type: Object,
-      required: true
-    },
-    isNest: {
-      type: Boolean,
-      default: false
-    }
-    // basePath: {
-    //   type: String,
-    //   default: ''
-    // }
-  },
-  data() {
-    return {
-      onlyOneChild: null
-    }
-  },
-  methods: {
-    ...tabJs,
-    hasOneShowingChild(children, parent) {
-      if (children && children.length > 0) {
-        this.onlyOneChild = children[0]
-      }
-      // When there is only one child router, the child router is displayed by default
-      if (children.length === 1) {
-        return true
-      }
-
-      // Show parent if there are no child router to display
-      if (!children || children.length === 0) {
-        // children不存在
-        this.onlyOneChild = { ...parent, path: '', noShowingChildren: true }
-        return true
-      }
-
-      return false
-    },
-    resolvePath(menuCode, pageCode, pageType, isNewPage) {
-      if (this.isExternalLink(pageType)) {
-        return '/dsc/' + menuCode + '~~' + pageCode + '~~' + isNewPage
-      } else {
-        return '/dsc/' + menuCode + '~~' + pageCode + '~~' + isNewPage
-      }
-    },
-    toPath(menu) {
-      const toPathObj = {}
-      const routePath = menu.path
-      toPathObj.openWay = menu.openWay
-      if (this.isExternalLink(menu.pageType)) {
-        toPathObj.path = '/dsc-index/iframe-page'
-        toPathObj.tabPath = '/dsc/iframe-page'
-        toPathObj.query = {}
-        toPathObj.query.isNewPage = menu.newPage
-        toPathObj.query.src = routePath
-        toPathObj.isExternal = true
-        // 如果路径中没有拼系统编码，才需要把系统编码放到参数中
-        toPathObj.query.customSystem = window.$vueApp.config.globalProperties.customSystem
-        toPathObj.query._menuCode = menu.code
-        toPathObj.query._menuName = getI18nName(menu)
-      } else {
-        const pageCode = routePath
-        toPathObj.path = '/dsc-index/page'
-        toPathObj.tabPath = '/dsc/page'
-        toPathObj.query = {}
-        toPathObj.query.pageCode = pageCode
-        toPathObj.query.isNewPage = menu.newPage
-        toPathObj.query.customSystem = window.$vueApp.config.globalProperties.customSystem
-        toPathObj.query._menuCode = menu.code
-        toPathObj.query._menuName = getI18nName(menu)
-      }
-      return toPathObj
-    },
-    // 是否已存在customSystem参数
-    isHasCustomSystem(routePath) {
-      if (routePath && routePath.indexOf('?') > 0) {
-        const params = routePath.substring(routePath.indexOf('?') + 1)
-        const paramArr = params.split('&')
-        for (let i = 0; i < paramArr.length; i++) {
-          const item = paramArr[i]
-          const key = item.split('=')[0]
-          if (key === 'customSystem') {
-            return true
-          }
-        }
-      }
-      return false
-    },
-    clickMenu(toPathObj) {
-      // console.log('clickMenu----toPathObj=', toPathObj)
-      if (toPathObj.openWay && toPathObj.openWay === 'NEW_PAGE_OPEN' && toPathObj.query) {
-        // 新页签打开菜单
-        let url = toPathObj.query.src
-        if (url) {
-          if (!toPathObj.isExternal) {
-            if (url.indexOf('?') > 0) {
-              url += '&'
-            } else {
-              url += '?'
-            }
-          }
-        } else {
-          url = '#' + toPathObj.tabPath + '?'
-          if (toPathObj.query) {
-            for (const key in toPathObj.query) {
-              url += key + '=' + toPathObj.query[key] + '&'
-            }
-          }
-          if (url && url.length > 0 && url.lastIndexOf('&') === url.length - 1) {
-            url = url.substring(0, url.lastIndexOf('&'))
-          }
-        }
-        const paramObj = getURLSearchParamObj(url)
-        if(paramObj && paramObj._isThird && paramObj._isThird === 'false') {
-          // 表示不是第3方系统，需要替换域名，内网外网部署时需要使用
-          url = getRelativeBaseUrl(url)
-        }
-        window.open(url, toPathObj.query._menuName)
-      } else {
-        // 刷新页签打开菜单
-        this.addTabs(toPathObj.query, this.$store.state.tabContent.openTab, toPathObj.tabPath)
-      }
-    },
-    isExternalLink(pageType) {
-      if (pageType && pageType === 'iframe') {
-        return true
-      }
-      return false
-    },
-    getI18nName(menu) {
-      return getI18nName(menu)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.smb-sidebar-menu-item {
-  position: relative;
-  --el-menu-item-height: 45px;
-  --el-menu-sub-item-height: 45px;
-  &.el-menu-item, &.el-sub-menu {
-    padding: 0 !important;
-    &:not(:has(> .el-tooltip__trigger)) {
-      display: flex;
-      flex-direction: row;
-    }
-  }
-  & > :deep(.el-tooltip__trigger) {
-    display: flex;
-    flex-direction: row;
-    padding: 0 !important;
-  }
-  :deep(.smb-sidebar-menu-item-icon) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--admin-layout-left-menu-collapse, 54px);
-    font-size: 16px;
-  }
-
-  :deep(.smb-sidebar-menu-item-no-icon) {
-    width: 20px;
-  }
-  :deep(.smb-sidebar-menu-item-title) {
-    flex: 0 0 calc(100% - var(--admin-layout-left-menu-collapse, 54px) - 35px);
-    overflow: hidden;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    & > div {
-      overflow: hidden;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  :deep(.smb-sidebar-menu-item-no-icon-title) {
-    flex: 0 0 calc(100% - 20px - 20px);
-  }
-}
-</style>
-

package/src/views/dsc-component/Sidebar/index.vue

@@ -1,258 +0,0 @@
-<template>
-  <div>
-    <el-scrollbar wrap-class="scrollbar-wrapper">
-      <keep-alive>
-        <el-menu
-          :collapse="isCollapse"
-          :default-active="getDefaultActive()"
-          :show-timeout="200"
-          mode="vertical"
-          @select="selectMenu"
-        >
-          <sidebar-item v-for="menu in menus" :key="menu.code" :item="menu" />
-        </el-menu>
-      </keep-alive>
-    </el-scrollbar>
-    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import SidebarItem from './SidebarItem'
-import Cookies from 'js-cookie'
-import tabJs from '../../../api/tab'
-import { getMenus, getSystemCode, getCustomMenus, setCustomMenus, getDefaultMenuCode } from '../../../utils/permissionAuth'
-import { getI18nName } from '../../../utils/menu'
-
-export default {
-  name: 'Sidebar',
-  components: {
-    SidebarItem
-  },
-  props: {
-    systemCode: {
-      type: String,
-      default: null
-    },
-    collapse: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    const menus = getMenus()
-    const defaultMenuCode = getDefaultMenuCode()
-    console.log('Sidebar===>menus=', menus)
-    const isSelectFirst =
-      window.$vueApp.config.globalProperties.showFirstMenu === undefined ||
-      window.$vueApp.config.globalProperties.showFirstMenu === null
-        ? true
-        : window.$vueApp.config.globalProperties.showFirstMenu
-    return {
-      menus: Object.freeze(menus),
-      isSelectFirst,
-      defaultMenuCode
-    }
-  },
-  computed: {
-    ...mapGetters(['sidebar']),
-    isCollapse() {
-      if (this.collapse === false) {
-        return !this.sidebar.opened
-      }
-      return true
-    }
-  },
-  async created() {
-    try {
-      if (window.$vueApp.config.globalProperties.enableCustomMenu === true) {
-        const customMenusKey = getCustomMenus(getSystemCode())
-        const customMenus = JSON.parse(localStorage.getItem(customMenusKey))
-        if (!customMenus || customMenus.length === 0) {
-          const response = await this.$http.post(
-            window.$vueApp.config.globalProperties.baseURL + '/common/menu/find-custom-menus',
-            JSON.parse(JSON.stringify(this.menus))
-          )
-          if (response && Array.isArray(response)) {
-            setCustomMenus(response, getSystemCode())
-            this.menus = Object.freeze(response)
-          }
-        } else {
-          this.menus = Object.freeze(customMenus)
-        }
-      }
-    } catch (error) {
-      console.error('菜单请求失败:', error)
-    }
-    console.log(22222222222222)
-    const a = new Date().getTime()
-    this.firstLeafMenu = this.getMyFirstMenu(this.menus)
-    if (this.firstLeafMenu && this.firstLeafMenu.fullPath) {
-      // 跳转到第一个页面
-      if (this.firstLeafMenu.pageType && this.firstLeafMenu.pageType === 'iframe') {
-        const iframeSrc = this.firstLeafMenu.fullPath
-        const query = {
-          src: iframeSrc,
-          customSystem: this.systemCode,
-          _menuCode: this.firstLeafMenu.code,
-          _menuName: getI18nName(this.firstLeafMenu),
-          isNewPage: this.firstLeafMenu.newPage
-        }
-        this.addTabs(query, this.$store.state.tabContent.openTab, '/dsc/iframe-page', '/dsc/iframe-page')
-        this.$router.push({ path: '/dsc-index/iframe-page', query: query })
-      } else {
-        const pageCode = this.firstLeafMenu.path
-        const query = {
-          customSystem: this.systemCode,
-          pageCode: pageCode,
-          _menuCode: this.firstLeafMenu.code,
-          _menuName: getI18nName(this.firstLeafMenu),
-          isNewPage: this.firstLeafMenu.newPage
-        }
-        this.addTabs(query, this.$store.state.tabContent.openTab, '/dsc/page', '/dsc/page')
-        this.$router.push({ path: '/dsc-index/page', query: query })
-        // this.$router.push({ path: this.firstLeafMenu.fullPath })
-      }
-      const b = new Date().getTime()
-      console.log('菜单组件==>created==>b-a', b - a)
-    }
-  },
-  methods: {
-    ...tabJs,
-    getDefaultActive() {
-      if (this.firstLeafMenu && this.firstLeafMenu.pageType !== 'iframe') {
-        const pageCode = this.firstLeafMenu.path
-        const activeIndex = '/dsc/' + this.firstLeafMenu.code + '~~' + pageCode + '~~' + this.firstLeafMenu.newPage
-        this.selectMenu(activeIndex)
-        return activeIndex
-      } else if (this.firstLeafMenu && this.firstLeafMenu.pageType === 'iframe') {
-        const activeIndex = '/dsc/' + this.firstLeafMenu.code + '~~pageCode' + '~~' + this.firstLeafMenu.newPage
-        this.selectMenu(activeIndex)
-        return activeIndex
-      } else {
-        return ''
-      }
-    },
-    toggleSideBar() {
-      this.$store.dispatch('toggleSidebar')
-    },
-    selectMenu(index, indexPath) {
-      Cookies.set('selectMenu', index)
-    },
-    getMyFirstMenu(menus) {
-      const a = new Date().getTime()
-      if (menus && menus.length > 0) {
-        let shouldSelectMenu = this.getFirstMenu(menus)
-        if (!shouldSelectMenu) {
-          shouldSelectMenu = this.getFirstMenuWithCookie(menus)
-        }
-        const b = new Date().getTime()
-        console.log('菜单组件==>shouldSelectMenu=',shouldSelectMenu)
-        // 默认不展示第一个有权限的菜单了，可以去掉下面的代码
-        if (!shouldSelectMenu) {
-          shouldSelectMenu = this.getSelectMenuWithFirstMenu(menus[0])
-        }
-        return shouldSelectMenu
-      }
-    },
-    getFirstMenu(menus, isFixFirstMenu) {
-      let currentMenuCode = this.$route.query ? this.$route.query._menuCode : null
-      let shouldSelectMenu
-      if (currentMenuCode) {
-        // 表示需要选中指定的菜单
-        this.isSelectFirst = true
-      } else if(this.defaultMenuCode){
-        // 配置的默认菜单
-        currentMenuCode = this.defaultMenuCode
-        this.isSelectFirst = true
-      } else {
-        shouldSelectMenu = this.getFirstMenuWithCookie(menus)
-      }
-      console.log('getFirstMenu=====shouldSelectMenu111=', shouldSelectMenu)
-      if (this.isSelectFirst && !shouldSelectMenu && menus && menus.length > 0) {
-        for (let i = 0; i < menus.length; i++) {
-          const menu = menus[i]
-          shouldSelectMenu = this.getShouldSelectMenu(menu, currentMenuCode, isFixFirstMenu)
-          if (shouldSelectMenu) {
-            // 表示获得到了应该选中的菜单
-            break
-          }
-        }
-      }
-      console.log('getFirstMenu=====shouldSelectMenu222=', shouldSelectMenu)
-      return shouldSelectMenu
-    },
-    getShouldSelectMenu(menu, currentMenuCode, isFixFirstMenu) {
-      if (menu) {
-        let shouldSelectMenu
-        if (!isFixFirstMenu && currentMenuCode) {
-          const children = menu.children
-          if (children && children.length > 0) {
-            shouldSelectMenu = this.getFirstMenu(children, isFixFirstMenu)
-          } else if (menu.code && menu.code === currentMenuCode) {
-            shouldSelectMenu = menu
-          }
-        } else {
-          const children = menu.children
-          if (children && children.length > 0) {
-            shouldSelectMenu = this.getFirstMenu(children, isFixFirstMenu)
-          } else {
-            shouldSelectMenu = menu
-          }
-        }
-        return shouldSelectMenu
-      }
-    },
-    getSelectMenuWithFirstMenu(menu) {
-      if (menu) {
-        let shouldSelectMenu
-        const children = menu.children
-        if (children && children.length > 0) {
-          shouldSelectMenu = this.getFirstMenu(children, true)
-        } else {
-          shouldSelectMenu = menu
-        }
-        return shouldSelectMenu
-      }
-    },
-    getFirstMenuWithCookie(menus) {
-      if (menus && menus.length > 0) {
-        const cookieMenu = Cookies.get('selectMenu')
-        if (cookieMenu) {
-          //   // 表示缓存中存储了menu，格式为：/dsc/菜单编码~~pageCode
-          const prefix = '/dsc/'
-          //  '/dsc/' + menuCode + '~~' + pageCode + '~~' + isNewPage
-          const menuInfoArr = cookieMenu.split('~~')
-          const pathPrefix = menuInfoArr[0]
-          const menuCode = pathPrefix.substring(cookieMenu.indexOf(prefix) + prefix.length)
-
-          let shouldSelectMenu
-          for (let i = 0; i < menus.length; i++) {
-            const menu = menus[i]
-            shouldSelectMenu = this.getShouldSelectMenuWithCookie(menu, menuCode)
-            if (shouldSelectMenu) {
-              // 表示获得到了应该选中的菜单
-              break
-            }
-          }
-          return shouldSelectMenu
-        }
-      }
-    },
-    getShouldSelectMenuWithCookie(menu, menuCode) {
-      if (menu) {
-        // console.log('dsc--getShouldSelectMenuWithCookie--this.$route=', this.$route)
-        let shouldSelectMenu
-        const children = menu.children
-        if (children && children.length > 0) {
-          shouldSelectMenu = this.getFirstMenuWithCookie(children)
-        } else if (menu.code && menu.code === menuCode) {
-          shouldSelectMenu = menu
-        }
-        return shouldSelectMenu
-      }
-    }
-  }
-}
-</script>