Слияние кода завершено, страница обновится автоматически
Пользовательский компонент узлов процесса, который позволяет реализовывать собственные процессы, организационную структуру и т. д.
https://flow. 17xunle. com
Логин: 13600000000
Пароль: admin123456
! [Введите описание изображения](uploads/flowNodes1657792524386. jpg). png)
! [Введите описание изображения](uploads/flowNodesimage. png) а также содержимое пользовательских узлов
layui. config({
base: '. /lib/layui_exts/',
}). extend({
flowNode: "flowNode",
}). use(['flowNode'], function () {
let flowNode = layui. flowNode
});
let flowNodeObj = flowNode. render({
el:'#flow_nodes',//элемент, куда нужно вывести
data:[],//узловые данные
nodeContent: function(node){
//параметр - текущие данные узла
return node. title
},//содержимое узла
});
flowNodeObj. reload(nodes)
[
{"id":1,
"pid":0,//ID родительского узла
"title":"Начало",//заголовок узла, который можно настроить
"type":1,//тип узла: 1 - начальный узел, 2 - конечный узел (не используется), 3 - обычный узел, 4 - узел сходимости
"children":[],//детские узлы, определяющие структуру ветвления узла, структура каждого узла аналогична данной
``````markdown
"convergent":{}, //узел сходимости, определяющий эффект объединения нескольких ветвей, каждый узел может содержать только один узел сходимости, структура аналогична данной
}
]
Основное условие - установка родительского узла сходимости и узла начала ветвления на одинаковый уровень, другие детали будут добавлены позже.
[
{
"id":1,
"flow_id":1,
"pid":0,
"title":"Начало",
"type":1,
"created_at":"2022-07-09 07:49:40",
"updated_at":"2022-07-09 07:49:40",
"sort":1,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
{
"id":2,
"flow_id":1,
"pid":1,
"title":"Узел 1-1",
"type":3,
"created_at":"2022-07-09 07:49:56",
"updated_at":"2022-07-09 07:50:18",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
{
"id":9,
"flow_id":1,
"pid":2,
"title":"узел 1-1-1",
"type":3,
"created_at":"2022-07-14 09:31:37",
"updated_at":"2022-07-14 09:31:37",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
}
]
}
]
}
]
``````markdown
},
{
"id":10,
"flow_id":1,
"pid":2,
"title":"узел 1-1-2",
"type":3,
"created_at":"2022-07-14 09:31:53",
"updated_at":"2022-07-14 09:31:53",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
}
],
"convergent":null
},
{
"id":3,
"flow_id":1,
"pid":1,
"title":"узел 1-2",
"type":3,
"created_at":"2022-07-09 07:50:10",
"updated_at":"2022-07-09 07:50:10",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
{
"id":5,
"flow_id":1,
"pid":3,
"title":"Узел 1-2-1",
"type":3,
"created_at":"2022-07-09 07:50:53",
"updated_at":"2022-07-09 07:50:53",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
},
{
"id":6,
"flow_id":1,
"pid":3,
"title":"Узел 1-2-2",
"type":3,
"created_at":"2022-07-09 07:51:08",
"updated_at":"2022-07-09 07:51:08",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
}
]
}
``` "created_at":"2022-07-09 07:51:04",
"updated_at":"2022-07-09 07:51:04",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
},
],
"convergent":{
"id":7,
"flow_id":1,
"pid":3,
"title":"Узел 1-2-3",
"type":4,
"created_at":"2022-07-09 07:51:24",
"updated_at":"2022-07-09 07:51:24",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
{
"id":8,
"flow_id":1,
"pid":7,
"title":"Узел 2-1",
"type":3,
"created_at":"2022-07-14 09:30:54",
"updated_at":"2022-07-14 09:30:54",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
}
],
"convergent":null
}
],
"convergent": {
"id":4,
"flow_id":1,
"pid":1,
"title":"Завершение",
"type":4,
"created_at":"2022-07-09 07:50:36",
"updated_at":"2022-07-14 09:30:33",
"sort":0,
"handler_id":0,
"aging":0,
"desc":"",
"children":[
],
"convergent":null
}
] "handler_id": 0,
"aging": 0,
"desc": "",
"children": [
],
"convergent": null
]
]
]
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )