功能变化: 优化用户信息

2022-11-26 20:49:30 +08:00 · 2022-11-26 20:49:30 +08:00 · 5cb4e85f48
parent f419f277b2
commit 5cb4e85f48
8 changed files with 112 additions and 80 deletions
--- a/backend/dvadmin/system/views/user.py
+++ b/backend/dvadmin/system/views/user.py
@ -5,7 +5,7 @@ from django_restql.fields import DynamicSerializerMethodField
 from rest_framework import serializers
 from rest_framework.decorators import action, permission_classes
 from rest_framework.permissions import IsAuthenticated
-
+from django.db import connection
 from application import dispatch
 from dvadmin.system.models import Users, Role, Dept
 from dvadmin.system.views.role import RoleSerializer
@ -26,6 +26,7 @@ def recursion(instance,parent,result):
        res += (array)
    return res

+
 class UserSerializer(CustomModelSerializer):
    """
    用户管理-序列化器
@ -63,6 +64,7 @@ class UsersInitSerializer(CustomModelSerializer):
    """
    初始化获取数信息(用于生成初始化json文件)
    """
+
    def save(self, **kwargs):
        instance = super().save(**kwargs)
        role_key = self.initial_data.get('role_key', [])
@ -162,6 +164,29 @@ class UserUpdateSerializer(CustomModelSerializer):
        }


+class UserInfoUpdateSerializer(CustomModelSerializer):
+    """
+    用户修改-序列化器
+    """
+    mobile = serializers.CharField(
+        max_length=50,
+        validators=[
+            CustomUniqueValidator(queryset=Users.objects.all(), message="手机号必须唯一")
+        ],
+        allow_blank=True
+    )
+
+    def update(self, instance, validated_data):
+        return super().update(instance, validated_data)
+
+    class Meta:
+        model = Users
+        fields = ['email', 'mobile', 'avatar', 'name', 'gender']
+        extra_kwargs = {
+            "post": {"required": False, "read_only": True},
+        }
+
+
 class ExportUserProfileSerializer(CustomModelSerializer):
    """
    用户导出 序列化器
@ -293,6 +318,9 @@ class UserViewSet(CustomModelViewSet):
            "is_superuser": user.is_superuser,
            "role": user.role.values_list('id', flat=True),
        }
