adspecs 0.1.12

package/references/web-ui/src/store/modules/app/actions.ts

@@ -0,0 +1,137 @@
+import _config from '@/config'
+import { getButtonAuth, getMenuCornersNum } from '@/api/menu'
+import { checkIsCollect } from '@/api/collect'
+import { findTenantDefind } from '@/api/login'
+import { getUserInfo } from '@/utils/auth'
+import { AxiosResponse } from 'axios'
+
+declare const window: any
+const actions = {
+  ToggleSideBar: ({ commit }) => {
+    commit('TOGGLE_SIDEBAR')
+  },
+  CloseSideBar({ commit }, { withoutAnimation }) {
+    commit('CLOSE_SIDEBAR', withoutAnimation)
+  },
+  ToggleDevice({ commit }, device) {
+    commit('TOGGLE_DEVICE', device)
+  },
+  setActiveMenuId({ commit }, { menuId }) {
+    if (!menuId) {
+      commit('SET_ACTIVE_MENUID', '')
+      return
+    }
+    commit('SET_ACTIVE_MENUID', menuId)
+  },
+  async setAuthBTN({ commit }, { menuId }) {
+    if (!menuId) {
+      commit('BTNAUTH', [])
+      sessionStorage.setItem('btnAuthList', JSON.stringify([]))
+      return
+    }
+    commit('importTemplate', [])
+    //设置按钮权限
+    const res:AxiosResponse = await getButtonAuth(menuId)
+    if (res.code !== 800 || !res.data) return
+    sessionStorage.setItem('btnAuthList', JSON.stringify(res.data))
+    commit('BTNAUTH', res.data)
+  },
+  getCollectStatus({ commit }, menuData) {
+    checkIsCollect({
+      menuId: menuData.menuId,
+      params: JSON.stringify(menuData.query)
+    }).then(res => {
+      if (res.code === 800) {
+        commit('CollectStatus', {
+          data: res.data,
+          menuId: menuData.menuId
+        })
+      }
+
+    })
+  },
+  setActiveRoute({ commit }, route) {
+    commit('SET_ACTIVE_ROUTE', route)
+  },
+  SetSystemSetting({ commit }) {
+
+    // 图标默认值
+    let href = `${window.VUE_CDN_HOST}img/boostrap/system_management_icon.png`;
+    // 系统Logo默认值
+    let systemLogo = `${window.VUE_CDN_HOST}img/boostrap/logo1.png`
+
+    // 创建浏览器图标标签
+    const link = document.createElement('link')
+    link.rel = 'shortcut icon'
+    link.type = 'image/x-icon'
+
+    // 取浏览器缓存
+    const systemSetting = localStorage.getItem('systemSetting')
+    let setting = JSON.parse(systemSetting) || {}
+    if (setting && setting.iconUrl) {
+      href = setting.iconUrl
+    }
+
+    // 是否有用户数据缓存
+    const userInfo = getUserInfo()
+    console.log(JSON.parse(systemSetting), typeof JSON.parse(systemSetting), '-----');
+    
+    if (!userInfo) {
+      console.log(systemSetting, 'hhh');
+      
+      link.href = href
+      document.head.appendChild(link)
+      // commit('SET_SYSTEM_SETTING', systemSetting)
+      return
+    }
+
+    // 请求系统配置
+    const params = {
+      systemCode: _config.systemCode,
+      tenantId: userInfo.tenantId
+    }
+
+    findTenantDefind(params).then(res => {
+      const data = res.data || {};
+
+      commit('SET_SYSTEM_SETTING', JSON.stringify({ ...data, systemLogo: data.systemLogo || systemLogo } || setting))
+
+      // 设置浏览器标签页图标
+      link.href = data.iconUrl || href
+      document.head.appendChild(link)
+
+    }).catch(() => {
+
+      commit('SET_SYSTEM_SETTING', JSON.stringify({ ...setting, systemLogo: setting.systemLogo || systemLogo }))
+
+      link.href = href
+      document.head.appendChild(link)
+
+    })
+  },
+  setMessageCount({ commit }, msgInfo) {
+    commit('SET_MESSAGE_COUNT', msgInfo)
+  },
+  setFullscreenGlobal({ commit }, isFull) {
+    commit('SET_FULLSCREEN', isFull)
+    commit('SET_COLLECT_BUTTON_STATUS', !isFull)
+  },
+  getMenuCornersNumData({ commit ,state }) {
+    //  keys 有值的时候进行请求处理
+    if(state.cornerKeys && state.cornerKeys.length > 0){
+      const data = {
+        params: {
+          keys: state.cornerKeys
+        }
+      }
+      // api
+      getMenuCornersNum(data).then((res) => {
+        if (res.code == 800) {
+          commit('SET_CORNERKEYSNUM', res.data.nums)
+        }
+      })
+    }
+  }
+}
+
+export default actions

