权限修改用户信息，给用户授权

src/api/user.js

@@ -88,6 +88,18 @@ export const DelFGService =(Data) =>{
     })
 }
 
+export const updateUserInfoService = (Data) => {
+    const params = new URLSearchParams();
+    for (let key in Data) {
+        params.append(key, Data[key])
+    }
+    return request.post('/user/update', params, {
+        headers: {
+            'token': Data.token, // 将 token <20><>换为您的令牌值  
+        }
+    })
+}
+
 export const acceptInviteService =(Data)=> {
     const params = new URLSearchParams();
     for (let key in Data) {

src/views/UserList.vue

@@ -2,6 +2,7 @@
 import axios from "axios";
 import { SearchUserService } from "@/api/user.js";
 import { getFriendReqService } from "@/api/user.js";
+import {updateUserInfoService} from "@/api/user.js";
 import {acceptInviteService } from "@/api/user.js";
 import { rejectInviteService } from "@/api/user.js";
 import { addGroupRequestService } from "@/api/user.js"; 
@@ -27,6 +28,7 @@ export default {
       FriendsGList:[],
       GroupList:[],
       groups:[],
+      role: "",
       tokenData: {
         token: localStorage.getItem("token"),
         ip: localStorage.getItem("ip"),
@@ -71,6 +73,10 @@ export default {
       this.tableData = data;
       this.groups= result.group;
     },
+    async setUserPermission(index) {
+      var id = this.tableData[index].ID;
+      await this.displayUserInfo(id);
+    },
     async requestFriend(index) {
       var id = this.tableData[index].ID;
       var name = this.tableData[index].Name;
@@ -185,6 +191,26 @@ export default {
         console.log(e);
       }
     },
+    async updateUserInfo(){
+      let result ={}
+      try{
+        let req={};
+        req.token=localStorage.getItem("token");
+        for(var key in this.UserUpdateForm){
+          req[key] = this.UserUpdateForm[key];
+        }
+        result = await updateUserInfoService(req)
+        if (result.code === 0) {
+          ElMessage.success("更新成功");
+          this.updateDialogVisible = false;
+        } else {
+          ElMessage.error("更新失败");
+        }
+
+      }catch(e){
+        console.log(e);
+      }
+    },
     async RefuseFriendsOrGroup(index){
       var id = this.FriendsGRequestList[index].id;
       var im_id = this.FriendsGRequestList[index].im_id;
@@ -243,24 +269,44 @@ export default {
       router.push("/im");
 
     },
-
+    async getMyUserInfo(id){
-    async displayMyInfo() {
       let result = {};
       try{
         //获取用户信息
+        this.tokenData.id = id;
+        if(this.tokenData.id === undefined){
+          this.tokenData.id = localStorage.getItem("userId");
+        }
         result = await GetUserInfoService(this.tokenData)
         if(result.code ===0){
           this.UserUpdateForm.id = result.data.ID;
           this.UserUpdateForm.name = result.data.Name;
           this.UserUpdateForm.email = result.data.Email;
+          this.UserUpdateForm.redis = result.data.Redis;
+          this.UserUpdateForm.run = result.data.Run;
+          this.UserUpdateForm.upload = result.data.Upload;
           this.UserUpdateForm.age = result.data.Age;
           this.UserUpdateForm.role = result.data.Role;
           this.UserUpdateForm.gender = result.data.Gender;
           this.UserUpdateForm.create_time = result.data.CreatedAt;
+          this.UserUpdateForm.update_time = result.data.UpdatedAt;
+          //console.log("token data:",this.tokenData)
+          if(result.data.ID === parseInt(this.tokenData.userId)){
+            this.role = result.data.Role;
+            //console.log("my role:",this.role);
+          }
         }
       }catch(e){
         console.log(e);
       }
+    },
+
+    async displayMyInfo() {
+      await this.getMyUserInfo(this.tokenData.user_id)
+      this.updateDialogVisible= true;
+    },
+    async displayUserInfo(id) {
+      await this.getMyUserInfo(id)
       this.updateDialogVisible= true;
     },
 
@@ -289,6 +335,7 @@ export default {
     if (localStorage.getItem("token") === null) {
       router.push("/login");
     }
+    await this.getMyUserInfo(localStorage.getItem("userId"));
     this.search_id = Cookies.get("search_id")?Cookies.get("search_id"):2002;
     this.keyword = Cookies.get("keyword")?Cookies.get("keyword"):"";
   },
@@ -384,7 +431,7 @@ export default {
                     ></el-input>
                   </el-form-item>
                   <el-form-item label="邮箱" prop="email">
-                    <el-input v-model="UserUpdateForm.email"></el-input>
+                    <el-input v-model="UserUpdateForm.email" disabled></el-input>
                   </el-form-item>
                   <el-form-item label="Age" prop="age">
                     <el-input v-model="UserUpdateForm.age"></el-input>
@@ -392,11 +439,44 @@ export default {
                   <el-form-item label="性别" prop="gender">
                     <el-input v-model="UserUpdateForm.gender"></el-input>
                   </el-form-item>
-                  <el-form-item label="权限" prop="role">
+                  <el-form-item label="运行脚本权限" prop="run">
-                    <el-input v-model="UserUpdateForm.role" disabled></el-input>
+                  <!-- <el-input v-model="UserUpdateForm.run" v-if="role === 'admin'"></el-input>
+                    <el-input v-model="UserUpdateForm.run" disabled v-if="role !== 'admin'"></el-input> -->
+                    <el-checkbox v-model="UserUpdateForm.run" v-if="role === 'admin'"></el-checkbox>
+                    <el-checkbox v-model="UserUpdateForm.run" disabled v-if="role !== 'admin'"></el-checkbox>
                   </el-form-item>
-                  <el-form-item label="注册时间" prop="role">
+                  <el-form-item label="redis权限" prop="redis">
-                    <el-input v-model="UserUpdateForm.create_time"></el-input>
+                    <!-- <el-input v-model="UserUpdateForm.redis" v-if="role === 'admin'"></el-input>
+                    <el-input v-model="UserUpdateForm.redis" disabled v-if="role !== 'admin'"></el-input> -->
+                    <el-checkbox v-model="UserUpdateForm.redis" v-if="role === 'admin'"></el-checkbox>
+                    <el-checkbox v-model="UserUpdateForm.redis" disabled v-if="role!== 'admin'"></el-checkbox>
+                  </el-form-item>
+                  <el-form-item label="上传权限" prop="upload">
+                  <!-- <el-input v-model="UserUpdateForm.upload" v-if="role === 'admin'"></el-input>
+                    <el-input v-model="UserUpdateForm.upload" disabled v-if="role !== 'admin'"></el-input> -->
+                    <el-checkbox v-model="UserUpdateForm.upload" v-if="role === 'admin'"></el-checkbox>
+                    <el-checkbox v-model="UserUpdateForm.upload" disabled v-if="role!== 'admin'"></el-checkbox>
+                  </el-form-item>
+                  <el-form-item label="用户权限" prop="role">
+                    <!-- <el-input v-model="UserUpdateForm.role" v-if="role === 'admin'"></el-input> -->
+                    <el-input v-model="UserUpdateForm.role" disabled v-if="role !== 'admin'"></el-input>
+
+                    
+                    <el-select v-model="UserUpdateForm.role" v-if="role === 'admin'">
+                      <el-option label="admin" value="admin">管理员</el-option>
+                      <el-option label="user" value="user">普通用户</el-option>
+                    </el-select>
+                    <!-- <el-selector v-model="UserUpdateForm.role" disabled v-if="role !== 'admin'">
+                      <el-option label="admin" value="admin"></el-option>
+                      <el-option label="user" value="user"></el-option>
+                    </el-selector>  -->
+  
+                  </el-form-item>
+                  <el-form-item label="注册时间" prop="create_time">
+                    <el-input v-model="UserUpdateForm.create_time" disabled></el-input>
+                  </el-form-item>
+                  <el-form-item label="上次修改时间" prop="update_time">
+                    <el-input v-model="UserUpdateForm.update_time" disabled></el-input>
                   </el-form-item>
                 </el-form>
                 <!-- 底部区域 -->
@@ -405,13 +485,14 @@ export default {
                     <el-button @click="updateDialogVisible = false"
                       >取消</el-button
                     >
-                    <el-button type="primary" @click="updateDevice()"
+                    <el-button type="primary" @click="updateUserInfo()"
                       >确定</el-button
                     >
                   </span>
                 </template>
               </el-dialog>
             </el-form-item>
+
             <!-- 表单 -->
           <el-form :inline="true" :model="tokenData" class="demo-form-inline">
             <el-form-item>
@@ -538,6 +619,16 @@ export default {
                   @click.prevent="requestFriend(scope.$index)"
                   >请求加好友</el-button
                 >
+                <!-- 如果有权限可设置用户权限 -->
+                <v-if v-if="role === 'admin'">
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    @click.prevent="setUserPermission(scope.$index)"
+                    >设置权限</el-button
+                  >
+                  </v-if>
+
 
                 <!-- <el-button type="danger" size="mini">删除</el-button> -->
               </template>