Cacher is the code snippet organizer for pro developers

<div style="margin: 10px 15px 0px">
            <Form ref="formInline" :model="formInline" label-position="left" :label-width="90" inline>
                <Row style="height: 40px">
                    <Form-item label="选择日期:" prop="changeDate">
                        <Date-picker v-model="times" size="small" class="date_client_btn" data-key="times" format="yyyy-MM-dd HH:mm:ss" type="datetimerange" placeholder="" style="width: 335px"></Date-picker>
                    </Form-item>
                    <Form-item prop="userName" label="用户名:">
                        <Input type="text" size="small" v-model="formInline.userName" placeholder="" style="width: 100px;"></Input>
                    </Form-item>
                </Row>
                <Row style="height: 40px">
                    <Form-item prop="channelId" label="选择渠道:">
                        <Select v-model="chanModel" size="small" style="width:150px" @on-change="selChange" filterable>
                            <Option value="chan_id">{{all}}</Option>
                            <Option v-for="item in channelList" :value="item.id" :key="item.id">{{ item.name}}</Option>
                        </Select>
                    </Form-item>
                    <Form-item prop="subChannelId" v-if="chanModel != 'chan_id'" label="选择子渠道:">
                        <Select v-model="subChanModel" size="small" style="width:150px" filterable>
                            <Option value="subChan_id">{{subAll}}</Option>
                            <Option v-for="item in subChannelList" :value="item.subChannelId" :key="item.channelId + '_' + item.subChannelId">{{ item.name}}</Option>
                        </Select>
                    </Form-item>
                </Row>
                <Row style="height: 40px">
                    <Form-item prop="transMode" label="交易方式:">
                        <Select v-model="transModeModel" size="small" style="width:150px" @on-change="transModeChange" filterable>
                            <Option value= "1">all</Option>
                            <Option value= "2">非單錢包</Option>
                            <Option value= "3">單錢包</Option>
                        </Select>
                    </Form-item>
                </Row>
                <Row style="height: 40px">
                    <Form-item prop="transType" label="事务类型:">
                        <Checkbox-group v-model="formInline.transType">
                            <Checkbox label="1">投注</Checkbox>
                            <Checkbox label="2">结算</Checkbox>
                            <Checkbox label="4">转入</Checkbox>
                            <Checkbox label="5">转出</Checkbox>
                            <Checkbox label="3">打赏</Checkbox>
                            <Checkbox label="7">连赢奖励</Checkbox>
                            <Checkbox label="6">投注奖励</Checkbox>
                        </Checkbox-group>
                    </Form-item>
                    <Button style="margin-top: 5px" size="small" type="primary" @click="getList(formInline)">查询</Button>
                    <Button type="primary" size="small" @click="exportData()" style="float: right;margin-right: 30px">导出CSV文件</Button>
                </Row>
            </Form>
        </div>