门户引擎搜索

需求

门户引擎可以一个搜索框检索组件内的图表/报表/功能的数据

效果展示

1.在组件配置中录入编码(唯一)

在要搜索的组件面板的配置上录入编码,编码要唯一(编码的作用:搜索的时候可以找到该面板)

2.开发个性化的搜索页面

const {h} = JE.useVue();
const {Button,Input} = JE.useUi();
const {container,$portal,refreshParams} = EventOptions;
const formData = {
    text:"02",
};

const onButtonClick = ()=>{
    // 刷新图表
    $portal.getPortalItem('DEMO_CHART').refresh({REPORT_XMLX_CODE:formData.text});
    // 刷新报表
    $portal.getPortalItem('DEMO_REPORT').refresh({REPORT_XMLX_CODE:formData.text});
    // 刷新功能
    $portal.getPortalItem('DEMO_FUNC').refresh([{code:'REPORT_XMLX_CODE',type:'=',value:formData.text,cn:'and'}]);
    // 可以获得dom对象
    const reportDom = document.querySelectorAll('.je-report-view');
    console.log(container);

};
// 搜索框和按钮
const node = h('div',{},[
    h(Input,{value:formData.text,
                'onUpdate:value': function (val) {
                    formData.text= val;
                },
                style:{width:'150px'}
           }),
    h(Button,{type:"primary",onClick:()=>{onButtonClick()}},'检索')
]);

return node;