Yiuman / bpmn-vue-activiti

基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)

Home Page:https://yiuman.github.io/bpmn-vue-activiti/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

如何在用户任务里给处理人和候选人下拉赋值备选项呢

yrcy0418 opened this issue · comments

如何在用户任务里给处理人和候选人下拉赋值备选项呢

可以在src/bpmn/config/modules/Task.tsx 中修改下面配置,若有后台可以添加接口自行获取

const USER_OPTIONS = [
  { label: '张三', value: '1' },
  { label: '李四', value: '2' },
  { label: '王五', value: '3' },
];

const UserOption: JSX.Element = (
  <>
    {USER_OPTIONS.map((item) => {
      return <ElOption {...item} />;
    })}
  </>
);

接口在哪调用呢,我调用了接口数据不更新

集成自己的接口,返回数据处理成ElOption组件即可,例如:

const  apiDatas = await doGetData();
const UserOption: JSX.Element = (
  <>
    {apiDatas.map((item) => {
      return <ElOption {...item} />;
    })}
  </>
);