# 前端手册

# 部门选择器

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

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>
1

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>
1

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'

# 添加菜单页面

# 文件上传