页面筛选项器与日期范围组件优化，选择使用公共抽屉组件取代TaroUI的抽屉组件

Tevin

2021-09-23 23f376d3a538af410d80045f958be1997ac381e3

 forms/datePicker/CDateRangeAction.vue

@@ -15,12 +15,11 @@
            class="c-data-range-float"
            ref="floadLayer"
        >
            <AtDrawer
            <CDrawer
                class="c-data-range-drawer"
                ref="floatDrawer"
                mask
                direction="top"
                :show="drawerShow"
                :onClose="evt => drawerShow=false"
                :onClose="evt => handleClose()"
            >
                <view class="title">
                    <view v-if="placeholder">{{placeholder}}</view>
@@ -61,7 +60,7 @@
                    :circle="false"
                    :onClick="evt => handleFinish()"
                >确定</AtButton>
            </AtDrawer>
            </CDrawer>
        </view>
    </view>
</template>
@@ -70,6 +69,7 @@
import Taro from '@tarojs/taro';
import { $ } from '@tarojs/extend';
import { AtDrawer, AtButton } from 'taro-ui-vue';
import { CDrawer } from '@components/layout/drawer';
import './cDateRangeAction.scss';

export default {
@@ -77,6 +77,7 @@
    components: {
        AtDrawer,
        AtButton,
        CDrawer,
    },
    props: {
        // 项值
@@ -100,6 +101,9 @@
            const curDates = (this.value || ',').split(',');
            this.startDate = curDates[0];
            this.endDate = curDates[1];
        },
        handleClose() {
            this.drawerShow = false;
        },
        handleStartDateChange(date) {
            if (date && this.endDate) {
@@ -146,7 +150,6 @@
        const $cFilter = $(this.$refs.floadLayer).parents('.c-filter');
        if ($cFilter.length > 0) {
            $cFilter.eq(0).after(this.$refs.floadLayer);
            $cFilter.parent().css('transform', 'translate(0,0)');
        }
    },
};