Duke Admin 前端开发手册

// 示例：用户管理接口
export interface UserQuery {
  pageNum: number;
  pageSize: number;
  userName?: string;
  status?: string;
}

export interface UserInfo {
  userId: number;
  userName: string;
  nickName: string;
  email: string;
  status: string;
  createTime: string;
}

export const UserApi = {
  // 获取用户列表
  getUserList: (params: UserQuery) =>
    request.get<PageResult<UserInfo>>("/system/user/list", { params }),

  // 获取用户详情
  getUserInfo: (userId: number) =>
    request.get<UserInfo>(`/system/user/${userId}`),

  // 新增用户
  addUser: (data: Partial<UserInfo>) => request.post("/system/user", data),

  // 更新用户
  updateUser: (data: Partial<UserInfo>) => request.put("/system/user", data),

  // 删除用户
  deleteUser: (userIds: number[]) =>
    request.delete("/system/user/" + userIds.join(",")),
};

import { createRouter, createWebHistory } from "vue-router";

const routes = [
  {
    path: "/login",
    name: "Login",
    component: () => import("@/views/login/index.vue"),
    meta: { title: "登录" },
  },
  {
    path: "/",
    component: Layout,
    redirect: "/dashboard",
    children: [
      {
        path: "dashboard",
        name: "Dashboard",
        component: () => import("@/views/dashboard/index.vue"),
        meta: { title: "仪表板", icon: "dashboard" },
      },
    ],
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

import { defineStore } from "pinia";

export const useUserStore = defineStore("user", {
  state: () => ({
    token: "",
    userInfo: null,
    roles: [],
    permissions: [],
  }),

  getters: {
    isLoggedIn: (state) => !!state.token,
    hasPermission: (state) => (permission: string) =>
      state.permissions.includes(permission),
  },

  actions: {
    setToken(token: string) {
      this.token = token;
    },

    setUserInfo(userInfo: any) {
      this.userInfo = userInfo;
    },

    logout() {
      this.token = "";
      this.userInfo = null;
      this.roles = [];
      this.permissions = [];
    },
  },
});

// 请求参数接口
export interface QueryParams {
  pageNum: number;
  pageSize: number;
  keyword?: string;
}

// 响应数据接口
export interface ResponseData<T> {
  code: number;
  message: string;
  data: T;
}

// API 方法
export const Api = {
  getList: (params: QueryParams) =>
    request.get<ResponseData<PageResult<any>>>("/api/list", { params }),

  create: (data: any) => request.post<ResponseData<any>>("/api/create", data),

  update: (id: number, data: any) =>
    request.put<ResponseData<any>>(`/api/update/${id}`, data),

  delete: (id: number) =>
    request.delete<ResponseData<any>>(`/api/delete/${id}`),
};