基于element-ui的后台系统表格、dialog、筛选、自定义按钮、分页的一次性封装

 

方便基础业务开发封装的一套组件，基于vue2.5.x和element-ui，可以通过配置自动生成表格展示，表格新增、编辑功能、分页、筛选项、自定义显示表格数据等功能。

先上演示图片

----------------------------------

筛选部分

 

 

 

-----------------------------------------------------------

 

自定义按钮部分

 

 

 

--------------------------------

 

表格主体部分

 

 

 ------------

整体效果

 

 

 

 

 

以下为代码部分，都比较基础简单，就直接贴代码了

 

分别有，baseTable,baseDialogForm,customDisplay,filterGroup  4个小组件组成

 

baseTable部分（表格主体）

  1 
 75 
 76 
307 
308 

View Code

customDisplay部分（自定义显示按钮）

  1 
 19 
 20 
 60 

View Code

baseDialogForm部分（基于表格的弹出框表单）

  1 
 40 
 41 
100 
101 

View Code

filterGroup部分（表格上方筛选项集合）

  1 
 94 
 95 

View Code

 

页面调用

  1 
 21 

 

转载于:https://www.cnblogs.com/chenzeyongjsj/p/10635977.html