宜搭报表页面如何根据筛选框显示/隐藏下面的表格

问题1：如何实现表格的动态显示和隐藏？
显示固定部门的表格和隐藏表格4的逻辑：
您可以在报表页面加载完成的事件中，使用原生JavaScript获取“筛选框2”的元素内容。如果内容为空，程序将自动隐藏表格4，并显示表格1、2和3。
选择部门后隐藏部门表格、显示表格4的逻辑：
同样在报表页面加载完毕后，您需要监听“筛选框2”的变化。当用户选择部门时，隐藏表格1、2和3，而显示表格4。
以下是参考代码示例：

document.addEventListener("DOMContentLoaded", function() {
    const departmentSelector = /* 获取筛选框2的DOM元素 */;
    const table1 = /* 获取表格1的DOM元素 */;
    const table2 = /* 获取表格2的DOM元素 */;
    const table3 = /* 获取表格3的DOM元素 */;
    const table4 = /* 获取表格4的DOM元素 */;

    // 初始显示状态
    if (!departmentSelector.value) {
        table1.style.display = 'block';
        table2.style.display = 'block';
        table3.style.display = 'block';
        table4.style.display = 'none';
    }

    // 监听筛选框变化
    departmentSelector.addEventListener('change', function() {
        if (departmentSelector.value) {
            table1.style.display = 'none';
            table2.style.display = 'none';
            table3.style.display = 'none';
            table4.style.display = 'block';
        } else {
            table1.style.display = 'block';
            table2.style.display = 'block';
            table3.style.display = 'block';
            table4.style.display = 'none';
        }
    });
});

问题2：如何实现筛选框的下拉排序？
筛选器下拉列表的顺序通常会继承底表的排序。若要实现自定义顺序，您可以在底表的数据管理页面中进行排序设置。调整好排序后，筛选器会根据您在数据管理页中的顺序进行显示。

总结来说：

对于表格的动态显示/隐藏，您需要通过JavaScript进行状态监控和逻辑判断。
对于筛选框排序，确保先在底表设置好顺序。