扫码枪

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

------------
查找定义

------------
代码示例如下
```html
<template>
  <div>
    <el-input v-model="deptStore.curRecord.F1"></el-input>
    <hi-barscanner 
      :dataSource="deptStore"
      :model="deptStore.curRecord"
      v-model="model.id"
      v-bind="props"
      @afterchange="handleChange"
      @beforechange="beforechange"
      clearable></hi-barscanner>
      <div style="height:300px">
          <hi-table isFill v-if="deptStore" :data-source="deptStore" :model="deptStore.data" v-bind="subTableCfg" size="mini" isEdit></hi-table>
      </div>
  </div>
</template>

},
      personCfg:{
        modelFile: "eap5csxm.pro/KongJianCeShi.dir/ShuJuJiCeShi.dir/MysqlShuJuJi.moduledir/dataset.datadir/ZhuCongCongShuJuJi.bizstore|gDmQWkNE.BizEntity~_extFile",
        desc:"从表",
        //数据集配置  部门
        id: "subStore",
        "pageSize":5,
        //主键
      },
      deptCfg: {
        modelFile: "eap5csxm.pro/KongJianCeShi.dir/ShuJuJiCeShi.dir/MysqlShuJuJi.moduledir/dataset.datadir/ZhuCongCongShuJuJi.bizstore|o6VcEuOC.BizEntity~_extFile",
        desc:"数据集配置部门",
        //数据集配置  部门
        id: "ssss",
        "pageSize":5,
        //主键
        primary: ["id"],
        //操作权限
        operations: ["oinsert", "odelete", "oquery", "omodify"],
        //字段顺序,自动填充的顺充
        sortFields: ["id", "name"],
        fields: {
          id: {
            name: "id", //字段ID
            label: "部门ID", //字段描述
            dbtype: "dbString", //数据类型
            // required: true,
            // precision: 0,
            // readonly: true,
            readonly: false,
            length: 50,
            rules: [],
            default: {
                            //默认值
                            //rule: "first", //prior   填充规则
                            exps: (data) => {
                                //填充表达式
                                return "部门" + new Date().valueOf()
                            },
            },
          },
          fnumber:{
            name: "fnumber", //字段ID
            label: "fnumber", //字段描述
            dbtype: "dbString", //数据类型
          },
          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: { desc: "-1", id: "" },
      props: {
        name: "fnumber",
        label: "查找定义",
        placeholder:"请输入关键词",
        required: true,
        clearable:true,
        selectOption: {},
        addTop:true,
        lookup: {
          where:{
              "join": "and",
              "criterionData": {
                  items:[{
                      "sign": "noteq",
                      "name": "fnumber",
                      "tablefilter": false,
                      "dataType": "dbString",
                      "value":function(dataset,model){
                        return "";
                      },
                      "enabled": true
                  }
              ] }
          },
          layout:"updown",
          // allReturn:true,
          // filtername:"fnumber",
          //   filternames: [
          //     {
          //       name: "FBARCODE",
          //     },
          //     {
          //       name: "FDESC",
          //     },
          //     {
          //       name: "FPINYIN",
          //       operate: "like",
          //     },
          //     {
          //       name: "FJIANPIN",
          //     },
          //   ],

storeCfg: {
            modelFile: "eap5csxm.pro/KongJianCeShi.dir/ShuJuJiCeShi.dir/MysqlShuJuJi.moduledir/dataset.datadir/ZhuCongCongShuJuJi.bizstore|o6VcEuOC.BizEntity~_extFile",
            //数据集配置  部门
            id: "dept11",
            desc:"来源数据集",
            pageSize:5,
            returnTotal:true,
            //主键
            primary: ["fguid"],
            //操作权限
            operations: ["oinsert", "odelete", "oquery", "omodify"],
            //字段顺序,自动填充的顺充
            sortFields: ["FID", "FNUMBER"],
            //字段元素
            "element": {"eleNumber":{"field":"id"}},
            fields: {
              fc1: {
                name: "fc1", //字段ID
                dbtype: "dbString", //数据类型
                lookup: {
                  returnFields: {
                    desc: "FJIANPIN",
                    id: "FBARCODE",
                  },
                },
              },
              fc2: {
                name: "fc2", //字段ID
                label: "fc2", //字段描述
                dbtype: "dbString", //数据类型
                required: true,
                readonly: true,
                length: 50,
                rules: [],
              },
              FPID: {
                name: "FPID", //字段ID
                label: "FPID", //字段描述
                dbtype: "dbString", //数据类型
              },
              FJIANPIN: {
                name: "FJIANPIN", //字段ID
                label: "FJIANPIN", //字段描述
                dbtype: "dbString", //数据类型
                lookup: {
                  returnFields: {
                    FJIANPIN: "FJIANPIN",
                  },
                },
              },
              FDESC: {
                name: "FDESC", //字段ID
                label: "FDESC", //字段描述
                dbtype: "dbText", //数据类型
              },
              FUSERID: {
                name: "FPATH", //字段ID
                label: "FPATH", //字段描述
                dbtype: "dbString", //数据类型
              },
            },
          },
          tableprops: {
            // hasRowNumber:false,
            size: "mini",
          },
          active: true,
          // treeOption:{
          //   "modelFile": "eap5csxm.pro/KongJianCeShi.dir/ShuJuZuJian.dir/ShuKongJian.moduledir/dataset.datadir/ShuKongJianw_shukongj.bizstore|fDgHULTF.BizEntity~_extFile",
          //   param: { "fid": "-1", $pageIndex: -1, $pageSize: -1 },
          //   id: "fguid",
          //   rootVal:"-1",
          //   pid:"fid",
          //   props:{
          //       label: "name",
          //   },
          //   leaf:"",
          //   treeField:"name",
          //   joinField:"FC1",
          //   joinType:"like",
          // }, 
          // addRecord: true,
          // clearDataSource:true,
          // uniqueFields: ["fnumber"], //唯一字段
          multiSelect: false, //multiple
          checkValid: true, //验证约束 allow-create
          // noResetModel:true,
          // zcQuery:true,
          columns: [
            
            {
              name: "fguid",
              label: "fguid",
              width: 150,
            },
            {
              name: "fnumber",
              label: "fnumber",
              width: 150,
            },
            {
              name: "fc1",
              label: "fc1",
              width: 150,
            },
            {
              name: "fc2",
              label: "fc2",
              width: 100,
            },
          ],
          queryOption:{
                fields:[
                {
                    name:"fnumber",
                    "label-width":"200px",
                    element:"el-input",
                    label:"fnumber"
                }
,                {
                    name:"FC2",
                    "label-width":"150px",
                    label:"FC2"
                }
                ]
            },
          // returnFields: {
          //   desc: "FJIANPIN",
          //   id: "FBARCODE",
          // },
          fieldPair: {
              "dept11": {
                  "targetEntity": "ssss",
                  "returnFields": {
                   fnumber:"fnumber",
                      "fc1": "fc1",
                      "fc2": "fc2"
                  }
              },
              gDmQWkNE:{
                "targetEntity": "subStore",
                "returnFields":{
                  fguid:"fguid"
                }
              }
          },
          
        },
      },
    };
  },
  methods: {
    handleChange(newVal,oldVal,field){
    },
    beforechange(val,field){
      if(val==88888){
        field.cancel=true;
        this.$message({
                  message: val+"不在查找范围内！",
                  type: "warning",
                });
      }
      
    }
    
  },
  created() {
    this.deptStore = this.$dsContainer.createDataSet(this.deptCfg);
    this.personStore = this.$dsContainer.createDataSet(this.personCfg, this.deptStore);
  },
};
</script>
```