package/references/web-ui/src/store/modules/app/getters.ts

@@ -0,0 +1,17 @@
+import { getDicItems } from '@/utils/tool';
+
+const getters = {
+  getDicItems: () => (id) => getDicItems(id),
+  sidebar: state => state.sidebar,
+  avatar: state => state.avatar,
+  appMainHeight: state => state.appMainHeight,
+  fullscreenGlobal: state => state.fullscreenGlobal,
+  tenantSystemList: state => state.tenantSystemList,
+  activeTopMenuId: state => state.activeTopMenuId,
+  microPageLoading: state => state.microPageLoading,
+  hasCollectButton: state => state.hasCollectButton,
+  cornerKeysNum: state => state.cornerKeysNum,
+  isShowGptDrawer: state => state.isShowGptDrawer,
+}
+
+export default getters

package/references/web-ui/src/store/modules/app/index.ts

@@ -0,0 +1,52 @@
+import Cookies from 'js-cookie'
+import _config from '@/config'
+
+import getters from '@/store/modules/app/getters'
+import mutations from '@/store/modules/app/mutations'
+import actions from '@/store/modules/app/actions'
+
+const store = {
+  state: () => ({
+    sidebar: {
+      opened: !+Cookies.get('sidebarStatus'),
+      withoutAnimation: false
+    },
+    device: 'desktop',
+    menuId: void 0,
+    garbageDetail: '',
+    btnAuth: [],
+    importAuth: {},
+    importTemplateData: [],
+    collectStatus: null,
+    activeRoute: '',
+    systemSetting: '',
+    messageCount: 0,
+    unreadLetters: [],
+    systemCode: _config.systemCode,
+    portalLogo: '',
+    // 当前用户可以切换的系统列表
+    systems: [],
+    // 系统管理可见的系统列表
+    tenantSystemList: [],
+    // 右侧内容主区域高度
+    appMainHeight: 0,
+    pageAllData: {},
+    fullscreenGlobal: false,
+    // 紧凑式布局下，激活的一级菜单menuId
+    activeTopMenuId: void 0,
+    // 微应用页面加载的loading
+    microPageLoading: false,
+    isShowGptDrawer: false,
+    // 是否显示右下需求反馈按钮
+    hasCollectButton: false,
+    // 角标Keys
+    cornerKeys: [],
+    // 获取角标数量
+    cornerKeysNum: {}
+  }),
+  getters,
+  mutations,
+  actions
+}
+
+export default store

package/references/web-ui/src/store/modules/app/mutations.ts

