|
|
|
|
@ -9,7 +9,7 @@
|
|
|
|
|
<u-form-item label="预约入场时间" labelPosition="top" borderBottom>
|
|
|
|
|
|
|
|
|
|
<view @click="handleSelectTime" style="color: #EF9525;font-size: 24rpx;">
|
|
|
|
|
{{(form.time?$u.timeFormat(new Date(form.time), 'yyyy年mm月dd日 hh:MM'):'请选择入场时间>')}}
|
|
|
|
|
{{(form.time?$u.timeFormat(_formTime, 'yyyy年mm月dd日 hh:MM'):'请选择入场时间>')}}
|
|
|
|
|
</view>
|
|
|
|
|
<u-datetime-picker :show="showSelecttime" closeOnClickOverlay @close="cancelTime"
|
|
|
|
|
@cancel="cancelTime" @confirm="confirmTime" v-model="form.time" mode="datetime">
|
|
|
|
|
@ -19,7 +19,8 @@
|
|
|
|
|
<plate @listenPlateChange="plateChange" :defaultPlate="plateNumber" />
|
|
|
|
|
</u-form-item>
|
|
|
|
|
<u-form-item label="手机号" labelPosition="top" borderBottom ref="mobile">
|
|
|
|
|
<u--input readonly placeholder="请输入手机号" v-model="form.mobile" border="surround" clearable></u--input>
|
|
|
|
|
<u--input readonly placeholder="请输入手机号" v-model="form.mobile" border="surround" clearable>
|
|
|
|
|
</u--input>
|
|
|
|
|
</u-form-item>
|
|
|
|
|
</u--form>
|
|
|
|
|
|
|
|
|
|
@ -40,11 +41,12 @@
|
|
|
|
|
<view class="mpopup-title">
|
|
|
|
|
{{notice.name}}
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mpopup-content" style="margin-top: 60rpx;">
|
|
|
|
|
<scroll-view scroll-y="true" style="line-height: 50rpx;font-size: 32rpx;text-indent: 2em;" :style="[{height:scrollheight}]">
|
|
|
|
|
<rich-text :nodes="notice.value"></rich-text>
|
|
|
|
|
<view class="mpopup-content" style="margin-top: 60rpx;">
|
|
|
|
|
<scroll-view scroll-y="true" style="line-height: 50rpx;font-size: 32rpx;text-indent: 2em;"
|
|
|
|
|
:style="[{height:scrollheight}]">
|
|
|
|
|
<rich-text :nodes="notice.value"></rich-text>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view style="margin-top: 40rpx;"></view>
|
|
|
|
|
<u-button type="primary" @click="closeInfo">知道了</u-button>
|
|
|
|
|
</view>
|
|
|
|
|
@ -93,17 +95,18 @@
|
|
|
|
|
<u-button type="primary" @click="handleConfirmOrder">确定</u-button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</u-popup>
|
|
|
|
|
|
|
|
|
|
<u-popup :show="successshow" customStyle="width:600rpx;height:300rpx;text-align:center" :round="10" mode="center" width="600rpx" height="150rpx">
|
|
|
|
|
<view class="">
|
|
|
|
|
<view class="successBox">
|
|
|
|
|
<!-- <u-icon name="checkmark-circle" size="90" color="#EF9525"></u-icon> -->
|
|
|
|
|
<view class="h3">您已经预约成功</view>
|
|
|
|
|
<view class="p">即将跳转到车位预约 {{time}} s</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="pinkBtn" @click="goHome">返回首页</view>
|
|
|
|
|
</view>
|
|
|
|
|
</u-popup>
|
|
|
|
|
|
|
|
|
|
<u-popup :show="successshow" customStyle="width:600rpx;height:300rpx;text-align:center" :round="10"
|
|
|
|
|
mode="center" width="600rpx" height="150rpx">
|
|
|
|
|
<view class="">
|
|
|
|
|
<view class="successBox">
|
|
|
|
|
<!-- <u-icon name="checkmark-circle" size="90" color="#EF9525"></u-icon> -->
|
|
|
|
|
<view class="h3">您已经预约成功</view>
|
|
|
|
|
<view class="p">即将跳转到车位预约 {{time}} s</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="pinkBtn" @click="goHome">返回首页</view>
|
|
|
|
|
</view>
|
|
|
|
|
</u-popup>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
@ -118,18 +121,18 @@
|
|
|
|
|
plate
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
successshow: false,
|
|
|
|
|
time:3,
|
|
|
|
|
return {
|
|
|
|
|
successshow: false,
|
|
|
|
|
time: 3,
|
|
|
|
|
showInfo: false,
|
|
|
|
|
showSelectorder: false,
|
|
|
|
|
maxheight:"",
|
|
|
|
|
scrollheight:"",
|
|
|
|
|
showSelectorder: false,
|
|
|
|
|
maxheight: "",
|
|
|
|
|
scrollheight: "",
|
|
|
|
|
selectInfo: "--",
|
|
|
|
|
showSelecttime: false,
|
|
|
|
|
plateNumber: ['苏', 'E', '', '', '', '', ''],
|
|
|
|
|
t:null,
|
|
|
|
|
timer:null,
|
|
|
|
|
plateNumber: ['苏', 'E', '', '', '', '', ''],
|
|
|
|
|
t: null,
|
|
|
|
|
timer: null,
|
|
|
|
|
form: {
|
|
|
|
|
plate: "",
|
|
|
|
|
mobile: "",
|
|
|
|
|
@ -142,6 +145,7 @@
|
|
|
|
|
activity_order_id: "",
|
|
|
|
|
visit_order_id: ""
|
|
|
|
|
},
|
|
|
|
|
_formTime: new Date(),
|
|
|
|
|
listOrder: [],
|
|
|
|
|
listActivtyOrder: [],
|
|
|
|
|
orderType: 1,
|
|
|
|
|
@ -151,7 +155,7 @@
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
let that = this;
|
|
|
|
|
let that = this;
|
|
|
|
|
that.showInfo = true;
|
|
|
|
|
if (!that.util.isNull(options.id)) {
|
|
|
|
|
this.form.car_park_id = parseInt(options.id);
|
|
|
|
|
@ -163,10 +167,10 @@
|
|
|
|
|
if (!that.util.isNull(options.bookinfo)) {
|
|
|
|
|
let bookinfo = JSON.parse(unescape(options.bookinfo));
|
|
|
|
|
this.bookinfo = bookinfo;
|
|
|
|
|
this.form.time = bookinfo.time;
|
|
|
|
|
this.form.time = bookinfo.time;
|
|
|
|
|
this._formTime = bookinfo.time;
|
|
|
|
|
this.orderType = bookinfo.orderType;
|
|
|
|
|
this.selectInfo = bookinfo.info;
|
|
|
|
|
console.log(bookinfo)
|
|
|
|
|
if (this.orderType == 2)
|
|
|
|
|
this.form.activity_order_id = bookinfo.orderid
|
|
|
|
|
else
|
|
|
|
|
@ -177,28 +181,28 @@
|
|
|
|
|
|
|
|
|
|
that.util.getUserInfo(function(r) {
|
|
|
|
|
that.form.mobile = r.mobile;
|
|
|
|
|
}, true);
|
|
|
|
|
|
|
|
|
|
that.maxheight = wx.getSystemInfoSync().windowHeight*0.6 + "px"
|
|
|
|
|
that.scrollheight = wx.getSystemInfoSync().windowHeight*0.6*0.7 + "px"
|
|
|
|
|
}, true);
|
|
|
|
|
|
|
|
|
|
that.maxheight = wx.getSystemInfoSync().windowHeight * 0.6 + "px"
|
|
|
|
|
that.scrollheight = wx.getSystemInfoSync().windowHeight * 0.6 * 0.7 + "px"
|
|
|
|
|
},
|
|
|
|
|
onShow() {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
onHide() {
|
|
|
|
|
clearInterval(this.t)
|
|
|
|
|
clearTimeout(this.timer)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onUnload() {
|
|
|
|
|
clearInterval(this.t)
|
|
|
|
|
clearTimeout(this.timer)
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
goHome(){
|
|
|
|
|
uni.switchTab({
|
|
|
|
|
url: "/pages/index/index"
|
|
|
|
|
})
|
|
|
|
|
onHide() {
|
|
|
|
|
clearInterval(this.t)
|
|
|
|
|
clearTimeout(this.timer)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onUnload() {
|
|
|
|
|
clearInterval(this.t)
|
|
|
|
|
clearTimeout(this.timer)
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
goHome() {
|
|
|
|
|
uni.switchTab({
|
|
|
|
|
url: "/pages/index/index"
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
loadConfigInfo() {
|
|
|
|
|
var that = this;
|
|
|
|
|
@ -208,10 +212,10 @@
|
|
|
|
|
tag: "car_park_notice"
|
|
|
|
|
},
|
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
|
that.notice = res;
|
|
|
|
|
that.notice.value = that.notice.value.replace(/\<p/gi,"<p class='richp'");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
that.notice = res;
|
|
|
|
|
that.notice.value = that.notice.value.replace(/\<p/gi, "<p class='richp'");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
utilFail: function(res) {
|
|
|
|
|
uni.showToast({
|
|
|
|
|
@ -353,18 +357,18 @@
|
|
|
|
|
api: '/api/mobile/carpark/order',
|
|
|
|
|
data: this.form,
|
|
|
|
|
method: "POST",
|
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
|
that.successshow = true;
|
|
|
|
|
that.t = setInterval(function() {
|
|
|
|
|
if (that.time > 0)
|
|
|
|
|
that.time = that.time - 1;
|
|
|
|
|
}, 1000)
|
|
|
|
|
that.timer = setTimeout(function() {
|
|
|
|
|
uni.redirectTo({
|
|
|
|
|
url: '/pages/order/parkorder'
|
|
|
|
|
})
|
|
|
|
|
clearInterval(that.t);
|
|
|
|
|
clearTimeout(that.timer)
|
|
|
|
|
utilSuccess: function(res) {
|
|
|
|
|
that.successshow = true;
|
|
|
|
|
that.t = setInterval(function() {
|
|
|
|
|
if (that.time > 0)
|
|
|
|
|
that.time = that.time - 1;
|
|
|
|
|
}, 1000)
|
|
|
|
|
that.timer = setTimeout(function() {
|
|
|
|
|
uni.redirectTo({
|
|
|
|
|
url: '/pages/order/parkorder'
|
|
|
|
|
})
|
|
|
|
|
clearInterval(that.t);
|
|
|
|
|
clearTimeout(that.timer)
|
|
|
|
|
}, 3000)
|
|
|
|
|
// uni.showToast({
|
|
|
|
|
// icon: "none",
|
|
|
|
|
@ -436,42 +440,44 @@
|
|
|
|
|
padding: 15rpx 25rpx;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
}
|
|
|
|
|
.successBox {
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #00CCB9;
|
|
|
|
|
font-size: 180rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.h3 {
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-top: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.p {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-top: 24rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pinkBtn {
|
|
|
|
|
width: 50%;
|
|
|
|
|
background-image: linear-gradient(45deg, #EF9525 0%, #EF9525 100%);
|
|
|
|
|
border-radius: 44rpx;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 70rpx;
|
|
|
|
|
margin:30rpx auto;
|
|
|
|
|
}
|
|
|
|
|
.richp{
|
|
|
|
|
margin-bottom:10rpx
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.successBox {
|
|
|
|
|
|
|
|
|
|
.iconfont {
|
|
|
|
|
color: #00CCB9;
|
|
|
|
|
font-size: 180rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.h3 {
|
|
|
|
|
font-size: 40rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-top: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.p {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #333333;
|
|
|
|
|
margin-top: 24rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pinkBtn {
|
|
|
|
|
width: 50%;
|
|
|
|
|
background-image: linear-gradient(45deg, #EF9525 0%, #EF9525 100%);
|
|
|
|
|
border-radius: 44rpx;
|
|
|
|
|
font-size: 30rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 70rpx;
|
|
|
|
|
margin: 30rpx auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.richp {
|
|
|
|
|
margin-bottom: 10rpx
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|