abearxiong
30388533c0
- Added configuration management page with table view and modal forms for adding/editing configurations. - Integrated Zustand for state management of configurations. - Implemented user management drawer for organizations with user addition/removal functionality. - Created user management page with CRUD operations for users. - Introduced admin store for user-related actions including user creation, deletion, and updates. - Developed reusable drawer component for UI consistency across user management. - Enhanced error handling and user feedback with toast notifications.
79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import { create } from 'zustand';
|
|
import { query } from '@/modules/query';
|
|
import { toast } from 'sonner';
|
|
import { QueryConfig } from '@kevisual/api/config';
|
|
|
|
export const queryConfig = new QueryConfig({ query: query as any });
|
|
|
|
interface ConfigStore {
|
|
list: any[];
|
|
getConfigList: () => Promise<void>;
|
|
updateData: (data: any, opts?: { refresh?: boolean }) => Promise<any>;
|
|
showEdit: boolean;
|
|
setShowEdit: (showEdit: boolean) => void;
|
|
formData: any;
|
|
setFormData: (formData: any) => void;
|
|
deleteConfig: (id: string) => Promise<void>;
|
|
detectConfig: () => Promise<void>;
|
|
onOpenKey: (key: string) => Promise<void>;
|
|
}
|
|
|
|
export const useConfigStore = create<ConfigStore>((set, get) => ({
|
|
list: [],
|
|
getConfigList: async () => {
|
|
const res = await queryConfig.listConfig();
|
|
if (res.code === 200) {
|
|
set({ list: res.data?.list || [] });
|
|
}
|
|
},
|
|
updateData: async (data: any, opts?: { refresh?: boolean }) => {
|
|
const res = await queryConfig.updateConfig(data);
|
|
if (res.code === 200) {
|
|
get().setFormData(res.data);
|
|
if (opts?.refresh ?? true) {
|
|
get().getConfigList();
|
|
}
|
|
toast.success('保存成功');
|
|
} else {
|
|
toast.error('保存失败');
|
|
}
|
|
return res;
|
|
},
|
|
showEdit: false,
|
|
setShowEdit: (showEdit: boolean) => set({ showEdit }),
|
|
formData: {},
|
|
setFormData: (formData: any) => set({ formData }),
|
|
deleteConfig: async (id: string) => {
|
|
const res = await queryConfig.deleteConfig({ id });
|
|
if (res.code === 200) {
|
|
get().getConfigList();
|
|
toast.success('删除成功');
|
|
} else {
|
|
toast.error('删除失败');
|
|
}
|
|
},
|
|
detectConfig: async () => {
|
|
const res = await queryConfig.detectConfig();
|
|
if (res.code === 200) {
|
|
const data = res?.data?.updateList || [];
|
|
console.log(data);
|
|
toast.success('检测成功');
|
|
} else {
|
|
toast.error('检测失败');
|
|
}
|
|
},
|
|
onOpenKey: async (key: string) => {
|
|
const { setFormData, setShowEdit, getConfigList } = get();
|
|
const res = await queryConfig.getConfigByKey(key as any);
|
|
if (res.code === 200) {
|
|
const data = res.data;
|
|
setFormData(data);
|
|
setShowEdit(true);
|
|
getConfigList();
|
|
} else {
|
|
console.log(res);
|
|
toast.error('获取配置失败');
|
|
}
|
|
},
|
|
}));
|