yg-yygl 0.0.1

package/src/components/websocket-status/index.vue

@@ -0,0 +1,124 @@
+<template>
+  <div class="websocket-status" :class="statusClass">
+    <div class="status-indicator" :class="indicatorClass"></div>
+    <span class="status-text">{{ statusText }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted } from 'vue';
+import { useWebSocketStore } from '../store/websocket';
+
+const websocketStore = useWebSocketStore();
+
+// 连接状态（响应式）
+const connectionStatus = computed(() => {
+  if (websocketStore.isConnected) {
+    return 'connected';
+  } else if (websocketStore.socket?.readyState === WebSocket.CONNECTING) {
+    return 'connecting';
+  } else {
+    return 'disconnected';
+  }
+});
+
+// 状态文本
+const statusText = computed(() => {
+  switch (connectionStatus.value) {
+    case 'connected':
+      return 'WebSocket已连接';
+    case 'connecting':
+      return 'WebSocket连接中...';
+    case 'disconnected':
+      return 'WebSocket未连接';
+    default:
+      return 'WebSocket状态未知';
+  }
+});
+
+// 状态样式类
+const statusClass = computed(() => {
+  return `status-${connectionStatus.value}`;
+});
+
+// 指示器样式类
+const indicatorClass = computed(() => {
+  return `indicator-${connectionStatus.value}`;
+});
+
+// 初始化页面可见性监听和自动连接
+onMounted(() => {
+  websocketStore.initPageVisibilityListener();
+  websocketStore.autoConnect();
+});
+
+onUnmounted(() => {
+  // 组件卸载时不需要特殊处理，store会继续管理连接
+});
+</script>
+
+<style scoped>
+.websocket-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  transition: all 0.3s ease;
+}
+
+.status-indicator {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  transition: all 0.3s ease;
+}
+
+.status-text {
+  font-weight: 500;
+}
+
+/* 连接状态样式 */
+.status-connected {
+  background-color: rgba(34, 197, 94, 0.1);
+  color: #22c55e;
+}
+
+.indicator-connected {
+  background-color: #22c55e;
+  box-shadow: 0 0 4px rgba(34, 197, 94, 0.5);
+}
+
+/* 连接中状态样式 */
+.status-connecting {
+  background-color: rgba(251, 191, 36, 0.1);
+  color: #fbbf24;
+}
+
+.indicator-connecting {
+  background-color: #fbbf24;
+  animation: pulse 1.5s infinite;
+}
+
+/* 断开连接状态样式 */
+.status-disconnected {
+  background-color: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
+}
+
+.indicator-disconnected {
+  background-color: #ef4444;
+}
+
+/* 脉冲动画 */
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+</style>

