epx-frame 3.5.0-shpgy.1

package/src/router/config.js

@@ -0,0 +1,416 @@
+import Page from '@/frame/packages/page'
+import Login from '@/frame/views/Login.vue'
+import LocalLogin from '@/frame/views/LocalLogin.vue'
+import QyWechat from '@/frame/views/QyWechat'
+import App from '@/frame/views/App'
+import Module from '@/frame/views/Module'
+import AppRoleSelect from '@/frame/views/AppRoleSelect'
+import Task from '@/frame/views/TaskPage'
+import Error from '@/frame/views/Error'
+import ServiceHelp from '@/frame/views/ServiceHelp'
+import { isEmpty } from 'lodash-es'
+import store from '../store'
+import { http, util } from '@/utils'
+import { GET_USER, GET_APP_CONFIG } from '../store/actions'
+import Vue from 'vue'
+window.isLoadLibrary = false
+
+function isLoginFn () {
+  return http.get({
+    action: 'validLogin',
+    entityId: 'FM_USER'
+  })
+    .then(data => {
+      return data
+    })
+    .catch(() => false)
+}
+
+function getDefaultRole (user, appId) {
+  const { serviceRoles = {} } = user
+  const roleList = serviceRoles[appId] || []
+  let defaultRole = null
+  if (roleList.length === 1) {
+    defaultRole = roleList[0].code
+  } else {
+    const defaultRoleMap = roleList.find(item => item.isDefault === true) || {}
+    defaultRole = defaultRoleMap.code
+  }
+  return defaultRole
+}
+
+function isHasRole (user, appId, role) {
+  const { serviceRoles = {} } = user
+  const roleList = serviceRoles[appId] || []
+  return roleList.find(item => item.code === role)
+}
+
+function getI18nMessages (system) {
+  // 国际化设置
+  http.list({
+    entityId: 'FM_MESSAGE',
+    'scope.TYPE': 'page',
+    scopeParams: [
+      {
+        field: 'TYPE',
+        values: 'page'
+      },
+      {
+        lb: '(',
+        field: 'SCOPE',
+        values: 'frame',
+        link: 'or'
+      },
+      {
+        field: 'SYSTEM',
+        values: system,
+        rb: ')'
+      }
+    ]
+  })
+    .then(data => {
+      const messages = {}
+      data.entitys.forEach(item => {
+        messages[item.NAME.trim()] = item.CONTENT
+      })
+      global.i18n.setMessage(messages)
+    })
+}
+
+const loadLibrary = (params) => {
+  return new Promise(resolve => {
+    http.get({
+      action: 'listWebpackUrl',
+      entityId: 'FM_SYSTEM_WEBPACK',
+      ...params
+    })
+      .then(data => {
+        let fileLength = 0
+        let loadFile = 0
+        const jsFiles = []
+        data.entitys.forEach(item => {
+          item.path.forEach(file => {
+            fileLength++
+            if (/\.js$/.test(file)) {
+              // 加载池
+              jsFiles.push(file)
+            } else if (/\.css$/.test(file)) {
+              util.loadCss({
+                url: file,
+                callback () {
+                  loadFile++
+                  if (fileLength === loadFile) resolve()
+                }
+              })
+            } else {
+              loadFile++
+            }
+          })
+        })
+        if (jsFiles.length > 0) {
+          // 加载js
+          let loadIndex = 0
+          const cb = () => {
+            if (fileLength === ++loadFile) resolve()
+            loadIndex++
+            if (loadIndex < jsFiles.length) {
+              loadJs(jsFiles[loadIndex], cb)
+            }
+          }
+          loadJs(jsFiles[loadIndex], cb)
+        }
+        if (fileLength === loadFile) resolve()
+      })
+      .catch(err => {
+        console.error(err)
+        resolve()
+      })
+  })
+}
+
+const loadJs = (file, cb) => {
+  const script = document.createElement('script')
+  script.type = 'text/javascript'
+  script.src = file
+  script.onload = function (js) {
+    console.log('-----')
+    const componentLibrary = window.library
+    for (const key in componentLibrary) {
+      Vue.use(componentLibrary[key])
+      const components = componentLibrary[key] || {}
+      for (const key in components) {
+        if (!window.componentLibrary[key]) window.componentLibrary[key] = components[key]
+      }
+    }
+    cb && cb()
+  }
+  document.body.appendChild(script)
+}
+
+function visitService (serviceId) {
+  http.get({
+    action: 'visitService',
+    entityId: 'FM_USER_SERVICE_VISIT_RECORD',
+    serviceId
+  })
+}
+
+function closeLoading () {
+  const loadingElem = document.querySelector('#loading')
+  if (loadingElem) loadingElem.style.display = 'none'
+}
+
+export default [
+  {
+    path: '/login/:client/:system/:app?',
+    name: 'login',
+    component: Login,
+    meta: { nav: false },
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/local/login/:client/:system/:app?',
+    name: 'localLogin',
+    component: LocalLogin,
+    meta: { nav: false },
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/hall/login/:client',
+    name: 'hallLogin',
+    component: Login,
+    meta: { nav: false },
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/app/role/select/:client/:system?/:app?',
+    name: 'appRoleSelect',
+    component: AppRoleSelect
+  },
+  {
+    path: '/hall/role/select/:client/:app?',
+    name: 'hallRoleSelect',
+    component: AppRoleSelect
+  },
+  {
+    path: '/app/:client/:system/:app?/:role?',
+    name: 'app1',
+    component: App,
+    props: route => ({ query: route.query })
+  },
+  {
+    path: '/app/:id?/:roleId?',
+    name: 'app',
+    component: App,
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/system/:client/:system/:role?',
+    name: 'system',
+    component: App,
+    props: route => ({ query: route.query })
+  },
+  {
+    path: '/client/:client/:role?',
+    name: 'client',
+    component: App,
+    props: route => ({ query: route.query })
+  },
+  {
+    path: '/hall/:client/:role?',
+    name: 'hall',
+    component: App,
+    props: route => ({ query: route.query })
+  },
+
+  {
+    path: '/task/:client/:system/:taskId',
+    name: 'Task',
+    component: Task,
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/help/:client/:system/:app',
+    name: 'ServiceHelp',
+    component: ServiceHelp
+  },
+  {
+    path: '/module',
+    name: 'module',
+    component: Module,
+    props: (route) => ({ query: route.query })
+  },
+  {
+    path: '/page',
+    name: 'Page',
+    component: Page,
+    props: (route) => ({ query: route.query })
+  },
+
+  {
+    path: '/qywechat',
+    name: 'qywechat',
+    component: QyWechat
+  },
+  {
+    path: '/error',
+    name: 'error',
+    component: Error
+  },
+  {
+    path: '/:id?',
+    name: 'app',
+    component: App,
+    props: (route) => ({ query: route.query })
+  }
+]
+
+/**
+ * 路由守卫
+ */
+export const beforeEach = async (to, from, next) => {
+  // 访问其他应用刷新页面
+  if ((to.name === 'app' || to.name === 'appRoleSelect') && (from.name === 'app' || from.name === 'appRoleSelect')) {
+    if (to.params.id !== from.params.id || to.params.app !== from.params.app) {
+      window.location.reload()
+    }
+  }
+  if ((to.name === 'app1' || to.name === 'hall') && (from.name === 'app1' || from.name === 'hall')) {
+    if (to.params.app !== from.params.app) {
+      window.location.reload()
+    }
+  }
+  let { id, appId, client, system, app, roleId, role } = to.params
+  if (to.path === '/') {
+    client = 'frame'
+    system = 'epxing-frame-manage'
+    app = 'FM_SERVICE_PLATFORM'
+  }
+  let belongToClient = client
+  let belongToSystem = system
+  // 特殊应用
+  if (to.name === 'client' || to.name === 'system' || to.name === 'hall' || to.name === 'hallLogin') {
+    belongToSystem = 'epxing-frame'
+    app = to.name === 'client' ? 'FM_SERVICE_CLIENT' : to.name === 'system' ? 'FM_SERVICE_SYSTEM' : 'FM_SERVICE_HALL'
+  } else if (app === 'FM_SERVICE_SYSTEM') {
+    belongToSystem = 'epxing-frame'
+  } else if (/\/(recruit\/register)\/([\w-]+)\/([\w-]+)\/([\w-]+)/.test(window.location.hash)) {
+    belongToClient = RegExp.$2
+    belongToSystem = RegExp.$3
+    app = RegExp.$4
+  } else if (/\/(review\/register)\/([\w-]+)\/([\w-]+)/.test(window.location.hash)) {
+    belongToClient = RegExp.$2
+    belongToSystem = RegExp.$3
+  }
+  let { appConfig } = store.state.config || {}
+  if (to.name !== 'error') {
+    if (isEmpty(appConfig)) {
+      try {
+        appConfig = await store.dispatch({ type: GET_APP_CONFIG, client: belongToClient, system: belongToSystem, app, id: id || appId, routeClient: client }) || {}
+      } catch (err) {
+        console.error(err)
+        next('/error')
+      }
+      getI18nMessages(appConfig['SYSTEM|ID'] || appConfig.SYSTEM)
+    }
+    if (!window.componentLibrary) window.componentLibrary = {}
+    if (!window.isLoadLibrary) {
+      // 获取对应的程序包并加载
+      // let param = {
+      //   busiSystemId: appConfig.SYSTEM
+      // }
+      // if (to.name === 'system') {
+      const param = {
+        busiClientCode: client,
+        busiSystemCode: system
+      }
+      // }
+      await loadLibrary(param)
+      window.isLoadLibrary = true
+      console.log('----加载完成----')
+    }
+  }
+
+  const nextTo = { ...to }
+  if (to.path === '/' || to.name === 'app1' || to.name === 'client' || to.name === 'hall' || to.name === 'system') {
+    let { user } = store.state.user
+    if (appConfig.NAME) {
+      document.title = appConfig.NAME
+      if (!app) app = appConfig.CODE
+    }
+    // 判断用户是否登录
+    const isLogin = await isLoginFn()
+    if (isLogin) {
+      if (isEmpty(user)) {
+        user = await store.dispatch({ type: GET_USER })
+      }
+      visitService(appConfig.ID)
+      closeLoading()
+      console.log(user)
+      if (!roleId && (!role || !isHasRole(user, appConfig.ID, role))) {
+        const defaultRole = getDefaultRole(user, appConfig.ID)
+        if (defaultRole) {
+          return next({
+            name: to.path === '/' ? 'app1' : to.name,
+            params: { id: appId || '', client, system, app, role: defaultRole },
+            query: { ...to.query }
+          })
+        } else {
+          return next({
+            name: to.name === 'hall' ? 'hallRoleSelect' : 'appRoleSelect',
+            params: { system: system || '', client, app, appId },
+            query: { ...to.query }
+          })
+        }
+      }
+    }
+  } else if (to.name === 'app') {
+    const { user } = store.state.user
+    if (appConfig.NAME) {
+      document.title = appConfig.NAME
+      appId = appConfig.ID
+    }
+    if (isEmpty(user)) {
+      // 判断用户是否登录
+      const isLogin = await isLoginFn()
+      if (isLogin) {
+        // 没有角色
+        const user = await store.dispatch({ type: GET_USER })
+        visitService(appConfig.ID)
+        closeLoading()
+        if (!to.params.roleId && to.name !== 'appRoleSelect') {
+          const { serviceRoles = {} } = user
+          const roleList = serviceRoles[appId] || []
+          let defaultRole = null
+          if (roleList.length === 1) {
+            defaultRole = roleList[0].id
+          } else {
+            const defaultRoleMap = roleList.find(item => item.isDefault === true) || {}
+            defaultRole = defaultRoleMap.id
+          }
+          if (defaultRole) {
+            return next({
+              name: 'app',
+              params: { id: appId || '', roleId: defaultRole },
+              query: { ...to.query }
+            })
+          } else {
+            return next({
+              name: 'appRoleSelect',
+              params: { id: appId || '' },
+              query: { ...to.query }
+            })
+          }
+        }
+      }
+    }
+  }
+  closeLoading()
+  if (nextTo.query.token) {
+    const query = { ...nextTo.query }
+    delete query.token
+    delete query.code
+    next({ ...nextTo, query })
+  }
+  next()
+}

