业务字典组件

业务字典组件对el-cascader组件进行了封装，因业务字典大多会出现多级的选择如行政区划，业务分类等，这样通过字典数据的统一管理，在前端提供不同的组件进行数据选择。

1、使用方法

业务字典组件使用时需要先import引用，之后就可以直接使用 waf-business-dict ，传递相应的参数即可使用

<!-- 业务字典使用-->
<waf-business-dict parentCode="test" :props="props" ref="dictRef"/>

// script 示例代码
import WafBusinessDict from '@/components/DataDict/BusinessDict'
data() {
    return {
        props: {
            multiple: true,
            value: 'code', label: 'name'
        }
    }
},
methods: {
 getDictVal() {
     // 获取选择的值
     console.info(this.$refs.dictRef.getCheckedNodes())
 }
}

2、组件参数说明

分页组件由el-cascader重新封装，理论上原有的属性按官方文档一样来使用，这里只列举自定义的一些属性

参数	说明	类型	可选值	默认值
parentCode	业务字典分类编码	string	—	—
props	组件属性	object	—	{ value: 'code', label: 'name' }
ref	组件引用	object	—	—

注意： 默认可以不设置props属性，如需要设置，要把value,label做个映射，我们的数据返回对应的是code,name

3、示例访问

示例文件路径：src/views/demo/DataDictDemo.vue
本地访问地址： http://localhost:8080/#/demo/dict