update: 用户管理列表展示字段增加角色和更新时间

src/modules/system/views/user/List.vue

@@ -5,6 +5,9 @@
       <template v-slot:filter-user="{ params }">
         <user-search v-model="params.sso_id" :options="{ size: 'small' }"/>
       </template>
+      <template v-slot:table-role="{ row }">
+        <p v-for="role in row.roles" :key="role.id">{{role.name}}</p>
+      </template>
       <template #header-aside>
         <el-button type="primary" size="small" style="margin-top:5px;" @click="handleCreate">添加用户</el-button>
       </template>
@@ -63,9 +66,11 @@ export default {
         columns: [
           { type: 'selection', minWidth: '50px', fixed: 'left' },
           { prop: 'id', label: '用户ID', minWidth: '160px' },
-          { prop: 'sso_user.realname', label: '用户姓名', minWidth: '120px' },
-          { prop: 'sso_user.nickname', label: '用户昵称', minWidth: '120px' },
-          { prop: 'sso_user.email', label: '邮箱地址', minWidth: '160px' }
+          { prop: 'sso_user.realname', label: '用户姓名', minWidth: '100px' },
+          { prop: 'sso_user.nickname', label: '用户昵称', minWidth: '100px' },
+          { prop: 'sso_user.email', label: '邮箱地址', minWidth: '160px' },
+          { prop: 'roles', label: '角色', minWidth: '120px', slots: 'table-role' },
+          { prop: 'updated_at', label: '更新时间', minWidth: '160px' }
         ]
       }
     }