选煤厂生产管理平台前端代码
houzhongjian
2024-12-05 262d97554a8f04a41014a7edfbc63decaaa0edfa
优化与平台的菜单对接,需要更新平台最新代码
已修改9个文件
93 ■■■■■ 文件已修改
.env 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env.dev 7 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env.test 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/login/index.ts 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/config/axios/config.ts 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/hooks/web/useCache.ts 16 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/store/modules/permission.ts 9 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/store/modules/user.ts 29 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
types/env.d.ts 5 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env
@@ -11,13 +11,10 @@
VITE_BASE_URL='http://localhost:8089'
# 平台路径
VITE_PLAT_URL='http://172.16.8.100:48080'
VITE_PLAT_URL='http://localhost:48080'
# 接口地址
VITE_API_URL=/admin-api
# 平台接口地址
VITE_PLAT_API_URL=/admin-api
# 租户开关
VITE_APP_TENANT_ENABLE=true
@@ -25,15 +22,12 @@
# 文档地址的开关
VITE_APP_DOCALERT_ENABLE=true
# 默认账户密码
VITE_APP_DEFAULT_LOGIN_TENANT = iailab
VITE_APP_DEFAULT_LOGIN_USERNAME = admin
VITE_APP_DEFAULT_LOGIN_PASSWORD = admin123
VITE_TENANT_ID=173
VITE_APP_CODE=xmcpms
## 平台授权URL
VITE_AUTH2_LOGIN_URL='http://172.16.8.100:48080/admin-api/system/oauth2/token'
VITE_AUTH2_LOGIN_URL='http://localhost:48080/admin-api/system/oauth2/token'
# 平台授权AUTH2 clientId
VITE_AUTH2_CLIENT_ID='xmcpms'
.env.dev
@@ -4,7 +4,10 @@
VITE_DEV=true
# 请求路径
VITE_BASE_URL='http://localhost:8089'
VITE_BASE_URL='http://localhost:48080'
# 平台路径
VITE_PLAT_URL='http://localhost:48080'
# 接口地址
VITE_API_URL=/admin-api
@@ -19,7 +22,7 @@
VITE_SOURCEMAP=true
# 打包路径
VITE_BASE_PATH=/xmcpms
VITE_BASE_PATH=/pms
# 输出路径
VITE_OUT_DIR=dist
.env.test
@@ -4,10 +4,10 @@
VITE_DEV=true
# 请求路径
VITE_BASE_URL='http://172.16.8.100:8089'
VITE_BASE_URL='http://172.16.8.100'
# 平台路径
VITE_PLAT_URL='http://172.16.8.100:48080'
VITE_PLAT_URL='http://172.16.8.100'
# 接口地址
VITE_API_URL=/admin-api
@@ -22,7 +22,7 @@
VITE_SOURCEMAP=true
# 打包路径
VITE_BASE_PATH=/xmcpms
VITE_BASE_PATH=/pms
# 输出路径
VITE_OUT_DIR=dist
src/api/login/index.ts
@@ -41,6 +41,11 @@
  return request.get({ url: plat_url + '/system/auth/get-permission-info' })
}
// 获取应用菜单信息
export const getAppInfo = () => {
  return request.get({ url: plat_url + '/system/auth/get-app-permission-info' })
}
// 获取验证图片以及 token
export const getCode = (data) => {
  return request.postOriginal({ url: plat_url + '/system/captcha/get', data })
src/config/axios/config.ts
@@ -12,7 +12,7 @@
  /**
   * 平台请求基础路径
   */
  plat_url: import.meta.env.VITE_PLAT_URL + import.meta.env.VITE_PLAT_API_URL,
  plat_url: import.meta.env.VITE_PLAT_URL + import.meta.env.VITE_API_URL,
  /**
   * 接口成功返回状态码
   */
src/hooks/web/useCache.ts
@@ -37,3 +37,19 @@
  wsCache.delete(CACHE_KEY.ROLE_ROUTERS)
  // 注意,不要清理 LoginForm 登录表单
}
export const useSessionCache = (type: CacheType = 'sessionStorage') => {
  const wsSessionCache: WebStorageCache = new WebStorageCache({
    storage: type
  })
  return {
    wsSessionCache
  }
}
export const deleteUserSessionCache = () => {
  const { wsSessionCache } = useSessionCache()
  wsSessionCache.delete(CACHE_KEY.ROLE_ROUTERS)
  // 注意,不要清理 用户和 LoginForm 登录表单
}
src/store/modules/permission.ts
@@ -3,10 +3,10 @@
import { cloneDeep } from 'lodash-es'
import remainingRouter from '@/router/modules/remaining'
import { flatMultiLevelRoutes, generateRoute } from '@/utils/routerHelper'
import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
import {CACHE_KEY, useSessionCache} from '@/hooks/web/useCache'
import Layout from "@/layout/Layout.vue";
const { wsCache } = useCache()
const { wsSessionCache } = useSessionCache()
export interface PermissionState {
  routers: AppRouteRecordRaw[]
@@ -36,8 +36,8 @@
      return new Promise<void>(async (resolve) => {
        // 获得菜单列表,它在登录的时候,setUserInfoAction 方法中已经进行获取
        let res: AppCustomRouteRecordRaw[] = []
        if (wsCache.get(CACHE_KEY.ROLE_ROUTERS)) {
          res = wsCache.get(CACHE_KEY.ROLE_ROUTERS) as AppCustomRouteRecordRaw[]
        if (wsSessionCache.get(CACHE_KEY.ROLE_ROUTERS)) {
          res = wsSessionCache.get(CACHE_KEY.ROLE_ROUTERS) as AppCustomRouteRecordRaw[]
        }
        const routerMap: AppRouteRecordRaw[] = generateRoute(res)
        // 动态路由,404一定要放到最后面
@@ -53,7 +53,6 @@
            }
          }
        ])
        console.log(this.addRouters)
        // 渲染菜单的所有路由
        this.routers = cloneDeep(remainingRouter).concat(routerMap)
        resolve()
