查看源

该宏示例在 V10.5上验证通过

本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。

1. 示例效果

需求场景：客户需要这个筛选器参数不能选择为空，×掉参数值之后，又不想有“参数值为空”的提示，感觉这个提示很像报错，同时这个×很容易误点到，所以不想要×。

预期效果：筛选器参数中，将“×”隐藏；

FAQ中心 > 【筛选器】隐藏筛选器的“×” > image2022-11-9_14-25-35.png

2. 操作步骤

步骤一：选中筛选器，进入宏管理

FAQ中心 > 【筛选器】隐藏筛选器的“×” > image2022-11-9_14-26-10.png

步骤二：在界面新建宏，弹出的新建模块对话框中输入名称，勾选对象为组件，事件为“onAfterRender（组件渲染后）”

FAQ中心 > 【筛选器】隐藏筛选器的“×” > image2022-11-9_14-28-34.png

步骤三：编写宏代码实现效果

function main(page: IPage, portlet: IFilterPortlet) {
    let elem = portlet.__portletVue__.$el.querySelector('.el-input__suffix');
    if (elem) { 
        elem.style.display = 'none';
    } 
}

FAQ中心 > 【筛选器】隐藏筛选器的“×” > image2022-11-9_14-29-14.png

步骤四：点击 保存。重新访问报表，可看到效果已实现

补充：

筛选器的时间类型选年季的时候，class要改一下才生效：

FAQ中心 > 【筛选器】隐藏筛选器的“×” > image2024-2-4_15-3-35.png

function main(page: IPage, portlet: IFilterPortlet) {
        let elem = portlet.__portletVue__.$el.querySelector('.mx-icon-clear');
    if (elem) {
        elem.style.display = 'none';
    }
}