@@ -0,0 +1,108 @@
+import Cookies from 'js-cookie'
+
+const mutations = {
+  // 保存页面所有接口数据
+  SAVE_PAGE_DATA: (state, apiObj) => {
+    let pageAllData = state.pageAllData
+    let routeName = state.activeRoute.name
+    let currentPageData = pageAllData[routeName]
+    if (!currentPageData) { pageAllData[routeName] = { ...apiObj } }
+    else {
+      state.pageAllData[routeName] = {
+        ...currentPageData,
+        ...apiObj
+      }
+    }
+
+  },
+  TOGGLE_SIDEBAR: state => {
+    if (state.sidebar.opened) {
+      Cookies.set('sidebarStatus', 1)
+    } else {
+      Cookies.set('sidebarStatus', 0)
+    }
+    state.sidebar.opened = !state.sidebar.opened
+    state.sidebar.withoutAnimation = false
+  },
+  CLOSE_SIDEBAR: (state, withoutAnimation) => {
+    Cookies.set('sidebarStatus', 1)
+    state.sidebar.opened = false
+    state.sidebar.withoutAnimation = withoutAnimation
+  },
+  TOGGLE_DEVICE: (state, device) => {
+    state.device = device
+  },
+  BTNAUTH: (state, buttonList) => {
+    state.btnAuth = buttonList
+    // console.log(buttonList)
+  },
+  IMPORTAUTH: (state, importAuth) => {
+    state.importAuth = importAuth
+  },
+  importTemplate: (state, data) => {
+    state.importTemplateData = data
+  },
+  GARBAGE_DETAIL: (state, garbageDetail) => {
+    state.garbageDetail = garbageDetail
+  },
+  CollectStatus: (state, collectStatus) => {
+    state.collectStatus = collectStatus
+  },
+  SET_ACTIVE_ROUTE: (state, route) => {
+    state.activeRoute = route
+  },
+  SET_SYSTEM_SETTING(state, setting) {
+    state.systemSetting = setting
+    localStorage.setItem('systemSetting', setting)
+  },
+  SET_MESSAGE_COUNT(state, msgInfo) {
+    state.messageCount = msgInfo.count
+    state.unreadLetters = msgInfo.msgData
+  },
+  SET_PORTALLOGO(state, logo) {
+    state.portalLogo = logo
+    localStorage.setItem('portalLogo', logo)
+  },
+  SET_ACTIVE_MENUID(state, menuId) {
+    state.menuId = menuId
+    localStorage.setItem('menuId', menuId)
+  },
+  SET_FIELD_LIST(state, fieldList) {
+    state.fieldList = fieldList
+    localStorage.setItem('aa', fieldList)
+  },
+  SET_SYSTEMS(state, systems) {
+    state.systems = systems
+    localStorage.setItem('systems', systems)
+  },
+  SET_TENANT_SYSTEM_LIST(state, systems) {
+    state.tenantSystemList = systems
+  },
+  SET_APP_MAIN_HEIGHT(state, height) {
+    state.appMainHeight = height
+  },
+  SET_FULLSCREEN(state, isFull) {
+    state.fullscreenGlobal = isFull
+  },
+  SET_ACTIVE_TOP_MENU_ID(state, id) {
+    state.activeTopMenuId = id
+  },
+  SET_MICRO_PAGE_LOADING(state, isLoading) {
+    state.microPageLoading = isLoading
+  },
+  SET_IS_SHOW_GPT(state) {
+    // window.dispatchEvent(new Event('resize'))
+    state.isShowGptDrawer = !state.isShowGptDrawer
+  },
+  SET_COLLECT_BUTTON_STATUS(state, status) {
+    state.hasCollectButton = status
+  },
+  SET_CORNERKEYS(state, keys) {
+    state.cornerKeys = keys
+  },
+  SET_CORNERKEYSNUM(state, numObject) {
+    state.cornerKeysNum = numObject
+  }
+}
+
+export default mutations

package/references/web-ui/src/store/modules/permission/actions.ts

@@ -0,0 +1,11 @@
+const actions = {
+  /* 生成整体路由 */
+  GenerateRoutes({ commit }, data) {
+    return new Promise<void>(resolve => {
+      commit("SET_ROUTERS", data);
+      resolve();
+    });
+  }
+}
+
+export default actions

package/references/web-ui/src/store/modules/permission/getters.ts