package/src/router/index.js

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import routes, { beforeEach } from './config'
+
+Vue.use(VueRouter)
+const originalPush = VueRouter.prototype.push
+const originalReplace = VueRouter.prototype.replace
+// push
+VueRouter.prototype.push = function push (location, onResolve, onReject) {
+  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
+  return originalPush.call(this, location).catch(err => err)
+}
+// replace
+VueRouter.prototype.replace = function push (location, onResolve, onReject) {
+  if (onResolve || onReject) return originalReplace.call(this, location, onResolve, onReject)
+  return originalReplace.call(this, location).catch(err => err)
+}
+const router = new VueRouter({
+  mode: 'hash',
+  base: process.env.BASE_URL,
+  routes
+})
+
+router.beforeEach(beforeEach)
+window.router = router
+export default router

package/src/store/actions.js

@@ -0,0 +1,46 @@
+export const ADD_LIST = 'ADD_LIST'
+export const ADD_OBJECT_COUNT = 'ADD_OBJECT_COUNT'
+export const ADD_OBJECT = 'ADD_OBJECT'
+export const ADD_META = 'ADD_META'
+export const ADD_PAGE = 'ADD_PAGE'
+export const DELETE_PAGE = 'DELETE_PAGE'
+// 获取用户信息
+export const GET_USER = 'GET_USER'
+export const DELETE_USER = 'DELETE_USER'
+export const GET_USER_INFO = 'GET_USER_INFO'
+
+// 获取系统配置
+export const GET_SYSTEM_CONFIG = 'GET_SYSTEM_CONFIG'
+export const GET_VIEWPORT = 'GET_VIEWPORT'
+export const GET_APP_CONFIG = 'GET_APP_CONFIG'
+
+// 获取模块菜单
+export const GET_MENU = 'GET_MENU'
+export const CLEAR_MENU = 'CLEAR_MENU'
+export const SWITCH_MENU_SHOW = 'SWITCH_MENU_SHOW'
+// 路由模块
+export const PUSH_ROUTER = 'PUSH_ROUTER'
+export const SET_ROUTER = 'SET_ROUTER'
+export const POP_ROUTER = 'POP_ROUTER'
+export const DELETE_ROUTER = 'DELETE_ROUTER'
+export const CLEAR_ROUTER = 'CLEAR_ROUTER'
+export const CLEAR_TABS_ROUTER = 'CLEAR_TABS_ROUTER'
+export const PICK_ROUTER = 'PICK_ROUTER'
+// export const DELETE_ROUTER = 'DELETE_ROUTER'
+export const PUSH_MODULE_ROUTER = 'PUSH_MODULE_ROUTER' // 添加一条路由
+export const POP_MODULE_ROUTER = 'POP_MODULE_ROUTER' // 删除一条路由
+export const DELETE_MODULE_ROUTER = 'DELETE_MODULE_ROUTER' // 清空所有路由
+export const PUSH_MENU_ROUTER = 'PUSH_MENU_ROUTER'
+export const POP_MENU_ROUTER = 'POP_MENU_ROUTER'
+export const DELETE_MENU_ROUTER = 'DELETE_MENU_ROUTER'
+export const SET_ROUTER_QUERY = 'SET_ROUTER_QUERY' // 设置当前路由参数
+export const SET_ROUTER_RELOAD = 'SET_ROUTER_RELOAD' // 设置当前路由是否重新刷新
+
+// 标签页
+
+export const CREATE_TAB = 'CREATE_TAB' // 创建标签页
+export const SELECT_TAB = 'SELECT_TAB' // 清空当前标签页
+export const DESTORY_TAB = 'DESTORY_TAB' // 销毁当前标签页
+export const GET_TAB = 'GET_TAB' // 获取当前标签页
+export const CLEAR_TABS = 'CLEAR_TABS' // 清空当前标签页
+export const SET_TAB_QUERY = 'SET_TAB_QUERY' // 设置标签页参数

package/src/store/export.js

@@ -0,0 +1,23 @@
+import list from './modules/list'
+import meta from './modules/meta'
+import page from './modules/page'
+import user from './modules/user'
+import config from './modules/config'
+import router from './modules/router'
+import tabs from './modules/tabs'
+import * as actions from './actions'
+
+const modules = {
+  list,
+  meta,
+  page,
+  user,
+  config,
+  router,
+  tabs
+}
+
+export {
+  modules,
+  actions
+}

package/src/store/index.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import modules from './modules'
+// 获取全部modules
+
+Vue.use(Vuex)
+export default new Vuex.Store({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+    ...modules
+  }
+})