复选框

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

------------
下拉网格

------------
代码示例如下
```html
<template>
    <div>
        <el-input v-model="model.b"/>
        <hi-checkbox :model="model" :dataSource="deptStore" v-model="model.a" v-bind="option" style="width:400px" ></hi-checkbox>
    </div>
</template>
<script>
    export default {
    data() {
        return {
            deptCfg: {
                modelFile: "eap5csxm.pro/KongJianCeShi.dir/ShuJuZuJian.dir/MoXingCeShi.dir/ShuJuMoXing.moduledir/dataset.datadir/ChaZhaoDingYiCeShi-ShuJuJi.bizstore|vfPrrdr.BizEntity~_extFile",
                //数据集配置  部门
                id: "dept",
                //主键
                primary: ["id"],
                //操作权限
                operations: ["oinsert", "odelete", "oquery", "omodify"],
                //字段顺序,自动填充的顺充
                sortFields: ["id", "name"],
                fields: {
                id: {
                    name: "F7", //字段ID
                    label: "部门ID", //字段描述
                    // dbtype: "dbInt", //数据类型
                    // required: true,
                    // precision: 0,
                    // readonly: true,
                    readonly: false,
                    length: 50,
                    rules: [],
                    /* default: {
                                    //默认值
                                    //rule: "first", //prior   填充规则
                                    exps: (data) => {
                                        //填充表达式
                                        return "部门" + new Date().valueOf()
                                    },
                                }, */
                },
                desc: {
                    name: "desc", //字段ID
                    label: "部门描述", //字段描述
                    readonly: false,
                    // required: true,
                    dbtype: "dbString", //数据类型
                    fireTarget: ["name"],
                    "validateList": [
                        {
                            "expr": function (value, dataset, data) {
                                //return new Error("部门描述错误消息")
                            }
                        }
                    ]
                },
                name: {
                    name: "name", //字段ID
                    label: "部门名称", //字段描述
                    // required: true,
                    dbtype: "dbString", //数据类型
                    readonly: false,
                    default: {
                    //默认值
                    //rule: "first", //prior   填充规则
                    exps: (data) => {
                        //填充表达式
                        return "部门" + data.desc || data.id;
                    },
                    },
                },
                field12: {
                    name: "field12", //字段ID
                    label: "field12", //字段描述
                },
                field18: {
                    name: "field18", //字段ID
                    label: "field18", //字段描述
                    dbtype: "dbBoolean", //数据类型
                },
                field13: {
                    lookup: {
                    fieldPair: {
                        "dept": {
                            "targetEntity": "ssss",
                            "returnFields": {
                                "field13": "FC1",
                                "id": "FC2"
                            }
                        }
                    },
                    },
                },
                },
            },
            model:{
                a:"11,21",
                b:""
            },
            value: "",
            option:{
                name:"F7",
                required:true,
                label: "下拉网格",
                checkboxButton:true,
                selectOption:{
                    // remote:true,
                    // "no-data-text":"无数据",
                    loading:false,
                    // multiple:false,
                    // "show-header":false,
                    clearable:true,
                    filterable:true, 
                    "allow-create":true,
                    // "collapse-tags":true
                },
               
                lookup:{
                    multiSelect:false,
                    checkValid:true,
                    active:true,
                    sourceDatas1:[
                        {
                            "FC1": "a",
                            "FC2": "aa"
                        },
                        {
                            "FC1": "b",
                            "FC2": "bb"
                        },
                        {
                            "FC1": "c",
                            "FC2": "cc"
                        }
                    ],
                    // param:new dataHelper.queryHelper.Param(
                    //     {where:new dataHelper.queryHelper.Where({
                    //         "join": "and",
                    //         "criterionData": {
                    //             items:[{
                    //                 "sign": "noteq",
                    //                 "name": "FDESC",
                    //                 "tablefilter": false,
                    //                 "dataType": "dbString",
                    //                 "value":"-1",
                    //                 "enabled": true
                    //            }
                    //         ]}
                    //     })}
                    // ),
                    "modelFile":"eap5csxm.pro/KongJianCeShi.dir/ShuJuZuJian.dir/MoXingCeShi.dir/ShuJuMoXing.moduledir/dataset.datadir/ChaZhaoDingYiShuJuJi.bizstore|YpDTzIRm.BizEntity~_extFile",
                    // label:"FC2",
                    // filtername:"FCOMMON",
                    // filternames:[{
                    //     name:"FDESC"
                    // },{
                    //     name:"FPINYIN",
                    //     operate:"like"
                    // },{
                    //     name:"FJIANPIN"
                    // }],
                    tableprops:{
                        // border:true,
                        hideRowBorder:true,
                        stripe:true,
                        "show-header":false,
                        //fit:false,
                        size:"mini",
                        "max-height":400,
                        white_space_nowrap:true
                    },
                    "returnFields": {
                        "a": "FC1", 
                        "b": "FC2",
                        "F7":"FC1"
                    },
                    "columns": [
                        {
                            "name": "FC1",
                            "label": "简拼",
                            // "width":
                        },
                        {
                            "name": "FC2",
                            "label": "编号",
                            "width":100
                        },
                       /*  
                        {
                            "name": "FUSERID",
                            "label": "FUSERID"
                        } */
                    ]
                }
            }
        }
    },
    methods: {

},
    created() {
    this.deptStore = this.$dsContainer.createDataSet(this.deptCfg);
  },

};
</script>
```

</div>

### Attributes

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

### lookup Attributes

| 参数           | 说明                            | 类型                                 | 可选值 | 默认值  |
|--------------|-------------------------------|------------------------------------|-----|------|
| active       | 激活数据                          | boolean                            |     | true |
| label        | 显示值（来源字段）                     | String                             |     |      |
| modelFile    | 来源数据集                         | String                             |     |      |
| sourceDatas  | 来源数据(当前有值，modelFile无效)        | array                              |     |      |
| param        | 数据过滤参数                        | object/param                       |     |      |
| filtername   | 下拉联想查询字段                      | String                             |     | like |
| filternames  | 下拉联想查询字段组，（当前有值，filtername失效） | { name:"FPINYIN", operate:"like" } |     |      |
| tableprops   | 网格配置                          | object                             |     |      |
| returnFields | 目标返回字段                        | object                             |     |      |
| columns      | 网格列配置                         | Array                              |     |      |

### filternames

| 参数      | 说明   | 类型     | 可选值 | 默认值 |
|---------|------|--------|-----|-----|
| name    | 字段名  | string |     |     |
| operate | 过滤类型 | string |     |     |

### columns

| 参数    | 说明   | 类型     | 可选值 | 默认值 |
|-------|------|--------|-----|-----|
| name  | 字段名  | string |     |     |
| label | 字段描述 | string |     |     |
| width | 字段宽度 | string |     |     |

### tableprops Attributes

| 参数            | 说明       | 类型      | 可选值 | 默认值   |
|---------------|----------|---------|-----|-------|
| hideRowBorder | 是否掩藏横向边框 | boolean |     | false |

</style>