Skip to content

U
uni-pdtravel
Commit 6e30a53d authored by 潘永坪's avatar 潘永坪
Browse files
Options

组合下单页面开发

parent c8b91beb
Show whitespace changes
Inline Side-by-side
Showing with 96 additions and 103 deletions
pages/scenic/scenicCombiOrder/scenicCombiOrder.vue
View file @ 6e30a53d
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
<view class="list-Number"> <view class="list-Number">
<view class="title-text"> 购买数量 </view> <view class="title-text"> 购买数量 </view>
<view> <view>
<u-number-box :max="item.maxBookNum" v-model="item.buyNum" @change='buyNumChange' :index='index'> <u-number-box :max="item.maxBookNum" v-model="item.buyNum" @change='buyNumChange' :name='index'>
<view slot="minus" class="number-minus" > <view slot="minus" class="number-minus" >
<u-icon name="minus" color="#FFFFFF" size="32"></u-icon> <u-icon name="minus" color="#FFFFFF" size="32"></u-icon>
</view> </view>
...@@ -366,7 +366,6 @@ export default { ...@@ -366,7 +366,6 @@ export default {
chooseContact: [], //选中的游客信息列表 chooseContact: [], //选中的游客信息列表
timeNumber: '', //当前时间转化为数字 timeNumber: '', //当前时间转化为数字
timeFlag: '', //setTimeout函数 timeFlag: '', //setTimeout函数
savedMoney: 0, //优惠价格
productDepositTotal: 0, //产品总押金 productDepositTotal: 0, //产品总押金
docQuery: '', //元素变量 docQuery: '', //元素变量
payBackground: '', //支付按钮背景颜色 payBackground: '', //支付按钮背景颜色
...@@ -383,6 +382,8 @@ export default { ...@@ -383,6 +382,8 @@ export default {
showTelephone:true,//用于判断是否显示输入联系人电话号码 showTelephone:true,//用于判断是否显示输入联系人电话号码
areaIndex:0,//选择站点时对应的产品下标 areaIndex:0,//选择站点时对应的产品下标
contactTotal: [], //所有联系人列表 contactTotal: [], //所有联系人列表
originalTotal:0,//原价总价
sellTotal:0,//卖价总价
} }
}, },
onLoad(option) { onLoad(option) {
...@@ -400,54 +401,6 @@ export default { ...@@ -400,54 +401,6 @@ export default {
this.initData() //页面初始化数据 this.initData() //页面初始化数据
this.docQuery = uni.createSelectorQuery().in(this) this.docQuery = uni.createSelectorQuery().in(this)
}, },
computed: {
originalTotal() {
let savedMoney=0
let original=0
let deposit=0
this.productDepositTotal=0
this.productList.forEach((item)=>{
original+=item.originalPrice*item.buyNum
if(item.chooseCouponObj){
if(item.chooseCouponObj.slaveList&&item.chooseCouponObj.slaveList.length>0){
savedMoney+=item.chooseCouponObj.slaveList[0].savedMoney
}else{
savedMoney+=item.chooseCouponObj.savedMoney
}
}
if(item.depositType==1){//等于1，押金金额跟数量没关系
deposit=item.deposit
}else if(item.depositType==2){//等于2，押金单价乘购买数量
deposit=item.deposit*item.buyNum
}
this.productDepositTotal+=deposit
})
return parseFloat((original+this.productDepositTotal).toFixed(2))||0 //产品总价+产品押金
},
sellTotal() {
let savedMoney=0
let sell=0
let deposit=0
this.productDepositTotal=0
this.productList.forEach((item)=>{
sell+=item.sellingPrice*item.buyNum
if(item.chooseCouponObj){
if(item.chooseCouponObj.slaveList&&item.chooseCouponObj.slaveList.length>0){
savedMoney+=item.chooseCouponObj.slaveList[0].savedMoney
}else{
savedMoney+=item.chooseCouponObj.savedMoney
}
}
if(item.depositType==1){//等于1，押金金额跟数量没关系
deposit=item.deposit
}else if(item.depositType==2){//等于2，押金单价乘购买数量
deposit=item.deposit*item.buyNum
}
this.productDepositTotal+=deposit
})
return parseFloat((sell+this.productDepositTotal-savedMoney).toFixed(2))||0
}
},
methods: { methods: {
//---页面初始化数据，获取产品基本信息---已修改 //---页面初始化数据，获取产品基本信息---已修改
initData() { initData() {
...@@ -471,13 +424,22 @@ export default { ...@@ -471,13 +424,22 @@ export default {
if(item.tripTemplateFlag!=2){ if(item.tripTemplateFlag!=2){
this.showTelephone=true this.showTelephone=true
} }
if(item.defaultAreaCode){ //需要优化
item.areaObj={} // if(item.defaultAreaCode){
item.areaObj.areaCode=item.areaCode // item.areaObj={}
item.areaObj.areaName=item.areaName // item.areaObj.areaCode=item.areaCode
}else{ // item.areaObj.areaName=item.areaName
item.areaObj={} // }else{
} // item.areaObj={}
// }
// if(item.isFetch==1&&item.productAreaList.length>1){
// //多个排号点
// this.areaIndex=index
// this.sortUpDown(item.merchantVo.code)
// }else if(item.isFetch==1&&item.productAreaList.length==1){
// //只有一个排号点
// item.areaObj=item.productAreaList[0]
// }
item.dateActive=0//默认选中第一个日期 item.dateActive=0//默认选中第一个日期
item.buyNum=1,//默认为1 item.buyNum=1,//默认为1
item.chooseContact=[]//选中的游客信息列表 item.chooseContact=[]//选中的游客信息列表
...@@ -516,14 +478,6 @@ export default { ...@@ -516,14 +478,6 @@ export default {
//所有产品的价格库存列表 //所有产品的价格库存列表
let stockList=res.data let stockList=res.data
this.productList.forEach((item,index)=>{ this.productList.forEach((item,index)=>{
if(item.isFetch==1&&item.productAreaList.length>1){
//多个排号点
this.areaIndex=index
this.sortUpDown(item.merchantVo.code)
}else if(item.isFetch==1&&item.productAreaList.length==1){
//只有一个排号点
item.areaObj=item.productAreaList[0]
}
//把价格列表合并到对应的产品上面 //把价格列表合并到对应的产品上面
stockList.forEach(item2=>{ stockList.forEach(item2=>{
if(item.id==item2.productId){ if(item.id==item2.productId){
...@@ -571,7 +525,6 @@ export default { ...@@ -571,7 +525,6 @@ export default {
item.originalPrice=item.priceStockList[0].originalPrice//原价 item.originalPrice=item.priceStockList[0].originalPrice//原价
item.sellingPrice=item.priceStockList[0].sellingPrice//卖价 item.sellingPrice=item.priceStockList[0].sellingPrice//卖价
item.maxBookNum=Math.min(item.priceStockList[0].surplus,item.maxBookNum)//最大购买数量 item.maxBookNum=Math.min(item.priceStockList[0].surplus,item.maxBookNum)//最大购买数量
console.log(item.maxBookNum)
item.priceStockList.forEach(item2=>{//循环单个产品的价格列表 item.priceStockList.forEach(item2=>{//循环单个产品的价格列表
item2.week='日一二三四五六'.charAt(new Date(item2.startTime.substr(0,10)).getDay()) item2.week='日一二三四五六'.charAt(new Date(item2.startTime.substr(0,10)).getDay())
if(item2.startTime.substr(0,10)==today){ if(item2.startTime.substr(0,10)==today){
...@@ -593,6 +546,7 @@ export default { ...@@ -593,6 +546,7 @@ export default {
this.payBackground = '#C0C0C0' this.payBackground = '#C0C0C0'
} }
}) })
this.computedPrice()//计算价格
//解决初始化日期不显示的情况 //解决初始化日期不显示的情况
this.$forceUpdate() this.$forceUpdate()
} else { } else {
...@@ -713,6 +667,33 @@ export default { ...@@ -713,6 +667,33 @@ export default {
} }
}) })
}, },
//---计算价格---已修改
computedPrice(){
let savedMoney=0
let original=0
let sell=0
let deposit=0
this.productDepositTotal=0
this.productList.forEach((item)=>{
original+=item.originalPrice*item.buyNum
sell+=item.sellingPrice*item.buyNum
if(item.chooseCouponObj){
if(item.chooseCouponObj.slaveList&&item.chooseCouponObj.slaveList.length>0){
savedMoney+=item.chooseCouponObj.slaveList[0].savedMoney
}else{
savedMoney+=item.chooseCouponObj.savedMoney
}
}
if(item.depositType==1){//等于1，押金金额跟数量没关系
deposit=item.deposit
}else if(item.depositType==2){//等于2，押金单价乘购买数量
deposit=item.deposit*item.buyNum
}
this.productDepositTotal+=deposit
})
this.originalTotal=parseFloat((original+this.productDepositTotal).toFixed(2))||0 //产品总价+产品押金
this.sellTotal=parseFloat((sell+this.productDepositTotal-savedMoney).toFixed(2))||0
},
//---获取排号信息---暂时未使用 //---获取排号信息---暂时未使用
getSortInfor(merchantCode) { getSortInfor(merchantCode) {
let data = { let data = {
...@@ -783,10 +764,11 @@ export default { ...@@ -783,10 +764,11 @@ export default {
uni.$u.throttle(()=>{ uni.$u.throttle(()=>{
this.initCoupon(item) this.initCoupon(item)
},3000) },3000)
this.computedPrice()
//解决点击日期无反应的情况 //解决点击日期无反应的情况
this.$forceUpdate() this.$forceUpdate()
}, },
//---日历确认事件 //---日历确认事件---已修改
dateConfig(data) { dateConfig(data) {
let index2=this.chooseDateList.findIndex(item=>{ let index2=this.chooseDateList.findIndex(item=>{
return item.startTime.substr(0,10)==data return item.startTime.substr(0,10)==data
...@@ -796,6 +778,7 @@ export default { ...@@ -796,6 +778,7 @@ export default {
this.dateChoose(item,item2,index2) //选中确认的日期 this.dateChoose(item,item2,index2) //选中确认的日期
this.docQuery.select('.date-list').boundingClientRect(data => { this.docQuery.select('.date-list').boundingClientRect(data => {
item.dateScroll=(data.width+6)*index2 item.dateScroll=(data.width+6)*index2
//解决不滚动问题
this.$forceUpdate() this.$forceUpdate()
}).exec() }).exec()
}, },
...@@ -831,6 +814,8 @@ export default { ...@@ -831,6 +814,8 @@ export default {
//由于没有数据需要测试 //由于没有数据需要测试
this.docQuery.select('.time-list').boundingClientRect(data => { this.docQuery.select('.time-list').boundingClientRect(data => {
item.timeScroll=(data.width+6)*index2 item.timeScroll=(data.width+6)*index2
//解决不滚动问题
this.$forceUpdate()
}).exec() }).exec()
}, },
//---获取点击的编辑联系人信息，传给编辑联系人组件 //---获取点击的编辑联系人信息，传给编辑联系人组件
...@@ -875,41 +860,47 @@ export default { ...@@ -875,41 +860,47 @@ export default {
// this.$forceUpdate() // this.$forceUpdate()
}, },
//---订单数量变化---正在修改 //---订单数量变化---正在修改
buyNumChange(value,index) { buyNumChange(e) {
console.log(value) let value=e.value
console.log(index) let index=e.name
// let item=this.productList[index] let item=this.productList[index]
// if(item.tripTemplateFlag == 1) { //由于buyNum页面数据未及时更新，在这里进行赋值一遍
// //实名制 item.buyNum=value
// console.log(111) //超过最大值时进行文字提示
// console.log(item.buyNum) if(value >= item.maxBookNum) {
// item.contactNum = item.buyNum uni.showToast({
// if (item.chooseContact.length>item.contactNum) { title: '最大可预订数量为' + item.maxBookNum,
// //当选中联系人数量大于购买数量时 icon: 'none'
// item.chooseContact.splice(item.chooseContact.length - 1, 1) //删除多余的联系人 })
// //联系人列表重新判断是否选中 }
// item.contactTotal.forEach(item=>{ if(item.tripTemplateFlag == 1) {
// item.ifChoose=false //实名制
// }) item.contactNum = value
// item.chooseContact.forEach(item=>{ if (item.chooseContact.length>item.contactNum) {
// item.contactTotal.forEach(item2=>{ //当选中联系人数量大于购买数量时
// if(item.id==item2.id){ item.chooseContact.splice(item.chooseContact.length - 1, 1) //删除多余的联系人
// item2.ifChoose=true //联系人列表重新判断是否选中
// } item.contactTotal.forEach(item=>{
// }) item.ifChoose=false
// }) })
// } item.chooseContact.forEach(item=>{
// } item.contactTotal.forEach(item2=>{
// if (item.tripTemplateFlag == 0) { if(item.id==item2.id){
// //非实名制 item2.ifChoose=true
// item.contactNum = 1 }
// } })
// clearTimeout(this.timeFlag) })
// this.timeFlag = setTimeout(()=>{ }
// this.initCoupon() }
// }, 1500) if (item.tripTemplateFlag == 0) {
//解决数量显示不及时更新问题 //非实名制
this.$forceUpdate() item.contactNum = 1
}
this.computedPrice()
clearTimeout(this.timeFlag)
this.timeFlag = setTimeout(()=>{
this.initCoupon()
}, 1500)
}, },
//---展示购票须知---已修改 //---展示购票须知---已修改
showBuyKnow(index) { showBuyKnow(index) {
...@@ -987,6 +978,7 @@ export default { ...@@ -987,6 +978,7 @@ export default {
}) })
} }
} }
this.computedPrice()//计算价格
} }
}) })
}, },
...@@ -1009,6 +1001,7 @@ export default { ...@@ -1009,6 +1001,7 @@ export default {
this.chooseCouponObj = '' this.chooseCouponObj = ''
this.savedMoney=0 this.savedMoney=0
} }
this.computedPrice()
}, },
//---展示券列表 //---展示券列表
showCoupon() { showCoupon() {
......
pages/scenic/scenicOrder/scenicOrder.vue
View file @ 6e30a53d
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
<view class="middle-Number"> <view class="middle-Number">
<view class="title-text"> 购买数量 </view> <view class="title-text"> 购买数量 </view>
<view> <view>
<u-number-box v-model="buyNum" @change='buyNumChange'> <u-number-box v-model="buyNum" @change='buyNumChange' :max="maxBookNum">
<view slot="minus" class="number-minus" > <view slot="minus" class="number-minus" >
<u-icon name="minus" color="#FFFFFF" size="32"></u-icon> <u-icon name="minus" color="#FFFFFF" size="32"></u-icon>
</view> </view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment