feat: ui add system settings

Author: wxg0103

apps/users/views/login.py

@@ -17,16 +17,18 @@
 from users.api.login import LoginAPI, CaptchaAPI
 from users.serializers.login import LoginSerializer, CaptchaSerializer
 
+
 def _get_details(request):
     path = request.path
     body = request.data
     query = request.query_params
     return {
-        'path':path,
-        'body':{**body, 'password': encryption(body.get('password',''))},
+        'path': path,
+        'body': {**body, 'password': encryption(body.get('password', ''))},
         'query': query
     }
 
+
 class LoginView(APIView):
     @extend_schema(methods=['POST'],
                    description=_("Log in"),
@@ -37,7 +39,7 @@ class LoginView(APIView):
                    responses=LoginAPI.get_response())
     @log(menu='User management', operate='Log in', get_user=lambda r: {'username': r.data.get('username', None)},
          get_details=_get_details,
-         get_operation_object=lambda r,k: {'name': r.data.get('username')})
+         get_operation_object=lambda r, k: {'name': r.data.get('username')})
     def post(self, request: Request):
         return result.success(LoginSerializer().login(request.data))
 

apps/users/views/user.py

@@ -32,23 +32,23 @@ def get_user_operation_object(user_id):
     user_model = QuerySet(model=User).filter(id=user_id).first()
     if user_model is not None:
         return {
-            "name":user_model.name
+            "name": user_model.name
         }
     return {}
 
+
 def get_re_password_details(request):
     path = request.path
     body = request.data
     query = request.query_params
     return {
         "path": path,
         "body": {**body, 'password': encryption(body.get('password', '')),
-                 're_password': encryption(body.get('re_password',''))},
+                 're_password': encryption(body.get('re_password', ''))},
         "query": query
     }
 
 
-
 class UserProfileView(APIView):
     authentication_classes = [TokenAuth]
 
@@ -145,7 +145,7 @@ class Operate(APIView):
                        responses=DefaultModelResponse.get_response())
         @has_permissions(PermissionConstants.USER_DELETE)
         @log(menu='User management', operate='Delete user',
-             get_operation_object= lambda r,k: get_user_operation_object(k.get('user_id')))
+             get_operation_object=lambda r, k: get_user_operation_object(k.get('user_id')))
         def delete(self, request: Request, user_id):
             return result.success(UserManageSerializer.Operate(data={'id': user_id}).delete(with_valid=True))
 
@@ -185,7 +185,7 @@ class BatchDelete(APIView):
                        responses=DefaultModelResponse.get_response())
         @has_permissions(PermissionConstants.USER_DELETE)
         @log(menu='User management', operate='Batch delete user',
-             get_operation_object= lambda r,k: get_user_operation_object(k.get('user_id')))
+             get_operation_object=lambda r, k: get_user_operation_object(k.get('user_id')))
         def post(self, request: Request):
             return result.success(UserManageSerializer.BatchDelete(data=request.data).batch_delete(with_valid=True))
 
@@ -201,7 +201,7 @@ class RePassword(APIView):
                        request=ChangeUserPasswordApi.get_request(),
                        responses=DefaultModelResponse.get_response())
         @log(menu='User management', operate='Change password',
-             get_operation_object= lambda r,k: get_user_operation_object(k.get('user_id')),
+             get_operation_object=lambda r, k: get_user_operation_object(k.get('user_id')),
              get_details=get_re_password_details)
         def put(self, request: Request, user_id):
             return result.success(

ui/package.json

@@ -16,12 +16,15 @@
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-python": "^6.2.1",
     "@codemirror/theme-one-dark": "^6.1.2",
+    "@wecom/jssdk": "^2.3.1",
     "axios": "^1.8.4",
+    "dingtalk-jsapi": "^3.1.0",
     "element-plus": "^2.9.10",
     "nprogress": "^0.2.0",
     "pinia": "^3.0.1",
     "use-element-plus-theme": "^0.0.5",
     "vue": "^3.5.13",
+    "vue-clipboard3": "^2.0.0",
     "vue-codemirror": "^6.1.1",
     "vue-i18n": "^11.1.3",
     "vue-router": "^4.5.0"

ui/src/api/systemSettings/auth-setting.ts

@@ -0,0 +1,38 @@
+import {Result} from '@/request/Result'
+import {get, post, put} from '@/request/index'
+import {type Ref} from 'vue'
+
+const prefix = '/auth'
+/**
+ * 获取认证设置
+ */
+const getAuthSetting: (auth_type: string, loading?: Ref<boolean>) => Promise<Result<any>> = (auth_type, loading) => {
+  return get(`${prefix}/${auth_type}/detail`, undefined, loading)
+}
+
+/**
+ * ldap连接测试
+ */
+const postAuthSetting: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading
+) => {
+  return post(`${prefix}/connection`, data, undefined, loading)
+}
+
+/**
+ * 修改邮箱设置
+ */
+const putAuthSetting: (auth_type: string, data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  auth_type,
+  data,
+  loading
+) => {
+  return put(`${prefix}/${auth_type}/info`, data, undefined, loading)
+}
+
+export default {
+  getAuthSetting,
+  postAuthSetting,
+  putAuthSetting
+}

ui/src/api/systemSettings/email-setting.ts

