修复发布优惠券日期选择器部分手机无法显示按钮卡顿等问题调整添加员工接口问题

This commit is contained in:
唐明明
2021-09-30 15:35:34 +08:00
parent 9591400bb9
commit b8cbd8d565
17 changed files with 55 additions and 29 deletions

View File

@@ -79,7 +79,20 @@
<label class="input-label">{{timeIndex == 0 ? '券有效期': '延期天数'}}</label>
<block v-if="timeIndex === 0">
<view class="input-text" @click="showDatePicker = true">{{datePickerValue.length == 0 ? '选择优惠券有效期区间': datePickerValue[0] + ' ' + datePickerValue[1]}}<uni-icons class="picker-icon" type="arrowdown" size="14" /></view>
<tn-date-picker :show="showDatePicker" :monthNum="12" color="#8b64fd" :showTips="true" beginText="开始日期" endText="结束日期" @confirm="confirmDatePicker" @cancel="showDatePicker = false"/>
<u-calendar
:safe-area-inset-bottom="true"
v-model="showDatePicker"
mode="range"
active-bg-color="#8b64fd"
range-bg-color="rgba(139,100,253, .2)"
range-color="#8b64fd"
btn-type="default"
max-date="2099-12-12"
:min-date="minDate"
@change="confirmDatePicker"
>
</u-calendar>
<!-- <tn-date-picker :show="showDatePicker" :monthNum="12" color="" :showTips="true" beginText="开始日期" endText="结束日期" @confirm="confirmDatePicker" @cancel="showDatePicker = false"/> -->
</block>
<block v-if="timeIndex === 1">
<view class="input-number">
@@ -107,13 +120,10 @@
</template>
<script>
import TnDatePicker from "@/components/tn-datepicker/tn-datepicker";
import date from '@/public/date'
import { uploads } from '@/apis/interfaces/uploading'
import { pushCoupons } from '@/apis/interfaces/coupons'
export default {
components:{
TnDatePicker
},
data() {
return {
loding : true,
@@ -139,10 +149,14 @@
price : '', // 减少金额
description : '', // 使用规则
coupongoods : [], // 关联商品
timeNumber : 1 // 延期券时间
timeNumber : 1 ,// 延期券时间
minDate : ''
};
},
onShow(){
new date().then(res => {
this.minDate = res
})
this.coupongoods = this.$store.getters.getCoupongoods
},
methods:{
@@ -168,7 +182,7 @@
},
// 日期
confirmDatePicker(e){
this.datePickerValue = e.value
this.datePickerValue = [e.startDate , e.endDate]
this.showDatePicker = false
},
// 上传优惠券封面