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

frontend/src/api/user/login.ts

@@ -0,0 +1,26 @@
+import { Login } from './interface'
+import { ADMIN as rePrefix } from '@/api/config/serviceName'
+import http from '@/api'
+
+/**
+ * @name 登录模块
+ */
+// 用户登录
+export const loginApi = (params: Login.ReqLoginForm) => {
+  return http.post<Login.ResLogin>(`${rePrefix}/login`, params, { loading: false })
+}
+
+// 获取菜单列表
+export const getAuthMenuListApi = () => {
+  return http.get<Menu.MenuOptions[]>(`${rePrefix}/menu/list`, {}, { loading: false })
+}
+
+// 获取按钮权限
+export const getAuthButtonListApi = () => {
+  return http.get<Login.ResAuthButtons>(`${rePrefix}/auth/buttons`, {}, { loading: false })
+}
+
+// 用户退出登录
+export const logoutApi = () => {
+  return http.post(`${rePrefix}/logout`)
+}