feat: 路由跳转

罗广辉

2026-01-19 3d7fc92709228895e7f97c125e0ac2d63dc136d2

feat: 路由跳转

 applications/task-work-order/src/config/website.js

@@ -42,10 +42,8 @@
    menu: true,
  },
  fistPage: {
    name: '数据驾驶舱',
    path: '/dataCockpit/index',
    // path: '/tickets/ticket',

        name: '测试页',
        path: '/test',
  },
  //配置菜单的属性
  menu: {
@@ -67,8 +65,7 @@
    // 第三方系统授权地址
    authUrl: 'http://localhost/blade-auth/oauth/render',
    // 单点登录系统认证(cloud端口为8100,boot端口为80)
    ssoUrl:
      'http://localhost:8100/oauth/authorize?client_id=saber3&response_type=code&redirect_uri=',
        ssoUrl: 'http://localhost:8100/oauth/authorize?client_id=saber3&response_type=code&redirect_uri=',
    // 单点登录回调地址(Saber服务的登录界面地址)
    redirectUri: 'http://localhost:2888/login',
  },

 applications/task-work-order/src/permission copy 2.js

File was deleted

 applications/task-work-order/src/permission copy.js

File was deleted

 applications/task-work-order/src/permission.js

@@ -67,7 +67,6 @@
            query: firstMenu.query || {},
            meta: firstMenu.meta || {},
          })

          store.commit('ADD_TAG', {
            name: toMenu.name,
            path: toMenu.path,

 applications/task-work-order/src/router/page/index.js

@@ -4,8 +4,7 @@
  {
    path: '/login',
    name: '登录页',
    component: () =>
      Store.getters.isMacOs ? import('@/mac/login.vue') : import('@/page/login/index.vue'),
        component: () => (Store.getters.isMacOs ? import('@/mac/login.vue') : import('@/page/login/index.vue')),
    meta: {
      keepAlive: true,
      isTab: false,
@@ -15,8 +14,7 @@
  {
    path: '/oauth/redirect/:source',
    name: '第三方登录',
    component: () =>
      Store.getters.isMacOs ? import('@/mac/login.vue') : import('@/page/login/index.vue'),
        component: () => (Store.getters.isMacOs ? import('@/mac/login.vue') : import('@/page/login/index.vue')),
    meta: {
      keepAlive: true,
      isTab: false,
@@ -26,8 +24,7 @@
  {
    path: '/lock',
    name: '锁屏页',
    component: () =>
      Store.getters.isMacOs ? import('@/mac/lock.vue') : import('@/page/lock/index.vue'),
        component: () => (Store.getters.isMacOs ? import('@/mac/lock.vue') : import('@/page/lock/index.vue')),
    meta: {
      keepAlive: true,
      isTab: false,
@@ -64,14 +61,4 @@
      isAuth: false,
    },
  },
  {
    path: '/',
    name: '主页',
    redirect: '/wel',
  },
  // {
  //    path: '/',
  //    name: '主页',
  //    redirect: '/tickets/ticket',
  //    },
]

 applications/task-work-order/src/router/views/index.js

@@ -18,24 +18,6 @@
      }
    ],
  },
  // 事件工单
  // {
  //    path: '/tickets',
  //   component: () =>
  //    Store.getters.isMacOs ? import('@/mac/index.vue') : import('@/page/index/index.vue'),
  //    redirect: '/tickets/ticket',
  //    children: [
  //    {
  //    path: 'ticket',
  //  name: '事件工单',
  //    meta: {
  //    i18n: 'dashboard',
  //   },
  //   component: () => import(/* webpackChunkName: "views" */ '@/views/tickets/ticket.vue'),
  //    },
  //   ],
  //    },

  {
    path: '/test',
    component: Layout,

 applications/task-work-order/src/store/modules/user.js

@@ -1,13 +1,7 @@
import {
  setToken,
  setRefreshToken,
  removeToken,
  removeRefreshToken,
  getRefreshToken,
} from '@/utils/auth';
import { setStore, getStore } from '@/utils/store';
import { validatenull } from '@/utils/validate';
import { deepClone } from '@/utils/util';
import { setToken, setRefreshToken, removeToken, removeRefreshToken, getRefreshToken } from '@/utils/auth'
import { setStore, getStore } from '@/utils/store'
import { validatenull } from '@/utils/validate'
import { deepClone } from '@/utils/util'
import defaultAva from '@/assets/images/defaultava.png'
import {
  loginByUsername,
@@ -19,14 +13,13 @@
  refreshToken,
  getButtons,
  registerUser,
  getParentDeptInfo
} from '@/api/user';
import { getRoutes, getTopMenu } from '@/api/system/menu';
import { formatPath } from '@/router/avue-router';
import { ElMessage } from 'element-plus';
import { encrypt } from '@/utils/sm2';
import md5 from 'js-md5';

    getParentDeptInfo,
} from '@/api/user'
import { getRoutes, getTopMenu } from '@/api/system/menu'
import { formatPath } from '@/router/avue-router'
import { ElMessage } from 'element-plus'
import { encrypt } from '@/utils/sm2'
import md5 from 'js-md5'

const user = {
  state: {
@@ -40,7 +33,6 @@
    token: getStore({ name: 'token' }) || '',
    refreshToken: getStore({ name: 'refreshToken' }) || '',
    parentDeptInfo: getStore({ name: 'parentDeptInfo' }) || '',

  },
  actions: {
    //根据用户名登录
@@ -57,110 +49,105 @@
          userInfo.code
        )
          .then(res => {
            const data = res.data;
                        const data = res.data
            if (data.error_description) {
              ElMessage({
                message: data.error_description,
                type: 'error',
              });
                            })
            } else {
              commit('SET_TOKEN', data.access_token);
              commit('SET_REFRESH_TOKEN', data.refresh_token);
              commit('SET_TENANT_ID', data.tenant_id);
              commit('SET_USER_INFO', data);
              commit('SET_PARENT_DEPT_INFO', data.dept_id);
              commit('DEL_ALL_TAG');
              commit('CLEAR_LOCK');
                            commit('SET_TOKEN', data.access_token)
                            commit('SET_REFRESH_TOKEN', data.refresh_token)
                            commit('SET_TENANT_ID', data.tenant_id)
                            commit('SET_USER_INFO', data)
                            commit('SET_PARENT_DEPT_INFO', data.dept_id)
                            commit('DEL_ALL_TAG')
                            commit('CLEAR_LOCK')
            }
            resolve();
                        resolve()
          })
          .catch(err => {
            reject(err);
          });
      });
                        reject(err)
                    })
            })
    },
    //根据第三方信息登录
    LoginBySocial({ commit }, userInfo) {
      return new Promise((resolve, reject) => {
        loginBySocial(userInfo.tenantId, userInfo.source, userInfo.code, userInfo.state)
          .then(res => {
            const data = res.data;
                        const data = res.data
            if (data.error_description) {
              ElMessage({
                message: data.error_description,
                type: 'error',
              });
                            })
            } else {
              commit('SET_TOKEN', data.access_token);
              commit('SET_REFRESH_TOKEN', data.refresh_token);
              commit('SET_USER_INFO', data);
              commit('SET_TENANT_ID', data.tenant_id);
              commit('DEL_ALL_TAG');
              commit('CLEAR_LOCK');
                            commit('SET_TOKEN', data.access_token)
                            commit('SET_REFRESH_TOKEN', data.refresh_token)
                            commit('SET_USER_INFO', data)
                            commit('SET_TENANT_ID', data.tenant_id)
                            commit('DEL_ALL_TAG')
                            commit('CLEAR_LOCK')
            }
            resolve();
                        resolve()
          })
          .catch(err => {
            reject(err);
          });
      });
                        reject(err)
                    })
            })
    },
    //根据单点信息登录
    LoginBySso({ commit }, userInfo) {
      return new Promise((resolve, reject) => {
        loginBySso(userInfo.state, userInfo.code)
          .then(res => {
            const data = res.data;
                        const data = res.data
            if (data.error_description) {
              ElMessage({
                message: data.error_description,
                type: 'error',
              });
                            })
            } else {
              commit('SET_TOKEN', data.access_token);
              commit('SET_REFRESH_TOKEN', data.refresh_token);
              commit('SET_USER_INFO', data);
              commit('SET_TENANT_ID', data.tenant_id);
              commit('DEL_ALL_TAG');
              commit('CLEAR_LOCK');
                            commit('SET_TOKEN', data.access_token)
                            commit('SET_REFRESH_TOKEN', data.refresh_token)
                            commit('SET_USER_INFO', data)
                            commit('SET_TENANT_ID', data.tenant_id)
                            commit('DEL_ALL_TAG')
                            commit('CLEAR_LOCK')
            }
            resolve();
                        resolve()
          })
          .catch(err => {
            reject(err);
          });
      });
                        reject(err)
                    })
            })
    },
    //根据手机信息登录
    LoginByPhone({ commit }, userInfo) {
      return new Promise((resolve, reject) => {
        loginByPhone(
          userInfo.tenantId,
          encrypt(userInfo.phone),
          userInfo.codeId,
          userInfo.codeValue
        )
                loginByPhone(userInfo.tenantId, encrypt(userInfo.phone), userInfo.codeId, userInfo.codeValue)
          .then(res => {
            const data = res.data;
                        const data = res.data
            if (data.error_description) {
              ElMessage({
                message: data.error_description,
                type: 'error',
              });
                            })
            } else {
              commit('SET_TOKEN', data.access_token);
              commit('SET_REFRESH_TOKEN', data.refresh_token);
              commit('SET_USER_INFO', data);
              commit('SET_TENANT_ID', data.tenant_id);
              commit('DEL_ALL_TAG');
              commit('CLEAR_LOCK');
                            commit('SET_TOKEN', data.access_token)
                            commit('SET_REFRESH_TOKEN', data.refresh_token)
                            commit('SET_USER_INFO', data)
                            commit('SET_TENANT_ID', data.tenant_id)
                            commit('DEL_ALL_TAG')
                            commit('CLEAR_LOCK')
            }
            resolve();
                        resolve()
          })
          .catch(err => {
            reject(err);
          });
      });
                        reject(err)
                    })
            })
    },
    //用户注册
    RegisterUser({ commit }, userInfo = {}) {
@@ -173,37 +160,37 @@
          userInfo.phone,
          userInfo.email
        ).then(res => {
          const data = res.data;
                    const data = res.data
          if (data.error_description) {
            ElMessage({
              message: data.error_description,
              type: 'error',
            });
            reject(data.error_description);
                        })
                        reject(data.error_description)
          } else {
            commit('SET_TOKEN', data.access_token);
            commit('SET_REFRESH_TOKEN', data.refresh_token);
            commit('SET_USER_INFO', data);
            commit('SET_TENANT_ID', data.tenant_id);
            commit('DEL_ALL_TAG');
            commit('CLEAR_LOCK');
                        commit('SET_TOKEN', data.access_token)
                        commit('SET_REFRESH_TOKEN', data.refresh_token)
                        commit('SET_USER_INFO', data)
                        commit('SET_TENANT_ID', data.tenant_id)
                        commit('DEL_ALL_TAG')
                        commit('CLEAR_LOCK')
          }
          resolve();
        });
      });
                    resolve()
                })
            })
    },
    GetUserInfo({ commit }) {
      return new Promise((resolve, reject) => {
        getUserInfo()
          .then(res => {
            const data = res.data.data;
            commit('SET_ROLES', data.roles);
            resolve(data);
                        const data = res.data.data
                        commit('SET_ROLES', data.roles)
                        resolve(data)
          })
          .catch(err => {
            reject(err);
          });
      });
                        reject(err)
                    })
            })
    },
    //刷新token
    RefreshToken({ state, commit }, userInfo) {
@@ -215,59 +202,59 @@
          !validatenull(userInfo) ? userInfo.roleId : state.userInfo.role_id
        )
          .then(res => {
            const data = res.data;
            commit('SET_TOKEN', data.access_token);
            commit('SET_REFRESH_TOKEN', data.refresh_token);
            commit('SET_USER_INFO', data);
            resolve();
                        const data = res.data
                        commit('SET_TOKEN', data.access_token)
                        commit('SET_REFRESH_TOKEN', data.refresh_token)
                        commit('SET_USER_INFO', data)
                        resolve()
          })
          .catch(error => {
            reject(error);
          });
      });
                        reject(error)
                    })
            })
    },
    // 登出
    LogOut({ commit }) {
      return new Promise((resolve, reject) => {
        logout()
          .then(() => {
            commit('SET_TOKEN', '');
            commit('SET_MENU_ALL_NULL', []);
            commit('SET_MENU', []);
            commit('SET_ROLES', []);
            commit('DEL_ALL_TAG', []);
            commit('CLEAR_LOCK');
            removeToken();
            removeRefreshToken();
            resolve();
                        commit('SET_TOKEN', '')
                        commit('SET_MENU_ALL_NULL', [])
                        commit('SET_MENU', [])
                        commit('SET_ROLES', [])
                        commit('DEL_ALL_TAG', [])
                        commit('CLEAR_LOCK')
                        removeToken()
                        removeRefreshToken()
                        resolve()
          })
          .catch(error => {
            reject(error);
          });
      });
                        reject(error)
                    })
            })
    },
    //注销session
    FedLogOut({ commit }) {
      return new Promise(resolve => {
        commit('SET_TOKEN', '');
        commit('SET_MENU_ALL_NULL', []);
        commit('SET_MENU', []);
        commit('SET_ROLES', []);
        commit('DEL_ALL_TAG', []);
        commit('CLEAR_LOCK');
        removeToken();
        removeRefreshToken();
        removeToken();
        resolve();
      });
                commit('SET_TOKEN', '')
                commit('SET_MENU_ALL_NULL', [])
                commit('SET_MENU', [])
                commit('SET_ROLES', [])
                commit('DEL_ALL_TAG', [])
                commit('CLEAR_LOCK')
                removeToken()
                removeRefreshToken()
                removeToken()
                resolve()
            })
    },
    GetTopMenu() {
      return new Promise(resolve => {
        getTopMenu().then(res => {
          const data = res.data.data || [];
          resolve(data);
        });
      });
                    const data = res.data.data || []
                    resolve(data)
                })
            })
    },
    GetMenu({ commit, dispatch }, tenantId) {
      const errLogOut = () => {
@@ -275,122 +262,124 @@
          const env = import.meta.env.VITE_APP_ENV
          const adminUrl = import.meta.env.VITE_APP_DASHBOARD_URL
          env === 'development'
            ? window.location.href = "/manage/login"
                        ? (window.location.href = '/task-work-order/login')
            : window.location.replace(`${adminUrl}#/login`)
        })
      }
      return new Promise(resolve => {
        getRoutes({tenantId,sysType: 6}).then(res => {
          const data = res.data.data;
          let menu = deepClone(data);
                getRoutes({ tenantId, sysType: 6 })
                    .then(res => {
                        const data = res.data.data
                        let menu = deepClone(data)
          if (!res.data?.data?.length){
            errLogOut()
            return
          }
          menu.forEach(ele => formatPath(ele, true));
          commit('SET_MENU', menu);
          commit('SET_MENU_ALL', menu);
          dispatch('GetButtons');
          resolve(menu);
        }).catch(err =>{
                        menu.forEach(ele => formatPath(ele, true))
                        commit('SET_MENU', menu)
                        commit('SET_MENU_ALL', menu)
                        dispatch('GetButtons')
                        resolve(menu)
                    })
                    .catch(err => {
          errLogOut()
        })
      });
            })
    },
    GetButtons({ commit }) {
      return new Promise(resolve => {
        getButtons({sysType: 6}).then(res => {
          const data = res.data.data;
          commit('SET_PERMISSION', data);
          resolve();
        });
      });
                    const data = res.data.data
                    commit('SET_PERMISSION', data)
                    resolve()
                })
            })
    },
  },
  mutations: {
    SET_PARENT_DEPT_INFO(state, deptId){
      getParentDeptInfo({deptId:deptId}).then(res=>{
        const data = res.data.data;
        state.parentDeptInfo = data;
        setStore({ name: 'parentDeptInfo', content: data });
                const data = res.data.data
                state.parentDeptInfo = data
                setStore({ name: 'parentDeptInfo', content: data })
      })
    },
    SET_TOKEN: (state, token) => {
      setToken(token);
      state.token = token;
      setStore({ name: 'token', content: state.token });
            setToken(token)
            state.token = token
            setStore({ name: 'token', content: state.token })
    },
    SET_REFRESH_TOKEN: (state, refreshToken) => {
      setRefreshToken(refreshToken);
      state.refreshToken = refreshToken;
      setStore({ name: 'refreshToken', content: state.refreshToken });
            setRefreshToken(refreshToken)
            state.refreshToken = refreshToken
            setStore({ name: 'refreshToken', content: state.refreshToken })
    },
    SET_MENU_ID(state, menuId) {
      state.menuId = menuId;
            state.menuId = menuId
    },
    SET_TENANT_ID: (state, tenantId) => {
      state.tenantId = tenantId;
      setStore({ name: 'tenantId', content: state.tenantId });
            state.tenantId = tenantId
            setStore({ name: 'tenantId', content: state.tenantId })
    },
    SET_USER_INFO: (state, userInfo) => {
      if (validatenull(userInfo.user_id) && validatenull(userInfo.account)) {
        state.userInfo = { user_name: 'unauth', role_name: 'unauth' };
                state.userInfo = { user_name: 'unauth', role_name: 'unauth' }
      } else {
        if (validatenull(userInfo.avatar)) {
          userInfo.avatar = defaultAva;
                    userInfo.avatar = defaultAva
        }
        state.userInfo = userInfo;
                state.userInfo = userInfo
      }
      setStore({ name: 'userInfo', content: state.userInfo });
            setStore({ name: 'userInfo', content: state.userInfo })
    },
    SET_MENU_ALL: (state, menuAll) => {
      let menu = state.menuAll;
            let menu = state.menuAll
      menuAll.forEach(ele => {
        let index = menu.findIndex(item => item.path === ele.path);
                let index = menu.findIndex(item => item.path === ele.path)
        if (index === -1) {
          menu.push(ele);
                    menu.push(ele)
        } else {
          menu[index] = ele;
                    menu[index] = ele
        }
      });
      state.menuAll = menu;
      setStore({ name: 'menuAll', content: state.menuAll });
            })
            state.menuAll = menu
            setStore({ name: 'menuAll', content: state.menuAll })
    },
    SET_MENU_ALL_NULL: state => {
      state.menuAll = [];
      setStore({ name: 'menuAll', content: state.menuAll });
            state.menuAll = []
            setStore({ name: 'menuAll', content: state.menuAll })
    },
    SET_MENU: (state, menu) => {
      state.menu = menu;
      setStore({ name: 'menu', content: state.menu });
            state.menu = menu
            setStore({ name: 'menu', content: state.menu })
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles;
            state.roles = roles
    },
    SET_PERMISSION: (state, permission) => {
      let result = [];
            let result = []

      function getCode(list) {
        list.forEach(ele => {
          if (typeof ele === 'object') {
            const children = ele.children;
            const code = ele.code;
                        const children = ele.children
                        const code = ele.code
            if (children) {
              getCode(children);
                            getCode(children)
            } else {
              result.push(code);
                            result.push(code)
            }
          }
        });
                })
      }

      getCode(permission);
      state.permission = {};
            getCode(permission)
            state.permission = {}
      result.forEach(ele => {
        state.permission[ele] = true;
      });
      setStore({ name: 'permission', content: state.permission, type: 'session' });
                state.permission[ele] = true
            })
            setStore({ name: 'permission', content: state.permission, type: 'session' })
    },
  },
};
export default user;
}
export default user

 applications/task-work-order/src/views/wel/index.vue

@@ -1,6 +1,6 @@
<template>
    <div>

     测试
    </div>
</template>