树选择

![](/media/202404/2024-04-30_102833_352468.png)

------------
级联选择

------------
代码示例如下
```html
<template>
    <div>
        <div v-html="model"></div>
        
        <hi-cascader :model="model" v-model="model.id" v-bind="props"></hi-cascader>
        <hi-cascader-tab :model="model" v-model="model.id" v-bind="props"></hi-cascader-tab>
        <hi-tree-select :model="model" v-model="model.id" v-bind="props"></hi-tree-select>
    </div>
</template>

export default {
    data() {
        return {
            model: { desc: "", id: "",label:"阴凉1",id1:[],pathIds:"",pathLabels:"",id1:"",id2:"",id3:"" },
            props: {
                name: "id",
                label: "查找定义",
                size: "small",
                // separator:"|",
                lookup: {
                    // where:{
                    //     "join": "and",
                    //     "criterionData": {
                    //         items:[{
                    //             "sign": "eq",
                    //             "name": "fid",
                    //             "tablefilter": false,
                    //             "dataType": "dbString",
                    //             "value":function(dataset,model){
                    //                 return "-1"
                    //             },
                    //             "enabled": true
                    //         }
                    //     ] }
                    // },
                    label:"desc",
                    "modelFile": "eap5csxm.pro/KongJianCeShi.dir/ShuJuZuJian.dir/ShuKongJian.moduledir/dataset.datadir/ShuKongJianw_shukongj.bizstore|fDgHULTF.BizEntity~_extFile",
                    // param: { "fid": "-1"},
                    // "multiSelect":true,
                    id: "fguid",
                    pid: "fid",
                    pathIds:"pathIds",//id路径
                    pathLabels: "pathLabels",//标签路径
                    // pathLabel:["id1","id2","id3"],
                    // returnFields: {
                    //     "desc": "name",
                    //     "note":"note",
                    // },
                    sourceDsId:"LttuNS9K",
                    "fieldPair": {
                    //模型数据集
                        "LttuNS9K":
                        {
                            "targetEntity": "vfPrrdr",
                            "returnFields": {
                                // "id": "note",
                                "id": "note"
                            }
                        },
                    },
                },
                "show-all-levels": true,
                props: {
                    value: "note",
                    label: "name",
                    leaf: "leaf",
                    // disabled:"leaf",
                    // defaultExpandedKeys:["a","note2"],
                    // disabled:function(data, node){
                    //     return !data.leaf;
                    // },
                    leafReturn:true,
                    emitPath:false,
                    checkStrictly: true,
                    // lazy: true
                }
            }
        }
    },
    methods: {

},
    created() {

}
};
</script>
```

</div>

### Attributes

| 参数    | 说明         | 类型     | 可选值                   | 默认值 |
|-------|------------|--------|-----------------------|-----|
| name  | 字段名        | string |                       |     |
| label | 字段描述       | string |                       |     |
| size  | 用于控制该按钮的尺寸 | string | medium / small / mini |     |

### lookup Attributes

| 参数           | 说明       | 类型           | 可选值           | 默认值 |
|--------------|----------|--------------|---------------|-----|
| modelFile    | 来源数据集    | string       |               |     |
| param        | 顶级数据参数   | object/param |               |     |
| id           | 树ID字段    | string       |               |     |
| pid          | 树父ID字段   | string       |               |     |
| label        | 目标返回显示字段 | string       |               |     |
| pathLabels   | 标签路径     | string       |               |     |
| pathIds      | ID路径     | string       |               |     |
| path         | ID路径返回   | array        | [id1,id2,id3] |     |
| pathLabel    | 标签路径返回   | array        | [id1,id2,id3] |     |
| returnFields | 目标返回字段   | object       |               |     |

</style>