根据数据及图片写一个vue+element项目的demo，完成后会答谢。

// planProcessIntentionListByProcess中的intentionManager（组长） intentionMembers（组员）intentionReviewer（主审）  没有的话（无角色）
// jsonHand 中的数据表示人员横坐标表示
// processList 项目名称的数据纵坐标表示

其中回显意向点的数据与 选择项目组长，项目组员，项目主审操作按钮无关联，选择 按钮是独立功能
let intentionHandlerList = {
    "jsonHand": [
        {
            "name": "宋会",
            "oa": "SH"
        },
        {
            "name": "李高",
            "oa": "LIGAO"
        },
        {
            "name": "王小明",
            "oa": "WANGXIAOMING"
        }
    ],
    "processList": [
        {
            "processId": 289,
            "processName": "33333333333"
        },
        {
            "processId": 288,
            "processName": "2222222222222"
        },
        {
            "processId": 287,
            "processName": "项目11111111"
        }
    ]
}

let planProcessIntentionListByProcess = [
            {
                "id": 28,
                "intentionManager": "WANGXIAOMING",
                "intentionMembers": "",
                "intentionReviewer": "",
                "planProcessId": 289
            },
            {
                "id": 29,
                "intentionManager": "",
                "intentionMembers": "WANGXIAOMING",
                "intentionReviewer": "",
                "planProcessId": 288
            },
            {
                "id": 30,
                "intentionManager": "",
                "intentionMembers": "",
                "intentionReviewer": "WANGXIAOMING",
                "planProcessId": 287
            },
            {
                "id": 31,
                "intentionManager": "",
                "intentionMembers": "LIGAO",
                "intentionReviewer": "",
                "planProcessId": 289
            },
            {
                "id": 32,
                "intentionManager": "",
                "intentionMembers": "LIGAO",
                "intentionReviewer": "",
                "planProcessId": 288
            },
            {
                "id": 33,
                "intentionManager": "",
                "intentionMembers": "LIGAO",
                "intentionReviewer": "",
                "planProcessId": 287
            },
            {
                "id": 34,
                "intentionManager": "",
                "intentionMembers": "",
                "intentionReviewer": "SH",
                "planProcessId": 289
            },
            {
                "id": 35,
                "intentionManager": "",
                "intentionMembers": "SH",
                "intentionReviewer": "",
                "planProcessId": 288
            },
            {
                "id": 36,
                "intentionManager": "SH",
                "intentionMembers": "",
                "intentionReviewer": "",
                "planProcessId": 287
            }
        ]

根据上述数据做一个带有四个项目角色的意向图，如上图所示，然后每个白点的时候允许勾选项目组长或项目组员或者项目主审，只能单选，选完后无需屏蔽，写一个demo。猿友们支援，解决后，提供绿泡泡后会有红包感谢~