protable组件抽取，并绘制demo界面

frontend/src/api/user/interface/index.ts

@@ -0,0 +1,68 @@
+// 登录模块
+import type { ReqPage } from '@/api/interface'
+
+export namespace Login {
+  export interface ReqLoginForm {
+    username: string;
+    password: string;
+  }
+  export interface ResLogin {
+    accessToken: string;
+  }
+  export interface ResAuthButtons {
+    [key: string]: string[];
+  }
+}
+
+
+// 用户管理模块
+export namespace User {
+
+  // 用户列表
+  export interface ResUserList {
+    id: string;
+    username: string;
+    gender: number;
+    age:number;
+    idCard: string;
+    email: string;
+    address: string;
+    createTime: string;
+    status: number;
+    avatar: string;
+    photo: any[];
+    children?: ResUserList[];
+  }
+
+  export interface ReqUserParams extends ReqPage {
+    username: string;
+    gender: number;
+    idCard: string;
+    email: string;
+    address: string;
+    createTime: string[];
+    status: number;
+  }
+
+  export interface ResStatus {
+    userLabel: string;
+    userValue: number;
+  }
+
+  export interface ResGender {
+    genderLabel: string;
+    genderValue: number;
+  }
+
+  export interface ResDepartment {
+    id: string;
+    name: string;
+    children?: ResDepartment[];
+  }
+
+  export interface ResRole {
+    id: string;
+    name: string;
+    children?: ResDepartment[];
+  }
+}