下推

## pushdata 排序面板
可快速过滤相关字段信息
### 何时使用
当需分类排序时
### 应用背景
### 代码演示
<div class="textDiv">

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

------------
排序面板

------------
代码示例如下
```html
<template>

<div style="height:200px;" v-if="dataset1">
     <hi-link type="primary" :href="href">主要链接</hi-link>
             <hi-push-button :pushObj="dailogPush1">dddddd</hi-push-button>
        <el-button type="primary" @click="dailogPush">Dailog下推</el-button>
        <el-button type="primary" @click="push">默认下推</el-button>
        <hi-push-data :id="id" ref="dailogPush" :openType="openType1" :target="target" :source="dataset1" :targetFields="targetFields" :sourceFields="sourceFields" :controlDesc="controlDesc" :targetTitle="targetTitle" :targetUrl="targetUrl" :wheres="wheres" :pushtype="pushtype"></hi-push-data>
         <hi-push-data :id="id" ref="defaultPush" :openType="openType" :target="target" :source="dataset1" :targetFields="targetFields" :sourceFields="sourceFields" :controlDesc="controlDesc" :targetTitle="targetTitle" :targetUrl="targetUrl" :wheres="wheres" :pushtype="pushtype"></hi-push-data>

</div>
</template>

},
                        FNUMBER: {
                            name: "FNUMBER", //字段ID
                            label: "单号", //字段描述
                            dbtype: "dbString", //数据类型
                            required: true,

length: 50,
                            rules: [],

},
                        FUSERID: {
                            name: "FUSERID", //字段ID
                            label: "用户", //字段描述
                            dbtype: "dbString", //数据类型
                            required: true,
                            readonly: true,
                            length: 50,

},
                        FCREATEDATE: {
                            name: "FCREATEDATE", //字段ID
                            label: "创建时间", //字段描述
                            dbtype: "dbDate", //数据类型
                            required: true,
                            readonly: true,

},
                        FSUPPLIER: {
                            name: "FSUPPLIER", //字段ID
                            label: "供应商", //字段描述
                            dbtype: "dbString", //数据类型
                            required: true,

},
                        FNOTE: {
                            name: "FNOTE", //字段ID
                            label: "备注", //字段描述
                            dbtype: "dbString", //数据类型
                            length: 250,
                        },
                        FARRIVALSTATE: {
                            name: "FARRIVALSTATE", //字段ID
                            label: "到货情况", //字段描述
                            dbtype: "dbString", //数据类型
                        },
                        FAUDIT: {
                            name: "FAUDIT", //字段ID
                            label: "审核", //字段描述
                            dbtype: "dbInt", //数据类型
                        },

}
                },
                "id": "DtPushData_9dFTZc",
                //source: DtDataSet_RwtFVj,
                openType: "dailog",
                openType1: "dailog",
                target: "BizEntity_wKIy7I",
                targetFields: [
                    "FID",
                    "FNUMBER"
                ],
                sourceFields: [
                    "FID",
                    "FDESC"
                ],
                controlDesc: "下推",
                targetTitle: "bbbbb",
                targetUrl: "http://192.168.18.162:8080/#/component/lquery",
                wheres: [{
                    fileName: "FNUMBER",
                    express: function() {
                        return "ddd";
                    },
                    operate: "like"
                }],
                pushData: [],
                pushtype: "condadd",
            };
        },
        mounted() {
            this.dataset1 = this.$dsContainer.createDataSet(this.datasetCfg);          
        },
        methods: {
            push() {
                this.$refs.dailogPush.push();
            },
            dailogPush() {
                 this.$refs.defaultPush.push();
               
            }
        }
    };
</script>
```

</div>

### Attributes

| 参数         | 说明            | 类型     | 可选值                   | 默认值 |
|------------|---------------|--------|-----------------------|-----|
| datasource | 字段类别数据集       | String | —                     |     |
| pidField   | 父节点字段ID       | String | —                     |     |
| idField    | 节点字段ID        | String | —                     |     |
| descField  | 描述字段ID        | String | —                     |     |
| rootID     | 根节点ID         | String | —                     | -1  |
| datas      | 字段类别数据集合      | Array  | —                     | -1  |
| size       | 用于控制该表单内组件的尺寸 | string | medium / small / mini |     |
| target     | 查询目标          | Object | —                     |     |

### Events

| 事件名称        | 说明  | 回调参数        |
|-------------|-----|-------------|
| beforequery | 查询前 | param(查询参数) |
| afterquery  | 查询后 | param(查询参数) |

</style>