组织机构可配置区域、类型、层级

支持cas登录

src/api/system/department/model/index.ts

@@ -46,6 +46,7 @@ export interface DepartmentModel {
   enabledMark: number; //排序码
   departmentLabel?: any; //部门标签
   departmentType?: number; //组织类型
+    areaId?: string;//区域
 }
 
 /**

src/api/system/login/index.ts

@@ -10,6 +10,7 @@ import {
 } from './model';
 
 enum Api {
+    TokenByCas='/',
   Login = '/system/login',
   Logout = '/system/logout',
   GetUserInfo = '/organization/user/current/info',
@@ -47,10 +48,10 @@ export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal')
     },
   );
 }
-export function singleLoginApi(params, mode) {
+export function getTokenByCas(params, mode) {
-  return defHttp.post(
+  return defHttp.get(
     {
-      url: Api.Login + '/' + params.ltpasToken,
+      url: Api.TokenByCas + '?ticket=' + params.ticket,
       params:{},
     },
     {
@@ -58,6 +59,17 @@ export function singleLoginApi(params, mode) {
     },
   );
 }
+export function singleLoginApi(params, mode) {
+    return defHttp.post(
+        {
+            url: Api.Login + '/' + params.ltpasToken,
+            params:{},
+        },
+        {
+            errorMessageMode: mode,
+        },
+    );
+}
 
 /**
  * @description: getUserInfo

src/router/index.ts

@@ -1,7 +1,7 @@
 import type { RouteRecordRaw } from 'vue-router';
 import type { App } from 'vue';
 
-import { createRouter, createWebHashHistory } from 'vue-router';
+import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router';
 import { basicRoutes } from './routes';
 
 // 白名单应该包含基本静态路由
@@ -17,7 +17,8 @@ getRouteNames(basicRoutes);
 // 创建一个可以被 Vue 应用程序使用的路由实例
 export const router = createRouter({
   // 创建一个 hash 历史记录。
-  history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH),
+    history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH),
+    //history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH),
   // 应该添加到路由的初始路由列表。
   routes: basicRoutes as unknown as RouteRecordRaw[],
   // 是否应该禁止尾部斜杠。默认为假

src/router/routes/index.ts

@@ -43,10 +43,21 @@ export const LoginRoute: AppRouteRecordRaw = {
     }
 };
 
+export const TokenLoginRoute: AppRouteRecordRaw = {
+    path: '/tokenLogin',
+    name: 'tokenLogin',
+    component: () => import('/@/views/secondDev/TokenLogin.vue'),
+    meta: {
+        title: t('Token登录'),
+        ignoreAuth: true//跳过登录检查
+    }
+};
+
 // Basic routing without permissions
 // 未经许可的基本路由
 export const basicRoutes = [
     LoginRoute,
+    TokenLoginRoute,
     RootRoute,
     ...mainOutRoutes,
     REDIRECT_ROUTE,

src/store/modules/user.ts

@@ -1,250 +1,269 @@
-import type { UserInfo } from '/#/store';
+import type { UserInfo } from '/#/store';
-import type { ErrorMessageMode } from '/#/axios';
+import type { ErrorMessageMode } from '/#/axios';
-import { defineStore } from 'pinia';
+import { defineStore } from 'pinia';
-import { store } from '/@/store';
+import { store } from '/@/store';
-import { PageEnum } from '/@/enums/pageEnum';
+import { PageEnum } from '/@/enums/pageEnum';
-import { ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum';
+import { ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum';
-import { getAuthCache, setAuthCache } from '/@/utils/auth';
+import { getAuthCache, setAuthCache } from '/@/utils/auth';
-import { GetUserInfoModel, LoginParams, RoleInfo } from '/@/api/system/login/model';
+import { GetUserInfoModel, LoginParams, RoleInfo } from '/@/api/system/login/model';
-import { doLogout, getUserInfo, loginApi, singleLoginApi } from '/@/api/system/login';
+import {doLogout, getTokenByCas, getUserInfo, loginApi, singleLoginApi} from '/@/api/system/login';
-import { useI18n } from '/@/hooks/web/useI18n';
+import { useI18n } from '/@/hooks/web/useI18n';
-import { useMessage } from '/@/hooks/web/useMessage';
+import { useMessage } from '/@/hooks/web/useMessage';
-import { router } from '/@/router';
+import { router } from '/@/router';
-import { usePermissionStore } from '/@/store/modules/permission';
+import { usePermissionStore } from '/@/store/modules/permission';
-import { RouteRecordRaw } from 'vue-router';
+import { RouteRecordRaw } from 'vue-router';
-import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
+import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
-import { h } from 'vue';
+import { h } from 'vue';
-import { getAppEnvConfig } from '/@/utils/env';
+import { getAppEnvConfig } from '/@/utils/env';
-interface UserState {
+interface UserState {
-  userInfo: Nullable<UserInfo>;
+  userInfo: Nullable<UserInfo>;
-  token?: string;
+  token?: string;
-  roleList: RoleInfo[];
+  roleList: RoleInfo[];
-  sessionTimeout?: boolean;
+  sessionTimeout?: boolean;
-  lastUpdateTime: number;
+  lastUpdateTime: number;
-}
+}
-
+
-export const useUserStore = defineStore({
+export const useUserStore = defineStore({
-  id: 'app-user',
+  id: 'app-user',
-  state: (): UserState => ({
+  state: (): UserState => ({
-    // user info
+    // user info
-    userInfo: null,
+    userInfo: null,
-    // token
+    // token
-    token: undefined,
+    token: undefined,
-    // roleList
+    // roleList
-    roleList: [],
+    roleList: [],
-    // Whether the login expired
+    // Whether the login expired
-    sessionTimeout: false,
+    sessionTimeout: false,
-    // Last fetch time
+    // Last fetch time
-    lastUpdateTime: 0,
+    lastUpdateTime: 0,
-  }),
+  }),
-  getters: {
+  getters: {
-    getUserInfo(): UserInfo {
+    getUserInfo(): UserInfo {
-      return this.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {};
+      return this.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {};
-    },
+    },
-    getToken(): string {
+    getToken(): string {
-      return this.token || getAuthCache<string>(TOKEN_KEY);
+      return this.token || getAuthCache<string>(TOKEN_KEY);
-    },
+    },
-    getRoleList(): RoleInfo[] {
+    getRoleList(): RoleInfo[] {
-      return this.roleList && this.roleList.length > 0
+      return this.roleList && this.roleList.length > 0
-        ? this.roleList
+        ? this.roleList
-        : getAuthCache<RoleInfo[]>(ROLES_KEY);
+        : getAuthCache<RoleInfo[]>(ROLES_KEY);
-    },
+    },
-    getSessionTimeout(): boolean {
+    getSessionTimeout(): boolean {
-      return !!this.sessionTimeout;
+      return !!this.sessionTimeout;
-    },
+    },
-    getLastUpdateTime(): number {
+    getLastUpdateTime(): number {
-      return this.lastUpdateTime;
+      return this.lastUpdateTime;
-    },
+    },
-  },
+  },
-  actions: {
+  actions: {
-    setToken(info: string | undefined) {
+    setToken(info: string | undefined) {
-      this.token = info ? info : ''; // for null or undefined value
+      this.token = info ? info : ''; // for null or undefined value
-      setAuthCache(TOKEN_KEY, info);
+      setAuthCache(TOKEN_KEY, info);
-    },
+    },
-    setRoleList(roleList: RoleInfo[]) {
+    setRoleList(roleList: RoleInfo[]) {
-      this.roleList = roleList;
+      this.roleList = roleList;
-      setAuthCache(ROLES_KEY, roleList);
+      setAuthCache(ROLES_KEY, roleList);
-    },
+    },
-    setUserInfo(info: UserInfo | null) {
+    setUserInfo(info: UserInfo | null) {
-      this.userInfo = info;
+      this.userInfo = info;
-      this.lastUpdateTime = new Date().getTime();
+      this.lastUpdateTime = new Date().getTime();
-      setAuthCache(USER_INFO_KEY, info);
+      setAuthCache(USER_INFO_KEY, info);
-    },
+    },
-    setSessionTimeout(flag: boolean) {
+    setSessionTimeout(flag: boolean) {
-      this.sessionTimeout = flag;
+      this.sessionTimeout = flag;
-    },
+    },
-    resetState() {
+    resetState() {
-      this.userInfo = null;
+      this.userInfo = null;
-      this.token = '';
+      this.token = '';
-      this.roleList = [];
+      this.roleList = [];
-      this.sessionTimeout = false;
+      this.sessionTimeout = false;
-    },
+    },
-    /**
+    /**
-     * @description: OAUTH  Login
+     * @description: OAUTH  Login
-     */
+     */
-    async oauthLogin(
+    async oauthLogin(
-      params: {
+      params: {
-        token: string;
+        token: string;
-      } & {
+      } & {
-        goHome?: boolean;
+        goHome?: boolean;
-        mode?: ErrorMessageMode;
+        mode?: ErrorMessageMode;
-      },
+      },
-    ): Promise<GetUserInfoModel | null> {
+    ): Promise<GetUserInfoModel | null> {
-      try {
+      try {
-        const { goHome = true, token } = params;
+        const { token } = params;
-
+        params.goHome=true;
-        // save token
+        return await this.tokenLogin(token,params);
-        this.setToken(token);
+      } catch (error) {
-
+        return Promise.reject(error);
-        return this.afterLoginAction(goHome);
+      }
-      } catch (error) {
+    },
-        return Promise.reject(error);
+    /**
-      }
+     * @description: login
-    },
+     */
-    /**
+    async login(
-     * @description: login
+      params: LoginParams & {
-     */
+        goHome?: boolean;
-    async login(
+        mode?: ErrorMessageMode;
-      params: LoginParams & {
+      },
-        goHome?: boolean;
+    ): Promise<GetUserInfoModel | null> {
-        mode?: ErrorMessageMode;
+      try {
-      },
+        const { goHome = true, mode, ...loginParams } = params;
-    ): Promise<GetUserInfoModel | null> {
+        const data = await loginApi(loginParams, mode);
-      try {
+        const { token } = data;
-        const { goHome = true, mode, ...loginParams } = params;
+        params.goHome=true;
-        const data = await loginApi(loginParams, mode);
+        return await this.tokenLogin(token,params);
-
+      } catch (error) {
-        const { token } = data;
+        return Promise.reject(error);
-        // save token
+      }
-        this.setToken(token);
+    },
-
+      async casLogin(
-        return await this.afterLoginAction(goHome);
+          params: any
-      } catch (error) {
+      ): Promise<GetUserInfoModel | null> {
-        return Promise.reject(error);
+          try {
-      }
+              const data = await getTokenByCas(params, params.mode);
-    },
+              const { token } = data;
-    /**
+              return await this.tokenLogin(token,params);
-     * @description: singleLogin
+          } catch (error) {
-     */
+              return Promise.reject(error);
-    async singleLogin(
+          }
-      params: any
+      },
-    ): Promise<GetUserInfoModel | null> {
+      /**
-      try {
+       * 拿到token后的登录动作
-        const data = await singleLoginApi(params, params.mode);
+       * @param params
-        const userInfo = await this.getUserInfoAction();
+       */
-
+      async tokenLogin(
-        const { token } = data;
+          token: string,
-        // save token
+          params: any
-        this.setToken(token);
+      ): Promise<GetUserInfoModel | null> {
-
+          try {
-        return await this.afterLoginAction(false, params.targetURL || params.redirect);
+              // save token
-      } catch (error) {
+              this.setToken(token);
-        return Promise.reject(error);
+
-      }
+              return await this.afterLoginAction(params.goHome, params.targetURL || params.redirect);
-    },
+          } catch (error) {
-    async afterLoginAction(goHome?: boolean, redirect?): Promise<GetUserInfoModel | null> {
+              return Promise.reject(error);
-      if (!this.getToken) return null;
+          }
-
+      },
-      // get user info
+    /**
-      const userInfo = await this.getUserInfoAction();
+     * @description: singleLogin
-
+     */
-      // setOtherToken(this.getToken);
+    async singleLogin(
-
+      params: any
-      const sessionTimeout = this.sessionTimeout;
+    ): Promise<GetUserInfoModel | null> {
-      if (sessionTimeout) {
+      try {
-        this.setSessionTimeout(false);
+        const data = await singleLoginApi(params, params.mode);
-      } else {
+        const { token } = data;
-        const permissionStore = usePermissionStore();
+          params.goHome=false;
-
+        return await this.tokenLogin(token,params);
-        if (!permissionStore.getIsDynamicAddedRoute) {
+      } catch (error) {
-          permissionStore.setDynamicAddedRoute(true);
+        return Promise.reject(error);
-
+      }
-          const routes = await permissionStore.buildRoutesAction();
+    },
-          routes.forEach((route) => {
+
-            router.addRoute(route as unknown as RouteRecordRaw);
+    async afterLoginAction(goHome?: boolean, redirect?): Promise<GetUserInfoModel | null> {
-          });
+      if (!this.getToken) return null;
-          router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw);
+
-        }
+      // get user info
-        redirect && (await router.replace(decodeURIComponent(redirect)));
+      const userInfo = await this.getUserInfoAction();
-        goHome && (await router.replace(userInfo?.homePath || PageEnum.BASE_HOME));
+
-      }
+      // setOtherToken(this.getToken);
-
+
-      setOtherToken(this.getToken);
+      const sessionTimeout = this.sessionTimeout;
-      return Promise.resolve(userInfo);
+      if (sessionTimeout) {
-    },
+        this.setSessionTimeout(false);
-    async getUserInfoAction(): Promise<GetUserInfoModel | null> {
+      } else {
-      if (!this.getToken) return null;
+        const permissionStore = usePermissionStore();
-      const userInfoResult = await getUserInfo();
+
-
+        if (!permissionStore.getIsDynamicAddedRoute) {
-      const { roles = [] } = userInfoResult;
+          permissionStore.setDynamicAddedRoute(true);
-
+
-      const userInfo = userInfoResult as unknown as UserInfo;
+          const routes = await permissionStore.buildRoutesAction();
-      this.setUserInfo(userInfo);
+          routes.forEach((route) => {
-      this.setRoleList(roles);
+            router.addRoute(route as unknown as RouteRecordRaw);
-      return Promise.resolve(userInfoResult);
+          });
-    },
+          router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw);
-    /**
+        }
-     * @description: logout
+        redirect && (await router.replace(decodeURIComponent(redirect)));
-     */
+        goHome && (await router.replace(userInfo?.homePath || PageEnum.BASE_HOME));
-    async logout(goLogin = false) {
+      }
-      if (this.getToken) {
+
-        try {
+      setOtherToken(this.getToken);
-          await doLogout();
+      return Promise.resolve(userInfo);
-        } catch {
+    },
-          console.log('注销Token失败');
+    async getUserInfoAction(): Promise<GetUserInfoModel | null> {
-        }
+      if (!this.getToken) return null;
-      }
+      const userInfoResult = await getUserInfo();
-      this.setToken(undefined);
+
-      this.setSessionTimeout(false);
+      const { roles = [] } = userInfoResult;
-      this.setUserInfo(null);
+
-      goLogin && router.push(PageEnum.BASE_LOGIN);
+      const userInfo = userInfoResult as unknown as UserInfo;
-    },
+      this.setUserInfo(userInfo);
-
+      this.setRoleList(roles);
-    /**
+      return Promise.resolve(userInfoResult);
-     * @description: Confirm before logging out
+    },
-     */
+    /**
-    confirmLoginOut() {
+     * @description: logout
-      const { createConfirm } = useMessage();
+     */
-      const { t } = useI18n();
+    async logout(goLogin = false) {
-      createConfirm({
+      if (this.getToken) {
-        iconType: 'warning',
+        try {
-        title: () => h('span', t('温馨提醒')),
+          await doLogout();
-        content: () => h('span', t('是否确认退出系统?')),
+        } catch {
-        onOk: async () => {
+          console.log('注销Token失败');
-          await this.logout(true);
+        }
-        },
+      }
-        okText: () => t('确认'),
+      this.setToken(undefined);
-        cancelText: () => t('取消'),
+      this.setSessionTimeout(false);
-      });
+      this.setUserInfo(null);
-    },
+      goLogin && router.push(PageEnum.BASE_LOGIN);
-  },
+    },
-});
+
-
+    /**
-// Need to be used outside the setup
+     * @description: Confirm before logging out
-export function useUserStoreWithOut() {
+     */
-  return useUserStore(store);
+    confirmLoginOut() {
-}
+      const { createConfirm } = useMessage();
-
+      const { t } = useI18n();
-//设置其他url 项目 token
+      createConfirm({
-function setOtherToken(token: string) {
+        iconType: 'warning',
-  // console.log('other token', getAppEnvConfig()); // something like: "https://codegeex.cn" or "https://codegeex.cn" or
+        title: () => h('span', t('温馨提醒')),
-  getAppEnvConfig()
+        content: () => h('span', t('是否确认退出系统?')),
-    .VITE_GLOB_OUT_LINK_URL?.split(',')
+        onOk: async () => {
-    ?.forEach((item) => {
+          await this.logout(true);
-      // 创建子域的iframe, 用于传送数据
+        },
-      const iframe = document.createElement('iframe');
+        okText: () => t('确认'),
-      iframe.src = `${item}`;
+        cancelText: () => t('取消'),
-      iframe.style.display = 'none';
+      });
-      document.body.append(iframe);
+    },
-
+  },
-      // 使用postMessage()发送数据到子系统
+});
-      setTimeout(function () {
+
-        iframe.contentWindow?.postMessage(token, item);
+// Need to be used outside the setup
-      }, 2000);
+export function useUserStoreWithOut() {
-
+  return useUserStore(store);
-      // 销毁iframe
+}
-      setTimeout(function () {
+
-        iframe.remove();
+//设置其他url 项目 token
-      }, 4000);
+function setOtherToken(token: string) {
-    });
+  // console.log('other token', getAppEnvConfig()); // something like: "https://codegeex.cn" or "https://codegeex.cn" or
-}
+  getAppEnvConfig()
+    .VITE_GLOB_OUT_LINK_URL?.split(',')
+    ?.forEach((item) => {
+      // 创建子域的iframe, 用于传送数据
+      const iframe = document.createElement('iframe');
+      iframe.src = `${item}`;
+      iframe.style.display = 'none';
+      document.body.append(iframe);
+
+      // 使用postMessage()发送数据到子系统
+      setTimeout(function () {
+        iframe.contentWindow?.postMessage(token, item);
+      }, 2000);
+
+      // 销毁iframe
+      setTimeout(function () {
+        iframe.remove();
+      }, 4000);
+    });
+}

