---
order: 2
group:
  title: 应用区
---

## 人员列表

Demo:

```tsx
import React from 'react';
import { Button } from 'antd';
import * as Charts from 'edata-charts';
import { DispatchIOCEvent } from '../../../utils';

const props = {
  title: '查看管控信息',
  data: [
    {
      name: '张*扬',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/7172494e-8c20-45db-a84d-234124c881f6.png',
      identityCardNum: '342221*******4539',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 8,
      relationHouse: '模拟花园小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      type: '社区矫正人员',
      attentionInfo: {
        level: 1,
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张*东',
        phone: '156****2389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '出行异常',
          date: '2020/8/20',
        },
        {
          type: '其他异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 8,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '张*扬',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/7172494e-8c20-45db-a84d-234124c881f6.png',
      identityCardNum: '342221*******4539',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟花园小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      type: '社区矫正人员',
      attentionInfo: {
        level: 1,
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张*东',
        phone: '156****2389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '出行异常',
          date: '2020/8/20',
        },
        {
          type: '其他异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
    {
      name: '王*强',
      portrait:
        'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/d0d5d264-b1b4-45e2-b98a-48c7fd5011f8.png',
      type: '重病卧床老人',
      identityCardNum: '330792******2312',
      phone: '188****8234',
      licensePlate: '浙E****2',
      building: 2,
      relationHouse: '模拟小区8幢1单元504',
      warning: true,
      warningType: '独居老人居家异常',
      warningDate: '2020/8/15',
      attentionInfo: {
        level: '2',
        responsibleGrid: '南星街道海月桥社区第二网格',
        responsibleLeader: '张大四',
        phone: '15620972389',
      },
      investigateInfo: {
        lastVisitDate: '2020/08/20 09:00',
        name: '王超',
      },
      relationWarningList: [101, 20, 30, 40, 50, 60],
      warningList: [
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
        {
          type: '独居老人居家异常',
          date: '2020/8/20',
        },
      ],
    },
  ],
  size: {
    width: '100%',
    height: '100%',
  },
  visible: true,
  type: 'control',
  subTitle: '海月花园8栋',
};

function handleClick() {
  DispatchIOCEvent('biz-person-management-show', { type: 'control' });
}

export default () => (
  <>
    <Charts.BizPersonManagement {...props} />
    <Button onClick={handleClick}>打开人员列表</Button>
  </>
);
```

## API

| 参数  | 说明                   | 类型   |
| ----- | ---------------------- | ------ |
| size  | 容器的宽高             | object |
| limit | 显示的数据条数，默认 4 | number |
| color | 星星样色，默认 #FF9900 | string |
| data  | 数据源                 | array  |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |

## 数据源格式

```js
[
  {
    id: 1,
    title: '政策研究评分',
    value: 4.4,
  },
];
```