前端手册

部门选择器

<dept-tree :value.sync="form.dept"></dept-tree>

Props

参数	说明	类型	可选值	默认值
value.sync	绑定值	Number/Array	—	—
placeholder	用于显示选项	String	—	"请选择归属部门"
multiple	是否多选	Boolean	true / false	false
disable_branch_nodes	是否只能选末级	Boolean	true / false	false

人员选择器

<users-tree :value.sync="form.users"></users-tree>

Props

参数	说明	类型	可选值	默认值
value.sync	绑定值	Number/Array	—	—
placeholder	用于显示选项	String	—	"请选择用户"
multiple	是否多选	Boolean	true / false	false
disable_branch_nodes	是否只能选末级	Boolean	true / false	false

通用模型显示组件(ModelDisplay)

<model-display :api="api" :fields="fields" :funcs="funcs"></model-display>

Props

参数	说明	类型	可选值	默认值
listApi	用于请求列表api，通过/src/下定义 xxx.js，导入此js中的request对象	Function	--	必填
fields	需要展示的字段	Array	--	[]
funcs	功能类型	Array	--	[]

fields

参数	说明	类型	可选值	默认值	是否必填
prop	后端列名称	String	id / name / code / ...	--	是
label	前端表头名称	String	ID/名称/编码	--	是
show	是否要在表格中显示此字段	Boolean	true / false	false	否
unique	唯一索引字段	Boolean	true / false	false	否
type	字段类型	String	string / date / option / bool / users / depts / model_select	string	否
option_key	此值是在"字段类型"为 option 时需要加的，值为字典管理中的"字典类型"值，如:性别 sys_user_sex	String	sys_user_sex/sys_common_status/...	否
select_data	此值是在"字段类型"为 model_select 时需要加的	Object	具体内容参考下方select_data	否
form	是否可以form表单录入或者修改	Boolean	true / false	false	否
rules_message	表单校验信息	String	--	XXX不能为空	否
trigger	表单触发类型	String	click / focus / hover / manual	blur	否
required	表单中是否必填	Boolean	true / false	false	否

funcs

参数	说明	类型	可选值	默认值	是否必填
type	功能类型	String	add / update / delete / select / export / import	--	是
label	功能按钮名字	String	--	--	是
permis	功能按钮的权限列表，在录入菜单时生成	String	--	--	是
icon	功能按钮的图标	String	--	--	是

select_data

参数	说明	类型	可选值	默认值	是否必填
listApi	选择器信息 api 对象	Function	--	--	是
placeholder	用于显示文字选项	String	--	请选择	否
multiple	是否多选	Boolean	true / false	false	否
disable_branch_nodes	是否只能选末级	Boolean	true / false	false	否
label_name	用于下拉显示名称的字段	String	--	'name'	否

添加菜单页面

• 戳我

文件上传