src/store/modules/user.ts
@@ -1,10 +1,18 @@
import { store } from '@/store'
import { defineStore } from 'pinia'
import { getAccessToken, removeToken } from '@/utils/auth'
import { CACHE_KEY, useCache, deleteUserCache } from '@/hooks/web/useCache'
import { getInfo, loginOut } from '@/api/login'
import {
  CACHE_KEY,
  useCache,
  deleteUserCache,
  useSessionCache,
  deleteUserSessionCache
} from '@/hooks/web/useCache'
import {getAppInfo, getInfo, loginOut} from '@/api/login'
import * as AppApi from '@/api/system/app'
const { wsCache } = useCache()
const { wsSessionCache } = useSessionCache()
interface UserVO {
  id: number
@@ -53,16 +61,21 @@
        this.resetState()
        return null
      }
      let userInfo = wsCache.get(CACHE_KEY.USER)
      if (!userInfo) {
        userInfo = await getInfo()
      }
      const userInfo = await getInfo()
      const appInfo = await getAppInfo()
      this.permissions = userInfo.permissions
      this.roles = userInfo.roles
      this.user = userInfo.user
      this.isSetUser = true
      wsCache.set(CACHE_KEY.USER, userInfo)
      wsCache.set(CACHE_KEY.ROLE_ROUTERS, userInfo.menus)
      //如果localStorage中有应用code,说明是从平台点击应用跳转过来
      const appId = localStorage.getItem(import.meta.env.VITE_APP_CODE)
      if(appId) {
        const data = await AppApi.getAppMenuList(appId)
        wsSessionCache.set(CACHE_KEY.ROLE_ROUTERS, data)
      } else {
        wsSessionCache.set(CACHE_KEY.ROLE_ROUTERS, appInfo.menus)
      }
    },
    async setUserAvatarAction(avatar: string) {
      const userInfo = wsCache.get(CACHE_KEY.USER)
@@ -82,6 +95,8 @@
      await loginOut()
      removeToken()
      deleteUserCache() // 删除用户缓存
      deleteUserSessionCache()
      localStorage.clear()
      this.resetState()
    },
    resetState() {
types/env.d.ts
@@ -14,9 +14,6 @@
  readonly VITE_DEV: string
  readonly VITE_APP_CAPTCHA_ENABLE: string
  readonly VITE_APP_TENANT_ENABLE: string
  readonly VITE_APP_DEFAULT_LOGIN_TENANT: string
  readonly VITE_APP_DEFAULT_LOGIN_USERNAME: string
  readonly VITE_APP_DEFAULT_LOGIN_PASSWORD: string
  readonly VITE_APP_DOCALERT_ENABLE: string
  readonly VITE_BASE_URL: string
  readonly VITE_PLAT_URL: string
@@ -25,13 +22,13 @@
  readonly VITE_AUTH2_CLIENT_SECRET: string
  readonly VITE_UPLOAD_URL: string
  readonly VITE_API_URL: string
  readonly VITE_PLAT_API_URL: string
  readonly VITE_BASE_PATH: string
  readonly VITE_DROP_DEBUGGER: string
  readonly VITE_DROP_CONSOLE: string
  readonly VITE_SOURCEMAP: string
  readonly VITE_OUT_DIR: string
  readonly VITE_TENANT_ID: string
  readonly VITE_APP_CODE: string
}
declare global {