:::demo 示例

```html
<template>
    <div>
        <div>
            通过传入 change 方法捕获当前控件的改变事件以及获取处理后的参数。<br>
            提示：组件初始化完成后就会触发父组件的change事件并传入参数。

        </div>
        <v-f9-operation-tools
                :option="operationTools"
                @change="toolChange"
        ></v-f9-operation-tools>
    </div>
</template>

<script>

    export default{
        data(){
            return {

                operationTools:{
                    // 范围选择
                    rangeSelection:{
                        isShow: true,

                        // 当前选中的groupbox 组
                        groupboxValue: '变动日期',

                        // 时间类型
                        dateType:[
                            {label: '今年',selected:true},
                            {label: '近两年'},
                            {label: '全部'}
                            ],

                        defaultStartDate:(new Date().getFullYear() - 2),
                        defaultEndDate:(new Date().getFullYear()),

                        listedType:[
                            {label:'上市前',selected:true},
                            {label:'上市后'}
                            ]

                    },

                    // 报告期
                    reportPeriodType:{
                        isShow:true,
                        data:[
                            {label: '一季报'},
                            {label: '中报'},
                            {label: '三季报'},
                            {label: '年报',selected:true},
                            {label: '最新',showLine:true,selected:true},
                        ],
                        min:1 // 最小选中数量
                    },

                    // 报告类型（合并报表、母公司报表 ...）
                    reportTypeInScope:{
                        isShow:true,
                        data:[
                            {label: '合并报表', selected: true},
                            {label: '合并报表(调整)'},
                            {label: '母公司报表'}
                        ],
                        min:1 // 最小选中数量
                    },

                    // 汇率、币种 （CNY、USD ...）范围选择
                    exchangeRate:{
                        isShow:true,
                        data:[
                            {value:0,label: 'CNY', selected: true},
                            {value:1,label: 'HKD'},
                            {value:2,label: 'JPY'},
                            {value:3,label: 'GBP'}
                            ]
                    },

                    // 单位（元、千元 ...）
                    unitType:{
                        isShow:true,
                        data:[
                            {label: '元', selected: true},
                            {label: '千元'},
                            {label: '万元'}
                            ]
                    },

                    // 普通报表、销售百分比 ...
                    reportForm:{
                        isShow:true,
                        data:[
                            {label: '普通报表', selected: true},
                            {label: '销售百分比'},
                        ]

                    }


                }

            }
        },

        methods:{
            toolChange(params){
                console.log(params);
            }
        }

    }
</script>
```
:::