From 0a9c34f2da201da0358bf149e475519c82553fc8 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Tue, 09 Nov 2021 16:20:28 +0800 Subject: [PATCH] 扫码组件,允许由业务层转App层来完成 --- forms/datePicker/CDateRangeAction.vue | 19 +++++++++++-------- 1 files changed, 11 insertions(+), 8 deletions(-) diff --git a/forms/datePicker/CDateRangeAction.vue b/forms/datePicker/CDateRangeAction.vue index 65c19d6..95cbf9d 100644 --- a/forms/datePicker/CDateRangeAction.vue +++ b/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> @@ -28,7 +27,7 @@ </view> <view class="date"> <picker - mode='date' + mode="date" :value="startDate" @change="evt => handleStartDateChange(evt.detail.value)" > @@ -41,7 +40,7 @@ </view> </picker> <picker - mode='date' + mode="date" :value="endDate" @change="evt => handleEndDateChange(evt.detail.value)" > @@ -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)'); } }, }; -- Gitblit v1.9.1