修改人员管理

src/views/system/user/index.vue

@@ -68,7 +68,9 @@
         </template>
         </el-table-column>
         <el-table-column label="手机号" align="center"  prop="phonenumber"/>
-        <el-table-column label="角色" align="center"  prop=""/>
+        <el-table-column label="角色" align="center">
+          <template slot-scope="scope">{{formatterRoles(scope.row.roles)}}</template>
+        </el-table-column>
         <el-table-column label="备注" align="center"  prop="remark"/> 
         <el-table-column label="状态" align="center"  prop="status">
           <template scope="scope">
@@ -207,6 +209,15 @@ export default {
     });
   },
   methods: {
+    formatterRoles(roleList){
+      let roleNames=[];
+      if(roleList.length>0){
+        for(let i=0;i<roleList.length;i++){          
+          roleNames.push(roleList[i].roleName);          
+        }
+        return roleNames.join();
+      }
+    },
     /** 查询人员列表 */
     getList() {
       this.loading = true;