增加日期范围选择器

Tevin

2021-04-01 d7cf84bd603bcab89d44e9942348f017665cb756

 plugins/filter/CFilter.vue

@@ -14,6 +14,7 @@
                type="bar"
                :label="bar.label"
                :options="selectOptions[bar.name]"
                :value="filterRes[bar.name]"
                :onChange="evt=>handleChange(bar.name, evt)"
            />
        </view>
@@ -43,6 +44,14 @@
                        type="item"
                        :label="item.label"
                        :options="selectOptions[item.name]"
                        :value="filterRes[item.name]"
                        :onChange="evt=>handleChange(item.name, evt)"
                    />
                    <CFilterDateRange
                        v-if="item.type==='dateRange'"
                        type="item"
                        :label="item.label"
                        :value="filterRes[item.name]"
                        :onChange="evt=>handleChange(item.name, evt)"
                    />
                </view>
@@ -58,6 +67,7 @@
import Taro from '@tarojs/taro';
import { AtDrawer } from 'taro-ui-vue';
import CFilterSelect from './CFilterSelect';
import CFilterDateRange from './CFilterDateRange';
import './cFilter.scss';

export default {
@@ -65,6 +75,7 @@
    components: {
        AtDrawer,
        CFilterSelect,
        CFilterDateRange,
    },
    props: {
        // 筛选横条项目
@@ -78,18 +89,14 @@
    },
    data() {
        return {
            filters: {},
            filterRes: {},
            drawerShow: false,
        };
    },
    methods: {
        handleChange(name, value) {
            if (typeof value === 'undefined') {
                delete this.filters[name];
            } else {
                this.filters[name] = value;
            }
            this.onChange(this.filters);
            this.$set(this.filterRes, name, value);
            this.onChange(this.filterRes);
        },
    },
};