| | |
| | | v-if="bar" |
| | | > |
| | | <CFilterSelect |
| | | v-if="bar.type==='select'" |
| | | v-if="bar.type === 'select'" |
| | | type="bar" |
| | | :label="bar.label" |
| | | :options="selectOptions[bar.name] || []" |
| | | :cancelable="bar.cancelable" |
| | | :value="filterRes[bar.name]" |
| | | :onChange="evt=>handleBarChange(bar.name, evt)" |
| | | :onChange="evt => handleBarChange(bar.name, evt)" |
| | | /> |
| | | <CFilterDateRange |
| | | v-if="bar.type==='dateRange'" |
| | | v-if="bar.type === 'dateRange'" |
| | | type="bar" |
| | | :label="bar.label" |
| | | :value="filterRes[bar.name]" |
| | | :onChange="evt=>handleBarChange(bar.name, evt)" |
| | | :onChange="evt => handleBarChange(bar.name, evt)" |
| | | /> |
| | | <CFilterInput |
| | | v-if="bar.type === 'input'" |
| | | type="bar" |
| | | :label="bar.label" |
| | | :value="filterRes[bar.name]" |
| | | :onChange="evt => handleItemChange(bar.name, evt)" |
| | | /> |
| | | </view> |
| | | <view |
| | | class="c-filter-more" |
| | | :class="itemsFilled?'on':''" |
| | | :class="itemsFilled ? 'on' : ''" |
| | | v-if="items && items.length > 0" |
| | | @tap="evt => handleOpen()" |
| | | > |
| | |
| | | > |
| | | <view |
| | | class="box" |
| | | v-for="(item,index) in items" |
| | | v-for="(item, index) in items" |
| | | :key="index" |
| | | > |
| | | <CFilterSelect |
| | | v-if="item.type==='select'" |
| | | v-if="item.type === 'select'" |
| | | type="item" |
| | | :label="item.label" |
| | | :options="selectOptions[item.name] || []" |
| | | :value="filterRes[item.name]" |
| | | :onChange="evt=>handleItemChange(item.name, evt)" |
| | | :onChange="evt => handleItemChange(item.name, evt)" |
| | | /> |
| | | <CFilterDateRange |
| | | v-if="item.type==='dateRange'" |
| | | v-if="item.type === 'dateRange'" |
| | | type="item" |
| | | :label="item.label" |
| | | :value="filterRes[item.name]" |
| | | :onChange="evt=>handleItemChange(item.name, evt)" |
| | | :onChange="evt => handleItemChange(item.name, evt)" |
| | | /> |
| | | <CFilterSwitchRadio |
| | | v-if="item.type==='switchRadio'" |
| | | <CFilterRadio |
| | | v-if="item.type === 'radio'" |
| | | type="item" |
| | | :label="item.label" |
| | | :options="selectOptions[item.name] || []" |
| | | :value="filterRes[item.name]" |
| | | :onChange="evt => handleItemChange(item.name, evt)" |
| | | /> |
| | | <CFilterInput |
| | | v-if="item.type === 'input'" |
| | | type="item" |
| | | :label="item.label" |
| | | :value="filterRes[item.name]" |
| | | :onChange="evt=>handleItemChange(item.name, evt)" |
| | | :onChange="evt => handleItemChange(item.name, evt)" |
| | | /> |
| | | </view> |
| | | </scroll-view> |
| | |
| | | import { CDrawer } from '@components/layout/drawer'; |
| | | import CFilterSelect from './CFilterSelect'; |
| | | import CFilterDateRange from './CFilterDateRange'; |
| | | import CFilterSwitchRadio from './CFilterSwitchRadio'; |
| | | import CFilterRadio from './CFilterRadio'; |
| | | import CFilterInput from './CFilterInput'; |
| | | import './cFilter.scss'; |
| | | |
| | | export default { |
| | |
| | | AtButton, |
| | | CFilterSelect, |
| | | CFilterDateRange, |
| | | CFilterSwitchRadio, |
| | | CFilterRadio, |
| | | CFilterInput, |
| | | CDrawer, |
| | | }, |
| | | props: { |