# 打开待办卡片

## 组件效果
![](https://im.weaver.com.cn/server/index.php?s=/api/attachment/visitFile&sign=782996505180daa2de5b91f7bc316166)

## 示例

```js

render() {
    return <>
      <Button type='primary' onClick={this.openWaitDetail}>打开待办H5详情</Button>
      <CorsComponent app='@weapp/my' compName='MRouteMyWaitDetail' onChange={this.onChangeWait} />
      <CorsComponent app='@weapp/my' compName='MRouteMyWaitEditor' onChange={this.onChangeWait} />
    </>
}

openWaitDetail = () => {
        // page： 页面名称， url 上的最后一层
        // id：待办 id，因为同时支持 module + 事项 id 的方式查看详情，所以也可以不传待办 id， 不传时，直接置 0
		// module 模块名
		// entityId 事项 id
		// employeeId 操作账号 id，用于支持次级账号
        this.props.history.push(`${getParentPath(this.props)}/{page}/detail/{id}/{module}/{entityId}/{employeeId}`)
		// 示例一：https://weapp.yunteams.cn/info/message/demo/detail/672260062443372545
		// 示例二：https://weapp.yunteams.cn/info/message/demo/detail/0/workflow/672260062443372545
}

onChangeWait = (data: any, action: any) => {
	console.log('on change wait', data, action)
}
```

## 参数说明
| 参数     | 说明                                                                                               | 类型                                    | 是否必填 | 默认值 |
|:---------|:---------------------------------------------------------------------------------------------------|:----------------------------------------|:---------|:-------|
| onChange | 待办更新（标记完成、创建、修改）后的回调，waitData: 更新完成后的待办信息，action: FINISH 、 CRETTE 、 EDIT | (waitData: any, action: string) => void | 否       | -      |
