jsplumb vue 流程設計器頁面

https://gitee.com/xiaoka2017/easy-flow.git

數據庫表設計

DROP TABLE IF EXISTS `flow_project`;
CREATE TABLE `flow_project` (
  `id` varchar(64) NOT NULL COMMENT 'ID',
  `name` varchar(100) NOT NULL COMMENT '項目名稱',
  PRIMARY KEY (`id`)
);

DROP TABLE IF EXISTS `flow_node`;
CREATE TABLE `flow_node` (
  `id` varchar(64) NOT NULL COMMENT 'ID',
  `project_id` varchar(64) NOT NULL COMMENT '項目ID',
  `type` varchar(100) NOT NULL COMMENT '類型',
  `name` varchar(100) NOT NULL COMMENT '名稱',
  `left` varchar(100) NOT NULL COMMENT '坐標',
  `top` varchar(100) NOT NULL COMMENT '坐標',
  `ico` varchar(100) NOT NULL COMMENT '圖標',
  `state` varchar(100) NOT NULL COMMENT '狀態',
  PRIMARY KEY (`id`)
);

DROP TABLE IF EXISTS `flow_line`;
CREATE TABLE `flow_line` (
  `id` varchar(64) NOT NULL COMMENT 'ID',
  `project_id` varchar(64) NOT NULL COMMENT '項目ID',
  `from` varchar(64) NOT NULL COMMENT '開始節點ID',
  `to` varchar(64) NOT NULL COMMENT '結束節點ID',
  `label` varchar(100) NOT NULL COMMENT '條件',
  PRIMARY KEY (`id`),
  unique  key  `uni_line`(`from`,`to`)
);