1、即席查询 新增控制筛选器是否可见、是否可编辑、是否启用

this.on(D_QUERY_FILTER_ON_INIT, (filter, iDetailQuery) => {
	  console.log('D_QUERY_FILTER_ON_INIT')
	  	filter.setSuffixSlot({
          component: SuffixButton,
          props: {
            value: filter.isEditable()
          },
          listeners: {
            click: function (enabled) {
                 // filter.setVisible(enabled);   控制筛选器是否可见
			     filter.setEditable(enabled);  // 控制筛选器是否可编辑
			     filter.setEnable(enabled);    // 控制筛选器是否启用（禁用即代表对应筛选器对于查询数据和导出无效）
            }
          }
        })
    })

2、透视分析 新增控制筛选器是否可见、是否可编辑、是否启用

this.on(D_QUERY_FILTER_ON_INIT, (filter, iAdHocAnalysis) => {
	  console.log('AD_HOC_FILTER_ON_INIT')
	  	filter.setSuffixSlot({
          component: SuffixButton,
          props: {
            value: filter.isEditable()
          },
          listeners: {
            click: function (enabled) {
                 // filter.setVisible(enabled);   控制筛选器是否可见
			     filter.setEditable(enabled);  // 控制筛选器是否可编辑
			     filter.setEnable(enabled);    // 控制筛选器是否启用（禁用即代表对应筛选器对于查询数据和导出无效）
            }
          }
        })
    })


// 上述示例中使用到的 SuffixButton 
<template>
  <el-button
    type="default"
    style="line-height: 28px; padding: 0 8px; margin-left: 8px"
    @click="onClick"
    >{{ buttonText }}</el-button
  >
</template>
<script>
export default {
  name: "SuffixButton",
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      enabled: this.value
    }
  },
  computed: {
    buttonText() {
      return this.enabled ? '禁用' : '启用'
    }
  },
  methods: {
    onClick() {
      this.enabled = !this.enabled
      this.$emit("click", this.enabled)
    },
  },
};
</script>