package/src/components/work-transfer.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import type { FormItemConfig, FormOption } from '@udp/component-ui';
+
+import type { User } from '../api/user/types';
+
+import { onMounted, reactive, ref } from 'vue';
+
+import { Form } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { queryAccountList } from '../api/account';
+import { getUserListAll, workTransfer } from '../api/user';
+
+const props = defineProps<{
+  user: null | User;
+}>();
+
+const formRef = ref();
+
+const accountList = ref<FormOption[]>([]);
+const userList = ref<FormOption[]>([]);
+
+const items = reactive<FormItemConfig[]>([
+  {
+    label: '交接人',
+    prop: 'name',
+    type: 'input',
+    props: {
+      disabled: true,
+    },
+  },
+  {
+    label: '移交账号',
+    prop: 'accountIds',
+    type: 'select-v2',
+    required: true,
+    options: accountList,
+    props: {
+      multiple: true,
+      filterable: true,
+    },
+    rules: [{ required: true, message: '请选择移交账号' }],
+  },
+  {
+    label: '工作交接人',
+    prop: 'targetUserId',
+    type: 'select-v2',
+    required: true,
+    options: userList,
+    rules: [{ required: true, message: '请选择工作交接人' }],
+    props: {
+      filterable: true,
+    },
+  },
+]);
+
+// 查询当前用户的账号列表
+const getAccountList = async () => {
+  try {
+    const res = await queryAccountList({ userId: props.user!.id });
+    accountList.value =
+      res?.map((item) => ({
+        label: item.loginCode,
+        value: item.id,
+      })) || [];
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// 查询所有用户列表
+const getUserList = async () => {
+  try {
+    const res = await getUserListAll();
+    userList.value =
+      res
+        ?.filter((item) => item.id !== props.user!.id)
+        ?.map((item) => ({
+          label: item.name,
+          value: item.id,
+        })) || [];
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+onMounted(() => {
+  if (props.user?.id) {
+    formRef.value.setValue('name', props.user.name);
+    getAccountList();
+    getUserList();
+  }
+});
+
+const handleSubmit = async () => {
+  try {
+    const valid = await formRef.value.validate();
+    if (!valid) return;
+    const values = formRef.value.getValues();
+    await workTransfer({
+      accountIds: values.accountIds,
+      targetUserId: values.targetUserId,
+    });
+    ElMessage.success('提交成功');
+    return true;
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+};
+
+defineExpose({
+  handleSubmit,
+});
+</script>
+
+<template>
+  <Form
+    ref="formRef"
+    :items="items"
+    :show-actions="false"
+    label-position="top"
+  />
+</template>
+
+<style scoped lang="scss"></style>

package/src/hooks/useDict.ts

@@ -0,0 +1,94 @@
+import type { Ref } from 'vue';
+
+import type { DictItem, DictType } from '../store/dict';
+
+import { ref } from 'vue';
+
+import { getDicItemListByDicCode } from '../api/dic';
+import { useDictStore } from '../store/dict';
+
+/**
+ * 字典数据接口
+ */
+export interface DictData {
+  loading: Ref<boolean>;
+  getDict: (code: string, type: DictType) => DictItem[];
+}
+
+/**
+ * 字典钩子函数
+ * @returns 字典数据和加载方法
+ */
+export default function useDict(): DictData {
+  // 加载状态
+  const loading = ref<boolean>(false);
+  const dictStore = useDictStore();
+  
+  // 局部请求标记，用于在组件生命周期内防止对同一个空数据重复请求
+  // 当组件销毁重建时（如第二次进入页面），此 Set 会重置，从而允许重新请求
+  const localRequested = new Set<string>();
+
+  /**
+   * 获取字典数据
+   * @param code 字典编码
+   * @param type 字典类型
+   * @returns 字典数据
+   */
+  const getDict = (code: string, type: DictType): DictItem[] => {
+    // 1. 优先从 Store 获取数据
+    const dict = dictStore.getDict(code, type);
+    
+    // 2. 如果有有效数据，直接返回
+    if (dict && dict.length > 0) {
+      return dict;
+    }
+
+    // 3. 如果正在全局加载中，暂时返回空，防止并发请求
+    if (dictStore.isLoading(code, type)) {
+      return [];
+    }
+
+    // 4. 检查当前组件是否已经请求过该字典
+    // 如果之前请求过但结果为空（走到了这里），则不再请求，防止组件内的死循环
+    if (localRequested.has(`${type}:${code}`)) {
+      return [];
+    }
+
+    // 5. 发起异步加载
+    // 标记当前组件已请求
+    localRequested.add(`${type}:${code}`);
+    // 标记全局正在加载
+    dictStore.markAsLoading(code, type);
+    
+    loading.value = true;
+
+    (async () => {
+      try {
+        const result = await getDicItemListByDicCode({
+          dicAttr: type,
+          dicCode: code,
+        });
+
+        // 更新字典数据到store
+        // setDict 会自动移除全局 loading 标记
+        dictStore.setDict(code, result, type);
+        
+      } catch (error) {
+        console.error('获取字典数据失败:', error);
+        // 失败时移除全局 loading 标记，允许其他组件尝试
+        dictStore.removeLoading(code, type);
+        // 可选：如果希望失败后当前组件也能重试，可以移除 localRequested
+        // localRequested.delete(`${type}:${code}`);
+      } finally {
+        loading.value = false;
+      }
+    })();
+
+    return [];
+  };
+
+  return {
+    loading,
+    getDict,
+  };
+}

package/src/index.ts

@@ -0,0 +1,39 @@
+// Plugin and registration
+export { registerUserModule } from './plugin';
+export type { UserModuleOptions, UserModuleRouteConfig } from './types';
+
+// API
+export {
+  configure,
+  configureFileClient,
+  setRequestClient,
+  setRequestFileClient,
+  getRequestClient,
+  getApiPrefix,
+} from './api/request';
+
+// Shared components (flat file versions)
+export { default as GenderTag } from './components/gender-tag.vue';
+export { default as MainContainer } from './components/main-container.vue';
+export { default as ExpandAttribute } from './components/expand-attribute.vue';
+export { default as DepartmentTree } from './components/department-tree.vue';
+export { default as DepartmentForm } from './components/department-form.vue';
+
+// Views (user management - for admin integration)
+export { default as UserManagement } from './components/user-management.vue';
+
+// API types
+export type {
+  User,
+  UserCreateModel,
+  UserCreateParams,
+  UserAccountCreateParams,
+  UserFilterParams,
+  UserDeleteModel,
+  WorkTransferModel,
+  UserExtendItem,
+  UserExtendFormData,
+  UserExtendValueItem,
+} from './api/user/types';
+
+export type { ColumnConfigType } from './api/index';

package/src/plugin.ts

@@ -0,0 +1,42 @@
+import type { App, Plugin } from 'vue';
+import type { RouteRecordRaw } from 'vue-router';
+
+import type { UserModuleOptions } from './types';
+
+import { setRequestClient } from './api/request';
+
+export function registerUserModule(options: UserModuleOptions): Plugin {
+  const {
+    router,
+    requestClient,
+    route: routeConfig = {},
+  } = options;
+
+  const {
+    parentPath = '/sys',
+    name = 'UserManagement',
+    path = 'user',
+    meta = {
+      title: '用户管理',
+    },
+    registerDirectly = true,
+  } = routeConfig;
+
+  return {
+    install(app: App) {
+      // 1. 配置 RequestClient
+      setRequestClient(requestClient);
+
+      // 2. 注册路由
+      if (registerDirectly) {
+        const userRoute: RouteRecordRaw = {
+          name,
+          path: `${parentPath}/${path}`,
+          component: () => import('./components/user-management.vue'),
+          meta,
+        };
+        router.addRoute(userRoute);
+      }
+    },
+  };
+}

package/src/store/auth.ts

@@ -0,0 +1,212 @@
+import type { AccountInfo, UserInfo } from '@udp/types';
+
+import { list } from '../api/sys-config';
+
+import type { LoginResponse } from '../api/login/types';
+
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { LOGIN_PATH } from '@udp/constants';
+import {
+  clearPreferencesCache,
+  preferences,
+  resetPreferences,
+} from '@udp/preferences';
+import { resetAllStores, useAccessStore, useUserStore } from '@udp/stores';
+
+import { ElNotification } from 'element-plus';
+import { defineStore } from 'pinia';
+
+import { getAccountAvatar } from '../api/account';
+import { logoutApi } from '../api/login';
+import { getCurrentAccount, getCurrentUser, getCurrentUserDetail } from '../api/personal-center';
+import { $t } from '@udp/locales';
+
+import { useWebSocketStore } from './websocket';
+
+import { syncConfigToStorage } from '../utils/config-sync';
+
+// fjl modify
+/**
+ * 获取用户详情并存储到 localStorage
+ */
+const getUserInfoFn = async () => {
+  try {
+    const userRes = await getCurrentUserDetail();
+    console.log('userDetail', userRes);
+    if (userRes.code === 0) {
+      localStorage.setItem('userInfo', JSON.stringify(userRes.data));
+    }
+  } catch (error) {
+    console.error('获取用户详情失败:', error);
+  }
+};
+
+/**
+ * 获取通用配置
+ */
+const getCommonConfigTypeFn = async () => {
+  try {
+    const res = await list({ configType: 'common' });
+    if (!res) return;
+    const configList = Array.isArray(res) ? res : res.data;
+    if (!configList) return;
+
+    syncConfigToStorage(configList);
+  } catch (error) {
+    console.error('获取通用配置失败:', error);
+  }
+};
+
+/**
+ * 获取系统配置
+ */
+const getSettingFn = async () => {
+  getUserInfoFn();
+  getCommonConfigTypeFn();
+};
+
+export const useAuthStore = defineStore('auth', () => {
+  const router = useRouter();
+  const accessStore = useAccessStore();
+  const userStore = useUserStore();
+  const websocketStore = useWebSocketStore();
+
+  const loginLoading = ref(false);
+
+  /**
+   * 异步处理登录操作
+   * Asynchronously handle the login process
+   * @param params 登录表单数据
+   */
+  async function authLogin(
+    data: LoginResponse,
+    onSuccess?: () => Promise<void> | void,
+  ) {
+    // 异步处理用户登录操作并获取 accessToken
+    const userInfo: null | UserInfo = null;
+    try {
+      loginLoading.value = true;
+
+      // 将 accessToken 存储到 accessStore 中
+      accessStore.setAccessToken(data.tokenValue);
+      accessStore.setLoginId(data.loginId);
+
+      // 获取用户、账号信息并存储到 accessStore 中
+      const [accountInfo, userInfo] = await Promise.all([
+        fetchAccountInfo(),
+        fetchUserInfo(),
+      ]);
+
+      userStore.setAccountInfo(accountInfo);
+      userStore.setUserInfo(userInfo);
+
+      // 获取配置项
+      getSettingFn();
+
+      console.log('开始连接ws');
+      // 登录成功后建立WebSocket连接
+      try {
+        // fjl modify
+        const wsUrl = websocketStore.getWebSocketUrl();
+        await websocketStore.connect(wsUrl);
+        console.log('WebSocket连接建立成功');
+      } catch (error) {
+        console.error('WebSocket连接建立失败:', error);
+        // WebSocket连接失败不影响登录流程
+      }
+
+      if (accessStore.loginExpired) {
+        accessStore.setLoginExpired(false);
+      } else {
+        console.log('router', router)
+        // fjl modify
+        onSuccess
+          ? await onSuccess?.()
+          : await router.push('/navHome');
+      }
+
+      if (accountInfo?.nickname) {
+        ElNotification({
+          message: `${$t('authentication.loginSuccessDesc')}:${accountInfo?.nickname}`,
+          title: $t('authentication.loginSuccess'),
+          type: 'success',
+        });
+      }
+    } catch (error) {
+      console.error('登录失败==========', error);
+    } finally {
+      loginLoading.value = false;
+    }
+
+    return {
+      userInfo,
+    };
+  }
+
+  async function logout(redirect: boolean = true, is401: boolean = false) {
+    try {
+      websocketStore.disconnect();
+      if (!is401) {
+        await logoutApi();
+      }
+
+      resetPreferences();
+      clearPreferencesCache();
+
+      //
+      //     // 断开WebSocket连接
+      //     console.log('WebSocket连接已断开');
+      //
+      resetAllStores();
+      accessStore.setLoginExpired(false);
+      // fjl modify
+      // 清除子应用残留的 token
+      localStorage.removeItem('zhdd-token');
+      localStorage.removeItem('accessToken'); // fjl modify
+
+      // 回登录页，不再携带redirect参数，登录后固定跳转/screen
+      await router.replace({
+        path: LOGIN_PATH,
+        query: {},
+      });
+    } catch {
+      // 不做任何处理
+    }
+  }
+
+  async function fetchUserInfo() {
+    let userInfo: null | UserInfo = null;
+    userInfo = await getCurrentUser();
+    userStore.setUserInfo(userInfo);
+    return userInfo;
+  }
+
+  async function fetchAccountInfo() {
+    let accountInfo: AccountInfo | null = null;
+    accountInfo = await getCurrentAccount();
+    const avatar = await getAccountAvatar(accountInfo?.id ?? '');
+    accountInfo && (accountInfo.avatar = avatar);
+    userStore.setAccountInfo(accountInfo);
+    return accountInfo;
+  }
+
+  function $reset() {
+    loginLoading.value = false;
+  }
+
+  function setLoginLoading(loading: boolean) {
+    loginLoading.value = loading;
+  }
+
+  return {
+    $reset,
+    authLogin,
+    fetchUserInfo,
+    fetchAccountInfo,
+    loginLoading,
+    setLoginLoading,
+    logout,
+  };
+});

package/src/store/dict.ts

@@ -0,0 +1,68 @@
+import { acceptHMRUpdate, defineStore } from 'pinia';
+
+export type DictType = 'base' | 'custom' | 'sql' | 'tree';
+
+export type DictItem = {
+  id: string;
+  itemCode: string;
+  itemValue: string;
+};
+
+type DictMap = Record<string, DictItem[]>;
+
+interface DictState {
+  /**
+   * 账号信息
+   */
+  dictMap: Record<DictType, DictMap>;
+  loadingKeys: Set<string>;
+}
+
+/**
+ * @zh_CN 字典信息相关
+ */
+export const useDictStore = defineStore('dict', {
+  state: (): DictState => ({
+    dictMap: {
+      base: {},
+      custom: {},
+      sql: {},
+      tree: {},
+    },
+    // 记录正在加载中的 key (格式: type:code)，防止并发请求
+    loadingKeys: new Set<string>(),
+  }),
+  getters: {
+    getDict(state) {
+      return (code: string, type: DictType = 'base') => {
+        return state.dictMap[type]?.[code] || [];
+      };
+    },
+  },
+  actions: {
+    setDict(code: string, value: DictItem[], type: DictType = 'base') {
+      // 设置字典信息
+      this.dictMap[type] = {
+        ...this.dictMap[type],
+        [code]: value,
+      };
+      // 加载完成，移除 loading 标记
+      this.loadingKeys.delete(`${type}:${code}`);
+    },
+    markAsLoading(code: string, type: DictType = 'base') {
+      this.loadingKeys.add(`${type}:${code}`);
+    },
+    removeLoading(code: string, type: DictType = 'base') {
+      this.loadingKeys.delete(`${type}:${code}`);
+    },
+    isLoading(code: string, type: DictType = 'base') {
+      return this.loadingKeys.has(`${type}:${code}`);
+    },
+  },
+});
+
+// 解决热更新问题
+const hot = import.meta.hot;
+if (hot) {
+  hot.accept(acceptHMRUpdate(useDictStore, hot));
+}

package/src/store/index.ts

@@ -0,0 +1,2 @@
+export * from './auth';
+export * from './websocket';