decorate/src/views/member/columns.ts

import type { Member } from '@/api'
import type { ColumnsType } from 'ant-design-vue/es/table'
import { h } from 'vue'

export const memberColumns: ColumnsType<Member> = [
  // {
  //   title: '序列',
  //   dataIndex: 'teamId',
  //   key: 'teamId',
  //   customRender: ({ index }) => index + 1
  // },
  {
    title: '成员名称',
    dataIndex: 'nickName',
    key: 'nickName'
  },
  {
    title: '账号',
    dataIndex: 'userName',
    key: 'userName'
  },
  {
    title: '项目角色',
    dataIndex: 'roles',
    key: 'roles',
    customRender(data) {
      return h(
        'span',
        null,
        data.record.roles.map(role => role.roleName).join('、')
      )
    }
  },
  {
    title: '绑定手机号',
    dataIndex: 'bindAccount',
    key: 'bindAccount'
  },
  {
    title: '备注',
    key: 'remark',
    dataIndex: 'remark'
  },
  {
    title: '添加时间',
    dataIndex: 'createTime',
    key: 'createTime'
  }
]