+        if hasattr(connection, 'tenant'):
+            result['tenant_id'] = connection.tenant and connection.tenant.id
+            result['tenant_name'] = connection.tenant and connection.tenant.name
        dept = getattr(user, 'dept', None)
        if dept:
            result['dept_info'] = {
@ -307,8 +335,9 @@ class UserViewSet(CustomModelViewSet):
    @action(methods=["PUT"], detail=False, permission_classes=[IsAuthenticated])
    def update_user_info(self, request):
        """修改当前用户信息"""
-        user = request.user
-        Users.objects.filter(id=user.id).update(**request.data)
+        serializer = UserInfoUpdateSerializer(request.user, data=request.data, request=request)
+        serializer.is_valid(raise_exception=True)
+        serializer.save()
        return DetailResponse(data=None, msg="修改成功")

    @action(methods=["PUT"], detail=True, permission_classes=[IsAuthenticated])
--- a/web/public/image/avatar.png
+++ b/web/public/image/avatar.png
--- a/web/src/layout/header-aside/components/header-color/index.vue
+++ b/web/src/layout/header-aside/components/header-color/index.vue
@ -1,10 +1,12 @@
 <template>
+  <el-tooltip effect="dark" :content="'颜色'" placement="bottom">
    <el-color-picker
-    class="btn-text can-hover"
+      class="can-hover"
      :value="value"
      :predefine="predefine"
      size="mini"
      @change="set"/>
+  </el-tooltip>
 </template>

 <script>
--- a/web/src/layout/header-aside/components/header-user/index.vue
+++ b/web/src/layout/header-aside/components/header-user/index.vue
@ -8,9 +8,22 @@
 -->
 <template>
  <el-dropdown size="small" class="d2-mr">
+    <el-link
+      type="primary"
+      :underline="false"
+      style="margin-bottom: 2px;margin-left: 10px"
+      v-if="isTenants"
+      >
+      <span>
+        当前租户：{{info.tenant_name}}
+      </span>
      <span class="btn-text">{{
      info.name ? `你好 ${info.name}` : "未登录"
    }}</span>
+    </el-link>
+    <span class="btn-text" v-else>{{
+      info.name ? `你好 ${info.name}` : "未登录"
+    }}</span>
    <el-dropdown-menu slot="dropdown">
      <el-dropdown-item @click.native="userInfo">
        <d2-icon name="cog" class="d2-mr-5" />个人信息
@ -30,6 +43,11 @@ export default {
  computed: {
    ...mapState('d2admin/user', ['info'])
  },
+  data () {
+    return {
+      isTenants: window.pluginsAll && window.pluginsAll.indexOf('dvadmin-tenants-web') !== -1
+    }
+  },
  methods: {
    ...mapActions('d2admin/account', ['logout']),
    /**
--- a/web/src/layout/header-aside/components/header-user/userinfo.vue
+++ b/web/src/layout/header-aside/components/header-user/userinfo.vue
@ -1,11 +1,3 @@
-<!--
- * @创建文件时间: 2021-07-26 23:08:16
- * @Auther: 猿小天
- * @最后修改人: 猿小天
- * @最后修改时间: 2021-08-12 11:32:30
- * 联系Qq:1638245306
- * @文件介绍: 用户信息
-->
 <template>
  <d2-container class="page">
    <el-tabs v-model="activeName" @tab-click="handleClick">
@ -14,37 +6,15 @@
          <el-col :span="10" :offset="6">
            <el-form
              ref="userInfoForm"
+              label-width="100px"
              :model="userInfo"
              required-asterisk
              :rules="userInforules"
              :label-position="position"
              center
            >
-              <el-form-item prop="avatar" required label="头像">
-                <el-upload
-                  class="avatar-uploader"
-                  list-type="picture-card"
-                  :file-list="fileList"
-                  :action="action"
-                  :headers="headers"
-                  :limit="1"
-                  :disabled="fileList.length === 1"
-                  :on-success="handleAvatarSuccess"
-                >
-                  <!-- <el-image
-                    v-if="userInfo.avatar"
-                    :src="userInfo.avatar"
-                    :preview-src-list="[userInfo.avatar]"
-                    style="width: 100px; height: 100px"
-                    alt="头像"
-                  ></el-image>
-                  <i
-                    v-else
-                    class="el-icon-plus avatar-uploader-icon"
-                    style="width: 100px; height: 100px"
-                  ></i> -->
-                  <i class="el-icon-plus"></i>
-                </el-upload>
+              <el-form-item prop="avatar" label="头像">
+                <d2p-cropper-uploader :value="userInfo.avatar || '/image/avatar.png'" @input="handleAvatarSuccess"/>
              </el-form-item>
              <el-form-item prop="name" required label="昵称">
                <el-input v-model="userInfo.name" clearable></el-input>
@ -52,6 +22,19 @@
              <el-form-item label="电话号码" prop="mobile">
                <el-input v-model="userInfo.mobile" clearable></el-input>
              </el-form-item>
+              <el-form-item label="所属部门" prop="dept">
+                <el-input :value="userInfo.dept_info && userInfo.dept_info.dept_name" clearable disabled></el-input>
+              </el-form-item>
+              <el-form-item label="当前角色" prop="role">
+                <el-select :value="userInfo.role" multiple placeholder="请选择" size="mini" disabled>
+                  <el-option
+                    v-for="item in userInfo.role_info"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </el-form-item>
              <el-form-item label="邮箱" prop="email">
                <el-input v-model="userInfo.email" clearable></el-input>
              </el-form-item>
@ -206,7 +189,6 @@ export default {
        params: {}
      }).then((res) => {
        _self.userInfo = res.data
-        _self.fileList = [{ name: 'avatar.png', url: res.data.avatar }]
      })
    },
    /**
@ -217,10 +199,12 @@ export default {

      _self.$refs.userInfoForm.validate((valid) => {
        if (valid) {
+          const userInfo = _self.userInfo
+          delete userInfo.role
          request({
            url: '/api/system/user/update_user_info/',
            method: 'put',
-            data: _self.userInfo
+            data: userInfo
          }).then((res) => {
            _self.$message.success('修改成功')
            _self.getCurrentUserInfo()
@ -289,8 +273,7 @@ export default {
     */
    handleAvatarSuccess (res, file) {
      console.log(11, res)
-      this.fileList = [{ url: util.baseURL() + res.data.url, name: file.name }]
-      this.userInfo.avatar = util.baseURL() + res.data.url
+      this.userInfo.avatar = res
    }
  }
 }
--- a/web/src/libs/util.js
+++ b/web/src/libs/util.js
@ -39,7 +39,7 @@ util.open = function (url) {
 util.baseURL = function () {
  var baseURL = process.env.VUE_APP_API
  var param = baseURL.split('/')[3] || ''
-  if (window.pluginsAll && window.pluginsAll.indexOf('dvadmin-tenant-web') !== -1 && (!param || baseURL.startsWith('/'))) {
+  if (window.pluginsAll && window.pluginsAll.indexOf('dvadmin-tenants-web') !== -1 && (!param || baseURL.startsWith('/'))) {
    // 1.把127.0.0.1 替换成和前端一样域名
    // 2.把 ip 地址替换成和前端一样域名
    // 3.把 /api 或其他类似的替换成和前端一样域名
@ -66,7 +66,7 @@ util.baseURL = function () {
 util.wsBaseURL = function () {
  var baseURL = process.env.VUE_APP_API
  var param = baseURL.split('/')[3] || ''
-  if (window.pluginsAll && window.pluginsAll.indexOf('dvadmin-tenant-web') !== -1 && (!param || baseURL.startsWith('/'))) {
+  if (window.pluginsAll && window.pluginsAll.indexOf('dvadmin-tenants-web') !== -1 && (!param || baseURL.startsWith('/'))) {
    // 1.把127.0.0.1 替换成和前端一样域名
    // 2.把 ip 地址替换成和前端一样域名
    // 3.把 /api 或其他类似的替换成和前端一样域名
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@ -62,14 +62,7 @@ router.beforeEach(async (to, from, next) => {
        method: 'get',
        params: {}
      })
-      await store.dispatch('d2admin/user/set', {
-        name: res.data.name,
-        user_id: res.data.id,
-        avatar: res.data.avatar,
-        role_info: res.data.role_info,
-        dept_info: res.data.dept_info,
-        is_superuser: res.data.is_superuser
-      }, { root: true })
+      await store.dispatch('d2admin/user/set', res.data, { root: true })
      await store.dispatch('d2admin/account/load')
      store.dispatch('d2admin/dept/load')
      store.dispatch('d2admin/settings/init')
--- a/web/src/store/modules/d2admin/modules/account.js
+++ b/web/src/store/modules/d2admin/modules/account.js
@ -11,6 +11,7 @@ import util from '@/libs/util.js'
 import router from '@/router'
 import store from '@/store/index'
 import { SYS_USER_LOGIN, SYS_USER_LOGOUT } from '@/views/system/login/api'
+import { request } from '@/api/service'

 export default {
  namespaced: true,
@ -44,13 +45,19 @@ export default {
      util.cookies.set('token', res.access)
      util.cookies.set('refresh', res.refresh)
      // 设置 vuex 用户信息
-      await dispatch('d2admin/user/set', {
-        name: res.name,
-        user_id: res.userId,
-        avatar: res.avatar,
-        role_info: res.role_info,
-        dept_info: res.dept_info
-      }, { root: true })
+      // await dispatch('d2admin/user/set', {
+      //   name: res.name,
+      //   user_id: res.userId,
+      //   avatar: res.avatar,
+      //   role_info: res.role_info,
+      //   dept_info: res.dept_info
+      // }, { root: true })
+      var userInfoRes = await request({
+        url: '/api/system/user/user_info/',
+        method: 'get',
+        params: {}
+      })
+      await store.dispatch('d2admin/user/set', userInfoRes.data, { root: true })
      // 用户登录后从持久化数据加载一系列的设置
      await dispatch('load')
    },