src/utils/http/axios/index.ts

@@ -82,11 +82,21 @@ const transform: AxiosTransform = {
                 timeoutMsg = t('登录超时,请重新登录!');
                 const userStore = useUserStoreWithOut();
                 userStore.setToken(undefined);
-                if (!window.location.hash.includes('login')) {
+                if (!window.location.hash.includes('login')&&!window.location.pathname.includes('login')
+                    &&!window.location.hash.includes('tokenLogin')&&!window.location.pathname.includes('tokenLogin')) {
                     userStore.logout(true);
                 }
-                const go = useGo();
+                if(data.urlToRedirectTo){
-                go('/login');
+                    //登录页面不跳转
+                    if(!window.location.hash.includes('login')&&!window.location.pathname.includes('login')
+                        &&!window.location.hash.includes('tokenLogin')&&!window.location.pathname.includes('tokenLogin')){
+                        window.location.href=data.urlToRedirectTo;
+                    }
+                    options.errorMessageMode="none";
+                }else{
+                    const go = useGo();
+                    go('/login');
+                }
                 break;
             default:
                 if (msg) {

src/views/secondDev/TokenLogin.vue

@@ -0,0 +1,40 @@
+<template>
+  <div style="width: 100%; height: 300px; display: flex;justify-content: center;align-items: center;">
+    <a-spin />
+  </div>
+</template>
+<script lang="ts" setup>
+  import { useUserStore } from '/@/store/modules/user';
+  import { onMounted } from 'vue';
+  import { useRouter } from 'vue-router';
+
+  const { currentRoute } = useRouter();
+  const userStore = useUserStore();
+
+  onMounted(async () => {
+      const fullPath = currentRoute.value.fullPath;
+      let targetURL = ''
+      let redirect = ''
+      if (fullPath.includes('targetURL')) {
+          const list = fullPath.split('targetURL=');
+          targetURL = list[1];
+      } else {
+          const list = fullPath.split('redirect=');
+          redirect = list[1];
+      }
+      let params = {...currentRoute.value.query, targetURL: targetURL,redirect: redirect, mode: 'none',goHome:true }; //不要默认的错误提示
+
+      const token=currentRoute.value.query?.token;
+      //cas ticket的话走一遍后端换成token
+      const ticket=currentRoute.value.query?.ticket;
+      if(ticket){
+          params.ticket=ticket;
+          await userStore.casLogin(params);
+      }else if (token) {
+          await userStore.tokenLogin(token,params);
+      }
+  });
+
+</script>
+<style lang="less">
+</style>

src/views/system/department/components/DeptDrawer.vue

@@ -4,7 +4,7 @@
     @register="registerDrawer"
     showFooter
     :title="getTitle"
-    width="45%"
+    width="50%"
     @ok="handleSubmit"
   >
     <BasicForm @register="registerForm" :style="{ 'margin-right': '10px' }">
@@ -112,16 +112,39 @@
       defaultValue: 1,
       componentProps: {
         options: [
+            { label: '总部', value: 3, disabled:true },
+            { label: '板块', value: 2, disabled:true },
           { label: '公司', value: 1 },
-          { label: '部门', value: 0 },
+          { label: '部门', value: 0 }
         ],
         onChange: deptTypeChange,
       },
       required: true,
     },
+      {
+          field: 'areaId',
+          label: '行政区域',
+          component: 'Area',
+          componentProps: {
+              placeholder: '请选择行政区域'
+          },
+      },
   ];
 
   const companySchema: FormSchema[] = [
+      {
+          field: 'companyLvl',
+          label: '公司层级',
+          component: 'RadioButtonGroup',
+          defaultValue: null,
+          componentProps: {
+              options: [
+                  { label: '三级业务单位', value: 3 },
+                  { label: '四级项目公司/场站', value: 4 }
+              ],
+          },
+          required: false,
+      },
     {
       field: 'departmentNature',
       label: '公司性质',