应用场景
#
点击每一行右边的图标按钮实现功能，比如查看明细数据，图形，发送消息等
配置方法
#
- 在"数据管理"面板配置"查看ds映射"，弹出查看详情时与查询数据集的对应关系,图标:数据集,逗号分隔
如:el-icon-goods:5,el-icon-food:6
图标你可以使用
elementui的图标
动作数据集
#
比如上面配置的对应 5 号数据集，那么当点击时，系统会向数据集传递整行的数据，我们可以进行对应的处理
- 数据查询,编写 sql即可，系统会自动判断用表格还是图形显示
select a,b from table1 where a='$a'
- 也可以执行任意数据集动作，比如发送邮件,写入数据等等
Elementui完整图标清单
#
常用图标
#
| 图标名称 |
代码 |
预览 |
| search |
el-icon-search |
|
| setting |
el-icon-setting |
|
| user |
el-icon-user |
|
| phone |
el-icon-phone |
|
| star-off |
el-icon-star-off |
|
| star-on |
el-icon-star-on |
|
| s-goods |
el-icon-s-goods |
|
| goods |
el-icon-goods |
|
| question |
el-icon-question |
|
| info |
el-icon-info |
|
| remove |
el-icon-remove |
|
| circle-plus |
el-icon-circle-plus |
|
| success |
el-icon-success |
|
| error |
el-icon-error |
|
系统操作图标
#
| 图标名称 |
代码 |
预览 |
| zoom-in |
el-icon-zoom-in |
|
| zoom-out |
el-icon-zoom-out |
|
| remove-outline |
el-icon-remove-outline |
|
| circle-plus-outline |
el-icon-circle-plus-outline |
|
| circle-check |
el-icon-circle-check |
|
| circle-close |
el-icon-circle-close |
|
| s-help |
el-icon-s-help |
|
| help |
el-icon-help |
|
| minus |
el-icon-minus |
|
| plus |
el-icon-plus |
|
| check |
el-icon-check |
|
| close |
el-icon-close |
|
媒体图标
#
| 图标名称 |
代码 |
预览 |
| picture |
el-icon-picture |
|
| picture-outline |
el-icon-picture-outline |
|
| picture-outline-round |
el-icon-picture-outline-round |
|
| upload |
el-icon-upload |
|
| upload2 |
el-icon-upload2 |
|
| download |
el-icon-download |
|
| camera |
el-icon-camera |
|
| camera-solid |
el-icon-camera-solid |
|
| video-camera |
el-icon-video-camera |
|
| video-camera-solid |
el-icon-video-camera-solid |
|
| message |
el-icon-message |
|
时间与通知图标
#
| 图标名称 |
代码 |
预览 |
| time |
el-icon-time |
|
| bell |
el-icon-bell |
|
| date |
el-icon-date |
|
位置图标
#
| 图标名称 |
代码 |
预览 |
| location |
el-icon-location |
|
| location-outline |
el-icon-location-outline |
|
| location-information |
el-icon-location-information |
|
文档与文件夹图标
#
| 图标名称 |
代码 |
预览 |
| document |
el-icon-document |
|
| folder |
el-icon-folder |
|
| folder-opened |
el-icon-folder-opened |
|
| folder-add |
el-icon-folder-add |
|
| tickets |
el-icon-tickets |
|
购物与订单图标
#
| 图标名称 |
代码 |
预览 |
| ticket |
el-icon-ticket |
|
| s-order |
el-icon-s-order |
|
| s-home |
el-icon-s-home |
|
| s-data |
el-icon-s-data |
|
| s-shop |
el-icon-s-shop |
|
方向与导航图标
#
| 图标名称 |
代码 |
预览 |
| caret-top |
el-icon-caret-top |
|
| caret-bottom |
el-icon-caret-bottom |
|
| caret-left |
el-icon-caret-left |
|
| caret-right |
el-icon-caret-right |
|
| d-caret |
el-icon-d-caret |
|
| arrow-left |
el-icon-arrow-left |
|
| arrow-right |
el-icon-arrow-right |
|
| arrow-up |
el-icon-arrow-up |
|
| arrow-down |
el-icon-arrow-down |
|
| back |
el-icon-back |
|
| right |
el-icon-right |
|
其他图标
#
| 图标名称 |
代码 |
预览 |
| share |
el-icon-share |
|
| s-flag |
el-icon-s-flag |
|
| s-marketing |
el-icon-s-marketing |
|
| s-cooperation |
el-icon-s-cooperation |
|
| s-platform |
el-icon-s-platform |
|
| bottom-left |
el-icon-bottom-left |
|
| bottom-right |
el-icon-bottom-right |
|
| top-left |
el-icon-top-left |
|
| top-right |
el-icon-top-right |
|
| refresh |
el-icon-refresh |
|
| refresh-left |
el-icon-refresh-left |
|
| refresh-right |
el-icon-refresh-right |
|
| delete |
el-icon-delete |
|
| delete-solid |
el-icon-delete-solid |
|