|
|
@@ -2,7 +2,9 @@
|
|
|
<view class="content">
|
|
|
<!-- 背景图 -->
|
|
|
<view class="index_bg">
|
|
|
- <view class="welcome"><image class="welcome_img" src="../../static/index/welcome.png"></image></view>
|
|
|
+ <view class="welcome">
|
|
|
+ <image class="welcome_img" src="../../static/index/welcome.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<!-- 第一层标题 -->
|
|
|
<view class="touming_bg">
|
|
|
@@ -13,8 +15,8 @@
|
|
|
<view class="two_all">
|
|
|
<view class="select-time" @click="openCalendar">
|
|
|
<view class="select-time-one">
|
|
|
- <text class="select-list">{{startWeek}}入住</text>
|
|
|
- <text class="select-list-time">{{startTime}}</text>
|
|
|
+ <text class="select-list">{{startWeek}}入住</text>
|
|
|
+ <text class="select-list-time">{{startTime}}</text>
|
|
|
</view>
|
|
|
<view class="select-center">
|
|
|
<view class="select-line1"></view>
|
|
|
@@ -22,14 +24,14 @@
|
|
|
<view class="select-line2"></view>
|
|
|
</view>
|
|
|
<view class="select-time-one">
|
|
|
- <text class="select-list">{{endWeek}}离店</text>
|
|
|
- <text class="select-list-time">{{endTime}}</text>
|
|
|
+ <text class="select-list">{{endWeek}}离店</text>
|
|
|
+ <text class="select-list-time">{{endTime}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<uni-popup ref="popup_picker" :mask-click="true">
|
|
|
<view class=popup_bg_picker>
|
|
|
- <uni-calendar :selected="info.selected" class="uni-calendar--hook" :clear-date="true" :date="info.date" :insert="info.insert" :lunar="info.lunar" :startDate="info.startDate"
|
|
|
- :endDate="info.endDate" :range="info.range" @change="change"/>
|
|
|
+ <uni-calendar :selected="info.selected" class="uni-calendar--hook" :clear-date="true" :date="info.date" :insert="info.insert"
|
|
|
+ :lunar="info.lunar" :startDate="info.startDate" :endDate="info.endDate" :range="info.range" @change="change" />
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
<view class="form_bg">
|
|
|
@@ -39,37 +41,12 @@
|
|
|
<view class="form-line"></view>
|
|
|
<view class="form-phone">{{cardPhone}}</view>
|
|
|
<view class="form-line" style="margin-top: 389rpx;"></view>
|
|
|
- <view class="uni-list-cell-db">
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
- <text class="jiantou">〉</text>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="form-line" style="margin-top: 477rpx;"></view>
|
|
|
- <view class="uni-textarea">
|
|
|
- <textarea @blur="bindTextAreaBlur" placeholder="在此填写您的要求" maxlength="50" auto-height />
|
|
|
- </view>
|
|
|
- <text class="textsrea-txt">{{textNum}}/50</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 第三层表单 -->
|
|
|
- <view class="three_all">
|
|
|
- <view class="three-title">
|
|
|
- 您是【
|
|
|
- <text v-if="cardIdentity==4">教师</text>
|
|
|
- <text v-if="cardIdentity==0">其他</text>
|
|
|
- <text v-if="cardIdentity==1">学生</text>
|
|
|
- <text v-if="cardIdentity==5">校友</text>
|
|
|
- 】
|
|
|
</view>
|
|
|
- <view class="three-mark">本人可以免费入住,需要预交费<text style="color: rgba(255, 87, 51, 1);">{{payMount}}</text>元,即可享受权益</view>
|
|
|
- <!-- <view class="three-zhu">注:水费为0.62元/吨,电费为1.1元/度;补助吨数为3吨,补助度数
|
|
|
- 为10度,超出标准需在预付款中扣除,未超出原路返回预付款</view> -->
|
|
|
</view>
|
|
|
<!-- 注释 -->
|
|
|
<view class="zhushi">
|
|
|
- <text class="zhushi-mark"><text class="zhushi-circle"></text>低价保证</text>
|
|
|
- <text class="zhushi-mark"><text class="zhushi-circle"></text>入住免房费</text>
|
|
|
+ <text class="zhushi-mark"><text class="zhushi-circle"></text>低价保证</text>
|
|
|
+ <text class="zhushi-mark"><text class="zhushi-circle"></text>入住免房费</text>
|
|
|
<text class="zhushi-mark"><text class="zhushi-circle"></text>提前选好房</text>
|
|
|
</view>
|
|
|
<!-- 支付框 -->
|
|
|
@@ -85,7 +62,7 @@
|
|
|
<uni-popup-dialog :type="msgType" cancelText="关闭" confirmText="确定" :content="order_txt" @confirm="dialogConfirm"
|
|
|
@close="dialogClose"></uni-popup-dialog>
|
|
|
</uni-popup>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -101,12 +78,12 @@
|
|
|
date = date.replace(/-/g, '/')
|
|
|
}
|
|
|
const dd = new Date(date)
|
|
|
-
|
|
|
+
|
|
|
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
|
|
|
-
|
|
|
- var a = new Array("日", "一", "二", "三", "四", "五", "六");
|
|
|
- var week = new Date().getDay();
|
|
|
- var week2 = new Date().getDay()+1;
|
|
|
+
|
|
|
+ var a = new Array("日", "一", "二", "三", "四", "五", "六");
|
|
|
+ var week = new Date().getDay();
|
|
|
+ var week2 = new Date().getDay() + 1;
|
|
|
const y = dd.getFullYear()
|
|
|
const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期,不足10补0
|
|
|
const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号,不足10补0
|
|
|
@@ -115,14 +92,14 @@
|
|
|
const s = dd.getSeconds() < 10 ? '0' + dd.getSeconds() : dd.getSeconds()
|
|
|
return {
|
|
|
fullDate: y + '-' + m + '-' + d,
|
|
|
- fullDate2: y + '-' + m + '-' + d+' '+h+':'+f+':'+s,
|
|
|
+ fullDate2: y + '-' + m + '-' + d + ' ' + h + ':' + f + ':' + s,
|
|
|
fullTime: m + '月' + d + '日',
|
|
|
year: y,
|
|
|
month: m,
|
|
|
date: d,
|
|
|
day: dd.getDay(),
|
|
|
- sWeek:"周"+ a[week],
|
|
|
- eWeek:"周"+ a[week2]
|
|
|
+ sWeek: "周" + a[week],
|
|
|
+ eWeek: "周" + a[week2]
|
|
|
}
|
|
|
}
|
|
|
export default {
|
|
|
@@ -134,32 +111,32 @@
|
|
|
range: true,
|
|
|
insert: true,
|
|
|
selected: [],
|
|
|
- startDate:'',
|
|
|
- date:'',
|
|
|
- endDate:''
|
|
|
+ startDate: '',
|
|
|
+ date: '',
|
|
|
+ endDate: ''
|
|
|
},
|
|
|
- startTime:'',//到店日期
|
|
|
- endTime:'',//离店日期
|
|
|
- startDate:'',//默认到店日期接口数据
|
|
|
- endDate:'',//默认离店日期接口数据
|
|
|
- startWeek:'',// 默认入店日
|
|
|
- endWeek:'',// 默认离店
|
|
|
+ startTime: '', //到店日期
|
|
|
+ endTime: '', //离店日期
|
|
|
+ startDate: '', //默认到店日期接口数据
|
|
|
+ endDate: '', //默认离店日期接口数据
|
|
|
+ startWeek: '', // 默认入店日
|
|
|
+ endWeek: '', // 默认离店
|
|
|
array: ['18:00前到店', '19:00前到店', '20:00前到店', '21:00前到店'],
|
|
|
index: 0,
|
|
|
- mayTime:'',// 预计到店时间
|
|
|
- typeName:'',//户型名
|
|
|
- textNum:0,//输入框当前字数
|
|
|
- cardName:'',//用户名
|
|
|
- cardPhone:'',//用户电话
|
|
|
- cardIdentity:'',//身份
|
|
|
- submitToken:'',//请求令牌
|
|
|
- roomTypeId:'',//房间类型id
|
|
|
- remark:'',//备注要求
|
|
|
- payMount:0,//应付金额
|
|
|
- freeRoom:0,//剩余房间
|
|
|
- ruzhu_num:1,//入住夜晚
|
|
|
- order_txt:'',//提交订单时信息
|
|
|
- msgType:'warn',
|
|
|
+ mayTime: '', // 预计到店时间
|
|
|
+ typeName: '', //户型名
|
|
|
+ textNum: 0, //输入框当前字数
|
|
|
+ cardName: '', //用户名
|
|
|
+ cardPhone: '', //用户电话
|
|
|
+ cardIdentity: '', //身份
|
|
|
+ submitToken: '', //请求令牌
|
|
|
+ roomTypeId: '', //房间类型id
|
|
|
+ remark: '', //备注要求
|
|
|
+ payMount: 0, //应付金额
|
|
|
+ freeRoom: 0, //剩余房间
|
|
|
+ ruzhu_num: 1, //入住夜晚
|
|
|
+ order_txt: '', //提交订单时信息
|
|
|
+ msgType: 'warn',
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
@@ -167,15 +144,15 @@
|
|
|
// this.payMount=Number(option.payMount)
|
|
|
// this.ruzhu_num=option.ruzhu_num
|
|
|
// this.freeRoom=option.freeRoom
|
|
|
- this.roomTypeId=option.roomTypeId
|
|
|
- this.typeName=option.typeName
|
|
|
- this.startTime=option.startTime
|
|
|
- this.endTime=option.endTime
|
|
|
- this.startDate=option.enableStartTime.substring(0,11)+"12:00:00"
|
|
|
- this.endDate=option.enableEndTime.substring(0,11)+"14:00:00"
|
|
|
- this.startWeek=this.getweekday(this.startDate)
|
|
|
- this.endWeek=this.getweekday(this.endDate)
|
|
|
- this.mayTime=this.startDate.substring(0,11)+"18:00:00"
|
|
|
+ this.roomTypeId = option.roomTypeId
|
|
|
+ this.typeName = option.typeName
|
|
|
+ this.startTime = option.startTime
|
|
|
+ this.endTime = option.endTime
|
|
|
+ this.startDate = option.enableStartTime.substring(0, 11) + "12:00:00"
|
|
|
+ this.endDate = option.enableEndTime.substring(0, 11) + "14:00:00"
|
|
|
+ this.startWeek = this.getweekday(this.startDate)
|
|
|
+ this.endWeek = this.getweekday(this.endDate)
|
|
|
+ this.mayTime = this.startDate.substring(0, 11) + "18:00:00"
|
|
|
// console.log(this.getweekday(this.startDate))
|
|
|
this.getTokenSubmit()
|
|
|
},
|
|
|
@@ -191,112 +168,109 @@
|
|
|
setTimeout(() => {
|
|
|
this.info.date = getDate(new Date()).fullDate
|
|
|
this.info.startDate = getDate(new Date()).fullDate
|
|
|
- this.info.endDate = getDate(new Date(),6).fullDate
|
|
|
+ this.info.endDate = getDate(new Date(), 6).fullDate
|
|
|
this.startTime = getDate(new Date()).fullTime
|
|
|
- this.endTime = getDate(new Date(),1).fullTime
|
|
|
+ this.endTime = getDate(new Date(), 1).fullTime
|
|
|
this.startWeek = getDate(new Date()).sWeek
|
|
|
- this.endWeek = getDate(new Date(),1).eWeek
|
|
|
- this.ruzhu_num=1
|
|
|
+ this.endWeek = getDate(new Date(), 1).eWeek
|
|
|
+ this.ruzhu_num = 1
|
|
|
}, 20)
|
|
|
},
|
|
|
methods: {
|
|
|
// 获取请求令牌
|
|
|
getTokenSubmit() {
|
|
|
- let _self = this
|
|
|
- this.$axios.get("/hotel/ihotel-api/ihotel/hotelOrder/user/submit/token",
|
|
|
- {
|
|
|
- headers:{
|
|
|
- 'user_token':localStorage.getItem('token')
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
+ let _self = this
|
|
|
+ this.$axios.get("/hotel/ihotel-api/ihotel/hotelOrder/user/submit/token", {
|
|
|
+ headers: {
|
|
|
+ 'user_token': localStorage.getItem('token')
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
res = res.data
|
|
|
if (res.success) {
|
|
|
- this.submitToken=res.data.submitToken
|
|
|
+ this.submitToken = res.data.submitToken
|
|
|
} else {
|
|
|
- console.log('获取请求令牌失败')
|
|
|
+ console.log('获取请求令牌失败')
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
// 获取用户信息
|
|
|
getUserInfo() {
|
|
|
- let _self = this
|
|
|
- this.$axios.get("/hotel/ihotel-api/ihotel/hotelUser/userInfo",
|
|
|
- {
|
|
|
- headers:{
|
|
|
- 'user_token':localStorage.getItem('token')
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
+ let _self = this
|
|
|
+ this.$axios.get("/hotel/ihotel-api/ihotel/hotelUser/userInfo", {
|
|
|
+ headers: {
|
|
|
+ 'user_token': localStorage.getItem('token')
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
res = res.data
|
|
|
if (res.success) {
|
|
|
if (res.data.statu == '1') {
|
|
|
- _self.cardName=res.data.name
|
|
|
- _self.cardPhone=res.data.telPhone
|
|
|
- _self.cardIdentity=res.data.identityType
|
|
|
- }else {
|
|
|
+ _self.cardName = res.data.name
|
|
|
+ _self.cardPhone = res.data.telPhone
|
|
|
+ _self.cardIdentity = res.data.identityType
|
|
|
+ } else {
|
|
|
alert('您没有权限,请联系客服')
|
|
|
}
|
|
|
} else {
|
|
|
- console.log('获取用户信息失败')
|
|
|
+ console.log('获取用户信息失败')
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
},
|
|
|
// 确认订单
|
|
|
getOrderConfirm(type) {
|
|
|
let _self = this
|
|
|
- this.$axios.get("/hotel/ihotel-api/ihotel/hotelOrder/user/order/confirm?startTime="+this.startDate.substring(0,10)+"&endTime="+this.endDate.substring(0,10)+'&roomTypeId='+this.roomTypeId).then(res => {
|
|
|
+ this.$axios.get("/hotel/ihotel-api/ihotel/hotelOrder/user/order/confirm?startTime=" + this.startDate.substring(0, 10) + "&endTime=" + this.endDate
|
|
|
+ .substring(0, 10) + '&roomTypeId=' + this.roomTypeId).then(res => {
|
|
|
res = res.data
|
|
|
if (res.success) {
|
|
|
- this.payMount=res.data.totalAmount
|
|
|
- this.freeRoom=res.data.freeNum
|
|
|
- this.ruzhu_num=res.data.nums
|
|
|
+ this.payMount = res.data.totalAmount
|
|
|
+ this.freeRoom = res.data.freeNum
|
|
|
+ this.ruzhu_num = res.data.nums
|
|
|
} else {
|
|
|
this.msgType = type
|
|
|
- this.order_txt=res.message
|
|
|
+ this.order_txt = res.message
|
|
|
this.$refs.popup_order.open()
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
// 提交订单
|
|
|
getOrderSubmit(type) {
|
|
|
- this.payUrl=''
|
|
|
+ this.payUrl = ''
|
|
|
let _self = this
|
|
|
this.$axios.defaults.headers.common['user_token'] = localStorage.getItem('token');
|
|
|
this.$axios.defaults.headers.common['request_token'] = this.submitToken;
|
|
|
- this.$axios.defaults.headers.common['Content-Type'] ='application/json'
|
|
|
- this.$axios.post("/hotel/ihotel-api/ihotel/hotelOrder/user/order/submit",
|
|
|
- {
|
|
|
- "enableStartTime":this.startDate,//入住时间
|
|
|
- "enableEndTime":this.endDate,//离店时间
|
|
|
- "roomTypeId":this.roomTypeId,//房间类型id
|
|
|
- "payAmount":this.payMount,//需支付金额
|
|
|
- "userName":this.cardName,
|
|
|
- "userPhone":this.cardPhone,
|
|
|
- "mayIntoTime":this.mayTime,
|
|
|
- "remark":this.remark,
|
|
|
- }
|
|
|
- ).then(res => {
|
|
|
+ this.$axios.defaults.headers.common['Content-Type'] = 'application/json'
|
|
|
+ this.$axios.post("/hotel/ihotel-api/ihotel/hotelOrder/user/order/submit", {
|
|
|
+ "enableStartTime": this.startDate, //入住时间
|
|
|
+ "enableEndTime": this.endDate, //离店时间
|
|
|
+ "roomTypeId": this.roomTypeId, //房间类型id
|
|
|
+ "payAmount": this.payMount, //需支付金额
|
|
|
+ "userName": this.cardName,
|
|
|
+ "userPhone": this.cardPhone,
|
|
|
+ "mayIntoTime": this.mayTime,
|
|
|
+ "remark": this.remark,
|
|
|
+ }).then(res => {
|
|
|
res = res.data
|
|
|
if (res.success) {
|
|
|
- if(res.data.payAmount==0) {
|
|
|
+ if (res.data.payAmount == 0) {
|
|
|
uni.navigateTo({
|
|
|
- url:'../zhifuchenggong/zhifuchenggong?orderId='+res.data.orderId
|
|
|
+ url: '../zhifuchenggong/zhifuchenggong?orderId=' + res.data.orderId
|
|
|
})
|
|
|
} else {
|
|
|
window.location.href = res.data.payUrl;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
} else {
|
|
|
this.msgType = type
|
|
|
- this.order_txt=res.message
|
|
|
+ this.order_txt = res.message
|
|
|
this.$refs.popup_order.open()
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
// 计算指定时间是周几
|
|
|
- getweekday(date){
|
|
|
- // date例如:'2022-03-05'
|
|
|
- var weekArray = new Array("周日","周一", "周二", "周三", "周四", "周五", "周六")
|
|
|
- var weeka = weekArray[new Date(date).getDay()]
|
|
|
+ getweekday(date) {
|
|
|
+ // date例如:'2022-03-05'
|
|
|
+ var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六")
|
|
|
+ var weeka = weekArray[new Date(date).getDay()]
|
|
|
return weeka
|
|
|
},
|
|
|
//日历选择器
|
|
|
@@ -307,8 +281,7 @@
|
|
|
console.log('1change 返回:', e)
|
|
|
// 模拟动态打卡
|
|
|
// if (this.info.selected.length > 5) return
|
|
|
- this.info.selected=[
|
|
|
- {
|
|
|
+ this.info.selected = [{
|
|
|
date: e.range.before,
|
|
|
info: '到店'
|
|
|
},
|
|
|
@@ -317,19 +290,19 @@
|
|
|
info: '离店'
|
|
|
}
|
|
|
]
|
|
|
- if(e.range.before!=''&&e.range.after=='') {
|
|
|
- this.startWeek='周'+e.lunar.ncWeek.substring(2,3)
|
|
|
- } else if(e.range.before!=''&&e.range.after!=''){
|
|
|
- if((new Date(e.range.after).getTime())<(new Date(e.range.before).getTime())) {
|
|
|
- this.order_txt='离店日期不能小于到店日期'
|
|
|
+ if (e.range.before != '' && e.range.after == '') {
|
|
|
+ this.startWeek = '周' + e.lunar.ncWeek.substring(2, 3)
|
|
|
+ } else if (e.range.before != '' && e.range.after != '') {
|
|
|
+ if ((new Date(e.range.after).getTime()) < (new Date(e.range.before).getTime())) {
|
|
|
+ this.order_txt = '离店日期不能小于到店日期'
|
|
|
this.$refs.popup_order.open()
|
|
|
- }else{
|
|
|
- this.endWeek='周'+e.lunar.ncWeek.substring(2,3)
|
|
|
- this.startTime=e.range.before.substring(5,7)+'月'+e.range.before.substring(8,10)+'日'
|
|
|
- this.endTime=e.range.after.substring(5,7)+'月'+e.range.after.substring(8,10)+'日'
|
|
|
- this.startDate = e.range.before +' 14:00:00'
|
|
|
- this.endDate = e.range.after +' 12:00:00'
|
|
|
- this.ruzhu_num=parseInt(((new Date(e.range.after).getTime())-(new Date(e.range.before).getTime()))/1000/60/60/24)
|
|
|
+ } else {
|
|
|
+ this.endWeek = '周' + e.lunar.ncWeek.substring(2, 3)
|
|
|
+ this.startTime = e.range.before.substring(5, 7) + '月' + e.range.before.substring(8, 10) + '日'
|
|
|
+ this.endTime = e.range.after.substring(5, 7) + '月' + e.range.after.substring(8, 10) + '日'
|
|
|
+ this.startDate = e.range.before + ' 14:00:00'
|
|
|
+ this.endDate = e.range.after + ' 12:00:00'
|
|
|
+ this.ruzhu_num = parseInt(((new Date(e.range.after).getTime()) - (new Date(e.range.before).getTime())) / 1000 / 60 / 60 / 24)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -337,15 +310,15 @@
|
|
|
bindPickerChange: function(e) {
|
|
|
console.log('picker发送选择改变,携带值为', e.detail.value)
|
|
|
this.index = e.detail.value
|
|
|
- this.mayTime = this.startDate.substring(0,11)+this.array[this.index].substring(0,5)+":00"
|
|
|
+ this.mayTime = this.startDate.substring(0, 11) + this.array[this.index].substring(0, 5) + ":00"
|
|
|
// console.log(this.mayTime)
|
|
|
},
|
|
|
// 输入框
|
|
|
- bindTextAreaBlur: function (e) {
|
|
|
+ bindTextAreaBlur: function(e) {
|
|
|
// console.log(e.detail.cursor)
|
|
|
// console.log(e.detail.value)
|
|
|
- this.textNum=e.detail.cursor
|
|
|
- this.remark=e.detail.value
|
|
|
+ this.textNum = e.detail.cursor
|
|
|
+ this.remark = e.detail.value
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -353,4 +326,4 @@
|
|
|
|
|
|
<style>
|
|
|
@import url("./css/order_room.css");
|
|
|
-</style>
|
|
|
+</style>
|