Skip to content

vscode-chamc-helper

vscode-chamc-helper 是一个脚手架前端的vscode插件

功能

自动提示
代码片段

自动提示

autocomplete

在前端模板（template）中，输入 <chamc 前缀,触发自动提示功能，选择相应的前端组件后，组件代码自动补全。

代码片段

snippets

在script标签内，输入chamc关键字，触发代码片段提示，选择适当的代码片段插入。

组件整理：

组件名称	介绍
common-table	表格组件
common-button	常用的4种按钮，取消、重置、默认、朴素按钮
common-icon-button	图标按钮
common-title	块级标题行
common-form-title	多行表单标题
common-search-form	搜索表单标题，可以按钮
common-uploader	附件上传
user-selector	人员单选、多选，机构单选、多选方式
user-org-selector-group	用户、机构、或者用户机构混合的选择组件，其中用户与机构选择的选择器为选人工具的选择器
role-user-org-selector	用户、机构、或者用户机构混合的选择组件，其中用户与机构选择的选择器为选人工具的选择器；
org-selector	下拉样式的机构选择器
location-selector	地点选择器
tinymce-field	富文本编辑器

公共方法整理：

公共方法名称	前缀	简写	介绍
message-error	chamc	c-message-error	提示信息
import-computeTableHeight	chamc	c-i-computeTableHeight	获取列表頁面table的高度
import-formatDate	chamc	c-i-formatDate	格式化日期
import-parseTreeData	chamc	c-i-parseTreeData	将list[Object]类型数据转化为list[{children:[]}]格式
import-generateExportExcel	chamc	c-i-generateExportExcel	生成导出excel
import-downloadExcel	chamc	c-i-downloadExcel	导出excel
import-formatMoney	chamc	c-i-formatMoney	将字符串格式化为固定格式金额字符串
import-removeMoneySeperation	chamc	c-i-removeMoneySeperation	含有千分符的金额字符串转化为数字类型
import-formatNumber	chamc	c-i-formatNumber	格式化数字
import-getOrgByDeptName	chamc	c-i-getOrgByDeptName	根据部门code获取机构信息
import-hasPermission	chamc	c-i-hasPermission	判断当前登录用户是否存在某权限
import-isEmpty	chamc	c-i-isEmpty	判断传入的数据是否为空
import-getDataType	chamc	c-i-getDataType	判断传入数据的数据类型
import-groupBy	chamc	c-i-groupBy	根据字段进行分组
import-batchDownloadFiles	chamc	c-i-batchDownloadFiles	根据附件列表批量下载附件
import-batchDownloadPageFiles	chamc	c-i-batchDownloadPageFiles	根据vue实例以及上传组件ref列表批量下载附件