wangyifang
/
xietaitai-shop-wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

只能提两天之后的日期

Browse Source
main
lion 1 year ago
parent 49648332e5
commit 990bb4bf1e
1 changed files with 190 additions and 173 deletions
Show Stats Download Patch File Download Diff File

363
packages/order/order.vue
Unescape View File

@ -34,29 +34,30 @@
</view>
</view>
<view class="orderInfo-status">
<u-form-item label="发货时间" :label-style="{'display':'none','width':0,'flex':0}" :border-bottom="false" style="width:100%" prop="send_date"
label-position="left">
<view style="display: flex;align-items: center;justify-content: space-between;">
<view>
<view>发货时间</view>
</view>
<view class="hh" @click="openDatePicker">
<view class="" v-if="form.send_date">
<!-- <view>{{form.express}}</view> -->
<view>{{form.ymd}} <text style="color:#b62828;margin:0 10rpx">[{{form.week}}]</text>
<!-- {{form.hh}} -->
</view>
</view>
<view v-else>
<view>选择发货时间</view>
</view>
<view>
<u-icon name="arrow-down-fill" color="#ccc" size='28'></u-icon>
</view>
</view>
</view>
<u-form-item label="发货时间" :label-style="{'display':'none','width':0,'flex':0}"
:border-bottom="false" style="width:100%" prop="send_date" label-position="left">
<view style="display: flex;align-items: center;justify-content: space-between;">
<view>
<view>发货时间</view>
</view>
<view class="hh" @click="openDatePicker">
<view class="" v-if="form.send_date">
<!-- <view>{{form.express}}</view> -->
<view>{{form.ymd}} <text
style="color:#b62828;margin:0 10rpx">[{{form.week}}]</text>
<!-- {{form.hh}} -->
</view>
</view>
<view v-else>
<view>选择发货时间</view>
</view>
<view>
<u-icon name="arrow-down-fill" color="#ccc" size='28'></u-icon>
</view>
</view>
</view>
<view style="color:#b62828;font-size:24rpx">非到货时间，预计发货后48小时左右可到货。</view>
</u-form-item>
</view>
@ -69,7 +70,7 @@
<u-input type="number" :maxlength="11" v-model="form.mobile" placeholder="请填写手机号码" />
</u-form-item>
<u-form-item label="备用号码" prop="mobile2" label-position="left">
<u-input v-model="form.mobile2" type="number" :maxlength="11" placeholder="请填写备用号码" />
<u-input v-model="form.mobile2" type="number" :maxlength="11" placeholder="请填写备用号码" />
</u-form-item>
<u-form-item label="所在地区" prop="area" label-position="left">
<u-input type="select" v-model="form.area" placeholder="请选择所在地区" @click="openArea" />
@ -97,7 +98,7 @@
<u-input v-model="form.buy_name" placeholder="选填" />
</u-form-item>
<u-form-item label="购卡人电话" :border-bottom="false" prop="buy_mobile" label-position="left">
<u-input v-model="form.buy_mobile" type="number" :maxlength="11" placeholder="选填" />
<u-input v-model="form.buy_mobile" type="number" :maxlength="11" placeholder="选填" />
</u-form-item>
</view>
@ -115,11 +116,12 @@
<view class="agreeinfo" v-if="showagree">
<view class="agreeinfo-wrap">
<view class="agreeinfo-title">温馨提示</view>
<view class="agreeinfo-content">
<view class="agreeinfo-content">
<view v-html="tips"></view>
</view>
<view class="agreeinfo-btn">
<view @click="closeAgree" :class="isAgree?'canAgree':''">我同意<text v-if="isAgreeTime>0">({{isAgreeTime}})</text></view>
<view @click="closeAgree" :class="isAgree?'canAgree':''">我同意<text
v-if="isAgreeTime>0">({{isAgreeTime}})</text></view>
</view>
</view>
</view>
@ -129,8 +131,8 @@
<view class="confirmpicinfo">
<view class="imgbox">
<image
:src="cardInfo.sku?(cardInfo.sku.image_url?cardInfo.sku.image_url:require('@/static/logo-xietaitai.png')):require('@/static/logo-xietaitai.png')"
></image>
:src="cardInfo.sku?(cardInfo.sku.image_url?cardInfo.sku.image_url:require('@/static/logo-xietaitai.png')):require('@/static/logo-xietaitai.png')">
</image>
</view>
<view class="pictitle">{{cardInfo.sku?cardInfo.sku.name:''}}</view>
<text>{{cardInfo.sku?cardInfo.sku.specs:''}}</text>
@ -143,14 +145,14 @@
<view class="confirmright">
<text class="confirmmarker">发货时间</text>
<view class="flex-li confirmdate">
<text>{{form.ymd}}
<text class="smallfont" style="color:#b62828">[{{form.week}}]</text>
<text>{{form.ymd}}
<text class="smallfont" style="color:#b62828">[{{form.week}}]</text>
</text>
<text class="smallfont">{{form.lunarData}}</text>
</view>
<view class="flex-li confirmdate">
<!-- <text>{{form.hh}}</text> -->
</view>
</view>
</view>
@ -223,15 +225,15 @@
data() {
return {
showinfo: false,
showagree: false,
isAgree:false,
isAgreeTime:10,
agreeTimer:null,
showagree: false,
isAgree: false,
isAgreeTime: 10,
agreeTimer: null,
showAddress: false,
listAddress: [],
addressInfo: '',
cardInfo: {},
tips:'',
cardInfo: {},
tips: '',
type: '',
form: {
card_number: '',
@ -315,12 +317,12 @@
onReady() {
this.$refs.uForm.setRules(this.rules);
},
onUnload() {
if(this.agreeTimer){
clearInterval(this.agreeTimer)
this.agreeTimer = null
}
},
onUnload() {
if (this.agreeTimer) {
clearInterval(this.agreeTimer)
this.agreeTimer = null
}
},
onLoad(option) {
let that = this
@ -350,12 +352,12 @@
this.form.password = uni.getStorageSync("vuex_card") ? uni.getStorageSync("vuex_card").password : ''
// uni.removeStorageSync("vuex_card")
}
// 温馨提示
const configs = uni.getStorageSync("configs")
configs.map(item=>{
if(item.key==='tips'){
this.tips = item.value
}
// 温馨提示
const configs = uni.getStorageSync("configs")
configs.map(item => {
if (item.key === 'tips') {
this.tips = item.value
}
})
this.getAddress()
this.getDates()
@ -406,12 +408,17 @@
let data = res.card
if (data.open_dates) {
for (var k in data.open_dates) {
if (data.open_dates[k]['quantity'] - data.open_dates[k]['booked'] > 0) {
let _k = this.momentDay(k)
this.listDates.push({
canUse: data.open_dates[k],
..._k
})
// 剩余数量大于0
if (data.open_dates[k]['quantity'] - data.open_dates[k]['booked'] > 0) {
if(this.isAfterTwoDays(k)){
let _k = this.momentDay(k)
this.listDates.push({
canUse: data.open_dates[k],
..._k
})
}
}
}
}
@ -419,6 +426,13 @@
})
},
isAfterTwoDays(open_dates) {
const dateToCheck = this.$moment(open_dates, 'YYYY-MM-DD');
const today = this.$moment();
const twoDaysAfterToday = today.add(2, 'days');
return dateToCheck >= twoDaysAfterToday;
},
momentDay(date) {
if (date) {
const weeks = ["周日", '周一', '周二', '周三', '周四', '周五', '周六', ]
@ -515,7 +529,7 @@
})
},
backShow() {
let that = this
let that = this
that.showinfo = false
},
saveDefalutAddress() {
@ -564,108 +578,108 @@
}
}
},
openShowInfo(){
let that = this
if (!isNull(this.form.mobile2) && this.form.mobile2.length > 0) {
if (!isMobile(this.form.mobile2)) {
toast('备用电话不正确')
return
}
}
if (!isNull(this.form.buy_mobile) && this.form.buy_mobile.length > 0) {
if (!isMobile(this.form.buy_mobile)) {
toast('购买人电话不正确')
return
}
}
this.$refs.uForm.validate(valid => {
// console.log('验证通过');
if (valid) {
if (!this.showinfo) {
uni.setNavigationBarTitle({
title: '信息确认',
success: function() {
console.log('标题设置成功');
that.showinfo = true
},
fail: function(err) {
console.error('标题设置失败', err);
}
});
}
} else {
console.log('验证失败');
// toast('请填写完整信息')
}
});
},
closeAgree(){
if(this.isAgreeTime>0){
return
}else{
this.isAgree = true
this.showagree = false
}
},
reduceAgreeTime(){
let that = this
if(that.isAgreeTime>0){
this.agreeTimer = setInterval(function(){
that.isAgreeTime--
if(that.isAgreeTime===0){
that.isAgree = true
that.isAgreeTime = 0
clearInterval(that.agreeTimer)
that.agreeTimer = null
}
},1000)
}
},
submit() {
openShowInfo() {
let that = this
if (!isNull(this.form.mobile2) && this.form.mobile2.length > 0) {
if (!isMobile(this.form.mobile2)) {
toast('备用电话不正确')
return
}
}
if (!isNull(this.form.buy_mobile) && this.form.buy_mobile.length > 0) {
if (!isMobile(this.form.buy_mobile)) {
toast('购买人电话不正确')
return
}
}
this.$refs.uForm.validate(valid => {
// console.log('验证通过');
if (valid) {
if (!this.showinfo) {
uni.setNavigationBarTitle({
title: '信息确认',
success: function() {
console.log('标题设置成功');
that.showinfo = true
},
fail: function(err) {
console.error('标题设置失败', err);
}
});
}
} else {
console.log('验证失败');
// toast('请填写完整信息')
}
});
},
closeAgree() {
if (this.isAgreeTime > 0) {
return
} else {
this.isAgree = true
this.showagree = false
}
},
reduceAgreeTime() {
let that = this
if(!this.isAgree){
this.showagree = true
this.isAgreeTime = 10
this.reduceAgreeTime()
}else{
if(this.isAgree){
this.form.show = 0
if (this.type == 'edit') {
console.log("this.form", this.form)
this.$u.api.saveUserOrder(this.form).then(res => {
uni.removeStorageSync('vuex_update_card')
toast(res.msg, 1000, function() {
setTimeout(function() {
that.saveDefalutAddress()
}, 500)
})
}).then(res => {
console.log('res1', res)
})
} else {
this.$u.api.addUserOrder(this.form).then(res => {
console.log("res", res)
uni.removeStorageSync('vuex_card')
toast(res.msg, 1000, function() {
setTimeout(function() {
that.saveDefalutAddress()
}, 500)
})
}).then(res => {
console.log('res1', res)
})
}
}
if (that.isAgreeTime > 0) {
this.agreeTimer = setInterval(function() {
that.isAgreeTime--
if (that.isAgreeTime === 0) {
that.isAgree = true
that.isAgreeTime = 0
clearInterval(that.agreeTimer)
that.agreeTimer = null
}
}, 1000)
}
},
submit() {
let that = this
if (!this.isAgree) {
this.showagree = true
this.isAgreeTime = 10
this.reduceAgreeTime()
} else {
if (this.isAgree) {
this.form.show = 0
if (this.type == 'edit') {
console.log("this.form", this.form)
this.$u.api.saveUserOrder(this.form).then(res => {
uni.removeStorageSync('vuex_update_card')
toast(res.msg, 1000, function() {
setTimeout(function() {
that.saveDefalutAddress()
}, 500)
})
}).then(res => {
console.log('res1', res)
})
} else {
this.$u.api.addUserOrder(this.form).then(res => {
console.log("res", res)
uni.removeStorageSync('vuex_card')
toast(res.msg, 1000, function() {
setTimeout(function() {
that.saveDefalutAddress()
}, 500)
})
}).then(res => {
console.log('res1', res)
})
}
}
}
}
}
@ -792,13 +806,15 @@
padding: 0;
.u-form-item__body {
align-items: baseline;
.u-form-item--left{
width:0!important;
flex:0!important;
align-items: baseline;
.u-form-item--left {
width: 0 !important;
flex: 0 !important;
}
}
}
.hh {
&:last-child {
text-align: right;
@ -920,8 +936,8 @@
}
.imgbox {
width: 150rpx;
height:150rpx;
width: 150rpx;
height: 150rpx;
margin: 0 auto;
border-radius: 10rpx;
border: 1px solid #ba8b45;
@ -930,8 +946,8 @@
}
.imgbox image {
width: 150rpx;
height:150rpx;
width: 150rpx;
height: 150rpx;
vertical-align: middle;
}
@ -982,7 +998,7 @@
font-size: 32rpx;
color: #000;
font-weight: bold;
margin-bottom: 8rpx;
margin-bottom: 8rpx;
text-align: center;
}
@ -1051,22 +1067,22 @@
&-title {
font-size: 32rpx;
margin-bottom: 30rpx;
color:#b62828;
margin-bottom: 30rpx;
color: #b62828;
text-align: center;
}
&-content {
line-height: 1.8;
font-size: 30rpx;
height:300rpx;
font-size: 30rpx;
height: 300rpx;
overflow: scroll;
}
&-btn {
>view {
background-color: rgba(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border-radius: 40rpx;
width: 60%;
@ -1075,9 +1091,10 @@
text-align: center;
line-height: 75rpx;
margin: 20rpx auto;
}
.canAgree{
background-color: #ba8b45;
}
.canAgree {
background-color: #ba8b45;
}
}
}

Write Preview
Loading…
Cancel
Save