@@ -0,0 +1,5 @@
+const getters = {
+  permission_routers: state => state.routers,
+}
+
+export default getters

package/references/web-ui/src/store/modules/permission/index.ts

@@ -0,0 +1,14 @@
+import getters from '@/store/modules/permission/getters'
+import mutations from '@/store/modules/permission/mutations'
+import actions from '@/store/modules/permission/actions'
+
+const store = {
+  state: () => ({
+    routers: []
+  }),
+  getters,
+  mutations,
+  actions
+}
+
+export default store

package/references/web-ui/src/store/modules/permission/mutations.ts

@@ -0,0 +1,13 @@
+import { routes as constantRouterMap } from '@/router'
+
+const mutations = {
+  // 添加路由
+  SET_ROUTERS: (state, routers) => {
+    // 初始值为 undefined, 并不是 constantRouterMap
+    state.routers = state.routers
+      ? [...state.routers, ...routers.remoteRouters]
+      : [...constantRouterMap, ...routers.remoteRouters]
+  },
+}
+
+export default mutations

package/references/web-ui/src/store/modules/tagsView/actions.ts

@@ -0,0 +1,87 @@
+const actions = {
+  addView({ commit }, view) {
+    commit('ADD_VISITED_VIEW', view)
+    commit('ADD_CACHED_VIEW', view)
+  },
+  addVisitedView({ commit }, view) {
+    commit('ADD_VISITED_VIEW', view)
+  },
+  addCachedView({ commit }, view) {
+    commit('ADD_CACHED_VIEW', view)
+  },
+
+  delView({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delVisitedView', view)
+      dispatch('delCachedView', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delVisitedView({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_VISITED_VIEW', view)
+      resolve([...state.visitedViews])
+    })
+  },
+  delCachedView({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_CACHED_VIEW', view)
+      resolve([...state.cachedViews])
+    })
+  },
+
+  delOthersViews({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delOthersVisitedViews', view)
+      dispatch('delOthersCachedViews', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delOthersVisitedViews({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_OTHERS_VISITED_VIEWS', view)
+      resolve([...state.visitedViews])
+    })
+  },
+  delOthersCachedViews({ commit, state }, view) {
+    return new Promise(resolve => {
+      commit('DEL_OTHERS_CACHED_VIEWS', view)
+      resolve([...state.cachedViews])
+    })
+  },
+
+  delAllViews({ dispatch, state }, view) {
+    return new Promise(resolve => {
+      dispatch('delAllVisitedViews', view)
+      dispatch('delAllCachedViews', view)
+      resolve({
+        visitedViews: [...state.visitedViews],
+        cachedViews: [...state.cachedViews]
+      })
+    })
+  },
+  delAllVisitedViews({ commit, state }) {
+    return new Promise(resolve => {
+      commit('DEL_ALL_VISITED_VIEWS')
+      resolve([...state.visitedViews])
+    })
+  },
+  delAllCachedViews({ commit, state }) {
+    return new Promise(resolve => {
+      commit('DEL_ALL_CACHED_VIEWS')
+      resolve([...state.cachedViews])
+    })
+  },
+
+  updateVisitedView({ commit }, view) {
+    commit('UPDATE_VISITED_VIEW', view)
+  }
+}
+
+export default actions

package/references/web-ui/src/store/modules/tagsView/getters.ts

@@ -0,0 +1,6 @@
+const getters = {
+  visitedViews: state => state.visitedViews,
+  cachedViews: state => state.cachedViews,
+}
+
+export default getters

package/references/web-ui/src/store/modules/tagsView/index.ts

@@ -0,0 +1,18 @@
+import getters from '@/store/modules/tagsView/getters'
+import mutations from '@/store/modules/tagsView/mutations'
+import actions from '@/store/modules/tagsView/actions'
+import { getVisitedViews } from '@/utils/auth'
+
+const store = {
+  state: () => ({
+    visitedViews: JSON.parse(getVisitedViews() || '[]'),
+    cachedViews: [],
+    // 是否开启了tag标签页拦截处理，开启后，就是允许子应用自定进行关闭拦截，不允许的话，子应用即使设置了拦截页没有效果
+    enableCloseInterception: true
+  }),
+  getters,
+  mutations,
+  actions
+}
+
+export default store

package/references/web-ui/src/store/modules/tagsView/mutations.ts

@@ -0,0 +1,118 @@
+const mutations = {
+  SET_TAGS_VIEWS: (state, views) => {
+    state.visitedViews = views.map(it => ({
+      ...it,
+      title: it.title || 'no-name'
+    }))
+    state.cachedViews = [...new Set(views.map(it => it.name))]
+  },
+  ADD_VISITED_VIEW: (state, view) => {
+    // 路由跳转过来时，合并路由信息，以便取到跳转过来时meta信息
+    let tagTitle = {title: view.meta.title || 'no-name', enTitle: view.meta.enTitle || view.meta.title || 'no-name'}
+    let visitedTarget = state.visitedViews.find(v => v.path === view.path && v.fullPath === view.fullPath)
+    const assignVisitedView = {
+      ...view,
+      ...tagTitle,
+      meta:{
+        ...visitedTarget?.meta,
+        ...view.meta,
+      }
+    }
+    // 如果路由完整路径不存在 tag 里，并且包含了 isMultiTag 参数，直接新增页签
+    if (view.query?.isMultiTag && !state.visitedViews.some(v => v.fullPath === view.fullPath)) {
+      state.visitedViews.push(assignVisitedView)
+      return
+    }
+    if (state.visitedViews.some(v => v.path === view.path)) {
+      // 如果页签路由参数信息改变，删除原来的就页签，重新添加页签信息
+      const visitedViewIndex = state.visitedViews.findIndex(v => v.path === view.path && v.fullPath !== view.fullPath)
+      if (visitedTarget) {
+        let changeIndex = state.visitedViews.findIndex(v => v.path === view.path && v.fullPath === view.fullPath)
+        state.visitedViews.splice(changeIndex, 1, assignVisitedView)
+        return
+      }
+      // fix 如果是可以多开的页签，不需要删除
+      if (view.query?.isMultiTag || visitedViewIndex < 0) {
+        return
+      } else {
+        state.visitedViews.splice(visitedViewIndex, 1)
+      }
+    }
+    state.visitedViews.push(assignVisitedView)
+  },
+  ADD_CACHED_VIEW: (state, view) => {
+    if (state.cachedViews.includes(view.name)) return
+    if (!view.meta.noCache) {
+      state.cachedViews.push(view.name)
+    }
+  },
+
+  DEL_VISITED_VIEW: (state, view) => {
+    const whileDeleteViewIndex = state.visitedViews.findIndex(v => {
+      // 如果是多开的 tag ，需要判断全路径 fullPath
+      if (view.query?.isMultiTag) {
+        return view.fullPath === v.fullPath
+      } else {
+        return view.path === v.path
+      }
+    })
+    if (whileDeleteViewIndex > -1) {
+      state.visitedViews.splice(whileDeleteViewIndex, 1)
+    }
+
+    // for (const [i, v] of state.visitedViews.entries()) {
+    //   if (v.path === view.path) {
+    //     state.visitedViews.splice(i, 1)
+    //     break
+    //   }
+    // }
+
+  },
+  DEL_CACHED_VIEW: (state, view) => {
+    for (const i of state.cachedViews) {
+      if (i === view.name) {
+        const index = state.cachedViews.indexOf(i)
+        state.cachedViews.splice(index, 1)
+        break
+      }
+    }
+
+  },
+
+  DEL_OTHERS_VISITED_VIEWS: (state, view) => {
+    state.visitedViews = state.visitedViews.filter(item => {
+      return item.path === view.path || item.path === '/home'
+    })
+  },
+  DEL_OTHERS_CACHED_VIEWS: (state, view) => {
+    for (const i of state.cachedViews) {
+      if (i === view.name) {
+        const index = state.cachedViews.indexOf(i)
+        state.cachedViews = state.cachedViews.slice(index, index + 1)
+        break
+      }
+    }
+
+  },
+
+  DEL_ALL_VISITED_VIEWS: state => {
+    state.visitedViews = state.visitedViews.filter(item => {
+      return item.path === '/home'
+    })
+  },
+  DEL_ALL_CACHED_VIEWS: state => {
+    state.cachedViews = []
+  },
+
+  UPDATE_VISITED_VIEW: (state, view) => {
+    for (let v of state.visitedViews) {
+      if (v.path === view.path) {
+        v = Object.assign(v, view)
+        break
+      }
+    }
+
+  }
+}
+
+export default mutations

package/references/web-ui/src/store/modules/theme/actions.ts

@@ -0,0 +1,38 @@
+import { getValueByKey } from '@/api/login'
+import {
+  DEFAULT_THEME_COLOR,
+  DEFAULT_THEME_COLOR_KEY,
+  getCookieInDomain,
+  setCookieInDomain
+} from '@/utils/theme'
+import { getToken } from '@/utils/auth'
+
+const actions = {
+  //获取默认主题颜色并缓存
+  async GetDefaultThemeColor(context) {
+    const token = getToken()
+    if (!token) return false
+    const res = await getValueByKey({ configKey: 'DEFAULT_THEMECOLOR' })
+    // 获取 cookie 中的 themeColor
+    const cacheThemeColor = getCookieInDomain(DEFAULT_THEME_COLOR_KEY)
+    if (res.data) {
+      context.commit('SET_CONFIG_THEME_COLOR', res.data)
+      // 如果和缓存的主题色值不一致，更新主题色
+      if (res.data !== cacheThemeColor) {
+        setCookieInDomain(DEFAULT_THEME_COLOR_KEY, res.data || cacheThemeColor || DEFAULT_THEME_COLOR)
+      }
+    }
+    return res.data
+  },
+  // 获取是否隐藏主题控件
+  async GetHideThemeControlStatus({ commit }) {
+    const res = await getValueByKey({ configKey: 'HIDE_THEME_CONTROL' })
+    if (res.data) {
+      commit('SET_HIDE_THEME_CONTROL', res.data)
+      return res.data
+    }
+    return false
+  }
+}
+
+export default actions

package/references/web-ui/src/store/modules/theme/getters.ts

@@ -0,0 +1,10 @@
+const getters = {
+  themeColor: state => state.themeColor,
+  theme: state => state.theme,
+  navbarTheme: state => state.navbarTheme,
+  layoutConfig: state => state.layoutConfig,
+  configThemeColor: state => state.configThemeColor,
+  layoutMenuConfig: state => state.layoutMenuConfig,
+}
+
+export default getters

package/references/web-ui/src/store/modules/theme/index.ts

@@ -0,0 +1,26 @@
+import { getCookieInDomain } from '@/utils/theme'
+import getters from '@/store/modules/theme/getters'
+import mutations from '@/store/modules/theme/mutations'
+import actions from '@/store/modules/theme/actions'
+
+const normalNavbarTheme = { label: '普通', icon: '', key: 'normal', colors: ['#4ea5ed', '#3c7fff'] }
+
+const store = {
+  state: () => {
+    const navbarTheme = getCookieInDomain('navbarTheme')
+    return {
+      theme: getCookieInDomain('theme') || 'default',
+      themeColor: getCookieInDomain('themeColor'),
+      navbarTheme: navbarTheme ? JSON.parse(navbarTheme) : normalNavbarTheme,
+      layoutConfig: getCookieInDomain('layoutConfig') || 'default',
+      layoutMenuConfig: getCookieInDomain('layoutMenuConfig') || 'vertical',
+      configThemeColor: null,
+      hideThemeControl: false
+    }
+  },
+  getters,
+  mutations,
+  actions
+}
+
+export default store