@@ -0,0 +1,38 @@
+import { Result } from '@/request/Result'
+import { get, post, del, put } from '@/request/index'
+import type { pageRequest } from '@/api/type/common'
+import { type Ref } from 'vue'
+
+const prefix = '/email_setting'
+/**
+ * 获取邮箱设置
+ */
+const getEmailSetting: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get(`${prefix}`, undefined, loading)
+}
+
+/**
+ * 邮箱测试
+ */
+const postTestEmail: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading
+) => {
+  return post(`${prefix}`, data, undefined, loading)
+}
+
+/**
+ * 修改邮箱设置
+ */
+const putEmailSetting: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading
+) => {
+  return put(`${prefix}`, data, undefined, loading)
+}
+
+export default {
+  getEmailSetting,
+  postTestEmail,
+  putEmailSetting
+}

ui/src/api/systemSettings/platform-source.ts

@@ -0,0 +1,27 @@
+import { Result } from '@/request/Result'
+import { get, post, del, put } from '@/request/index'
+import { type Ref } from 'vue'
+
+const prefix = '/platform'
+const getPlatformInfo: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get(`${prefix}/source`, undefined, loading)
+}
+
+const updateConfig: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading
+) => {
+  return post(`${prefix}/source`, data, undefined, loading)
+}
+
+const validateConnection: (data: any, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  data,
+  loading
+) => {
+  return put(`${prefix}/source`, data, undefined, loading)
+}
+export default {
+  getPlatformInfo,
+  updateConfig,
+  validateConnection
+}

ui/src/api/systemSettings/theme.ts

@@ -0,0 +1,36 @@
+import {Result} from '@/request/Result'
+import {get, post, del, put} from '@/request/index'
+import type {Ref} from 'vue'
+
+const prefix = '/display'
+
+/**
+ * 查看外观设置
+ */
+const getThemeInfo: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get(`${prefix}/info`, undefined, loading)
+}
+
+/**
+ * 更新外观设置
+ * @param 参数
+ * * formData {
+ *   theme
+ *   icon
+ *   loginLogo
+ *   loginImage
+ *   title
+ *   slogan
+ * }
+ */
+const postThemeInfo: (data: any, loading?: Ref<boolean>) => Promise<Result<boolean>> = (
+  data,
+  loading
+) => {
+  return put(`${prefix}/update`, data, undefined, loading)
+}
+
+export default {
+  getThemeInfo,
+  postThemeInfo
+}

ui/src/api/user/login.ts

@@ -1,7 +1,9 @@
-import { Result } from '@/request/Result'
-import { get, post } from '@/request/index'
-import type { LoginRequest } from '@/api/type/login'
-import type { Ref } from 'vue'
+import {Result} from '@/request/Result'
+import {get, post} from '@/request/index'
+import type {LoginRequest} from '@/api/type/login'
+import type {Ref} from 'vue'
+import type {User} from "@/api/type/user.ts";
+
 /**
  * 登录
  * @param request 登录接口请求表单
@@ -15,6 +17,23 @@ const login: (request: LoginRequest, loading?: Ref<boolean>) => Promise<Result<a
   return post('/user/login', request, undefined, loading)
 }
 
+const ldapLogin: (request: LoginRequest, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  request,
+  loading,
+) => {
+  return post('/ldap/login', request, undefined, loading)
+}
+
+
+/**
+ * 登出
+ * @param loading 接口加载器
+ * @returns
+ */
+const logout: (loading?: Ref<boolean>) => Promise<Result<boolean>> = (loading) => {
+  return post('/user/logout', undefined, undefined, loading)
+}
+
 /**
  * 获取验证码
  * @param loading 接口加载器
@@ -23,7 +42,75 @@ const getCaptcha: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) =
   return get('/user/captcha', undefined, loading)
 }
 
+/**
+ * 获取登录方式
+ */
+const getAuthType: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get('auth/types', undefined, loading)
+}
+
+/**
+ * 获取二维码类型
+ */
+const getQrType: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get('qr_type', undefined, loading)
+}
+
+const getQrSource: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get('qr_type/source', undefined, loading)
+}
+
+const getDingCallback: (code: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  code,
+  loading
+) => {
+  return get('dingtalk', {code}, loading)
+}
+
+const getDingOauth2Callback: (code: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  code,
+  loading
+) => {
+  return get('dingtalk/oauth2', {code}, loading)
+}
+
+const getWecomCallback: (code: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  code,
+  loading
+) => {
+  return get('wecom', {code}, loading)
+}
+const getLarkCallback: (code: string, loading?: Ref<boolean>) => Promise<Result<any>> = (
+  code,
+  loading
+) => {
+  return get('lark/oauth2', {code}, loading)
+}
+
+/**
+ * 设置语言
+ * data: {
+ * "language": "string"
+ * }
+ */
+const postLanguage: (data: any, loading?: Ref<boolean>) => Promise<Result<User>> = (
+  data,
+  loading
+) => {
+  return post('/user/language', data, undefined, loading)
+}
+
 export default {
   login,
+  logout,
   getCaptcha,
+  getAuthType,
+  getDingCallback,
+  getQrType,
+  getWecomCallback,
+  postLanguage,
+  getDingOauth2Callback,
+  getLarkCallback,
+  getQrSource,
+  ldapLogin
 }

ui/src/api/user/user.ts

@@ -12,6 +12,13 @@ const getUserProfile: (loading?: Ref<boolean>) => Promise<Result<User>> = (loadi
   return get('/user/profile', undefined, loading)
 }
 
+/**
+ * 获取profile
+ */
+const getProfile: (loading?: Ref<boolean>) => Promise<Result<any>> = (loading) => {
+  return get('/profile', undefined, loading)
+}
+
 /**
  * 获取版本profile
  */
@@ -21,4 +28,5 @@ const getUserProfile: (loading?: Ref<boolean>) => Promise<Result<User>> = (loadi
 
 export default {
   getUserProfile,
+  getProfile
 }