</div>

### Attributes

| 参数     | 说明         | 类型      | 可选值                   | 默认值 |
|--------|------------|---------|-----------------------|-----|
| name   | 字段名        | string  |                       |     |
| label  | 字段描述       | string  |                       |     |
| size   | 用于控制该按钮的尺寸 | string  | medium / small / mini |     |
| addTop | 添加到第一条     | boolean |                       |     |
| lookup | 具体看下表      | string  | object                |     |

### lookup

| 参数              | 说明                            | 类型                                 | 可选值              | 默认值     |
|-----------------|-------------------------------|------------------------------------|------------------|---------|
| storeCfg        | 来源数据集                         | object                             |                  |         |
| where           | 数据过滤参数                        | object/param                       |                  |         |
| param           | 数据过滤参数                        | object                             | {key:value}      |         |
| active          | 是否激活                          | boolean                            |                  | false   |
| addRecord       | 目标数据集添加记录                     | boolean                            |                  | false   |
| clearDataSource | 多选前删除数据集数据                    | boolean                            |                  | false   |
| checkValid      | 验证约束                          | boolean                            |                  | false   |
| layout          | 布局                            | string                             | updown/leftright | default |
| multiSelect     | 是否多选                          | boolean                            |                  | false   |
| returnFields    | 目标返回字段                        | object                             | {目标字段:来源字段}      |         |
| columns         | 网格列配置                         | Array                              |                  |         |
| queryOption     | 查询面板字段配置                      | object                             |                  |         |
| filtername      | 下拉联想查询字段                      | String                             |                  | like    |
| filternames     | 下拉联想查询字段组，（当前有值，filtername失效） | { name:"FPINYIN", operate:"like" } |                  |         |
| filterColumns   | 下拉联想显示列（默认用columns列）          | Array                              |                  |         |
| treeOption      | 树查询配置选项，具体看下表                 | object                             |                  |         |

### filternames

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

### columns

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

### treeOption

| 参数        | 说明     | 类型           | 可选值 | 默认值 |
|-----------|--------|--------------|-----|-----|
| modelFile | 来源数据集  | string       |     |     |
| param     | 顶级数据参数 | object/param |     |     |
| id        | 树ID字段  | string       |     |     |
| pid       | 树父ID字段 | string       |     |     |
| rootVal   | 根节点    | string       |     | -1  |
| leaf      | 叶子字段   | string       |     |     |
| treeField | 关联树字段  | string       |     |     |
| joinField | 关联字段   | string       |     |     |
| joinType  | 关联类型   | string       |     | eq  |

</style>