Advertisement

使用ECharts框架结合HTML、JS和CSS技术,在左侧列表中拖拽生成流程树

阅读量:

具体效果如图中所示:

(通过左侧拖拽至右侧,可执行添加与删除等操作,最终完成提交流程)

1. 本研究基于echarts实现,因此需引入echart.min.js文件,

相关下载链接请访问: 下载 - Apache ECharts

2. HTML代码部分:(本项目采用angular6结合UI框架ng-zorro进行开发,亦可自行编写样式代码)

复制代码
 <nz-layout>

    
   <div nz-row class="titlek">
    
     新建流程
    
   </div>
    
   <div nz-row class="row" nzGutter="4">
    
     <div nz-col class="gutter-row" nzSpan="4">
    
       <div class="top">
    
     <div nz-row class="title">

全部评论 (0)

还没有任何评论哟~