fix(control): 获取用户角色

Author: lisgroup

admin/src/views/user/index.vue

@@ -17,12 +17,25 @@
           {{ scope.row.id }}
         </template>
       </el-table-column>
-      <el-table-column label="用户名称">
+
+      <el-table-column label="用户昵称">
         <template slot-scope="scope">
           {{ scope.row.name }}
         </template>
       </el-table-column>
 
+      <el-table-column label="邮箱">
+        <template slot-scope="scope">
+          {{ scope.row.email }}
+        </template>
+      </el-table-column>
+
+      <el-table-column label="分配的角色">
+        <template slot-scope="scope">
+          <el-tag v-for="role in scope.row.roles" :key="role.id">{{ role.name }}</el-tag>
+        </template>
+      </el-table-column>
+
       <el-table-column align="center" prop="created_at" label="创建时间" width="">
         <template slot-scope="scope">
           <i class="el-icon-time"/>
@@ -178,4 +191,7 @@ export default {
   .pagination {
     margin: 20px auto;
   }
+  .el-tag {
+    margin: 0 5px;
+  }
 </style>

laravel/app/Http/Controllers/Api/UserController.php

@@ -37,6 +37,9 @@ public function __construct()
     public function index()
     {
         $list = User::paginate(11);
+        foreach ($list as $key => $item) {
+            $list[$key]['roles'] = $item->roles;
+        }
         return $this->out(200, $list);
     }