diff --git a/src/components/site/order_modal/order_modal.vue b/src/components/site/order_modal/order_modal.vue index 107c569..4144f64 100644 --- a/src/components/site/order_modal/order_modal.vue +++ b/src/components/site/order_modal/order_modal.vue @@ -14,6 +14,12 @@ {{ orderInfo.order_no || '' }} + + 占用用途: + + {{ orderInfo.take_up_use_text || '' }} + + 创建时间: @@ -60,6 +66,7 @@ + {{ orderInfo.back_stage_take_up_tips || '' }} @@ -398,6 +405,12 @@ export default { height: 2upx; background-color: #D8D8D8; } + .om-take-up-tip{ + line-height: 34upx; + font-size: 24upx; + color: #EA5061; + @include textHide(1); + } .om-total{ margin-top: 20upx; margin-bottom: 40upx; diff --git a/src/pages/site/confirm/confirm.vue b/src/pages/site/confirm/confirm.vue index 43095d4..db23b06 100644 --- a/src/pages/site/confirm/confirm.vue +++ b/src/pages/site/confirm/confirm.vue @@ -39,11 +39,31 @@ - 收取金额 - + * 收取金额 + + + + + * 占用用途 + + + 客户订场 + + + + 散客 + + + + 锁场 + + + + + 注:占用用途如选择“散客”,用户端次卡列表将会显示该占用场次为散客时间 - 占用原因 + 占用原因 @@ -65,6 +85,7 @@ export default { return { ocPrice: '', ocReaon: '', + ocUsage: 1, // 1 -> 客户订场, 2-> 散客, 3-> 锁场 light_up: false, } }, @@ -88,7 +109,7 @@ export default { this.light_up = e.detail.value }, confirmOccupy: util.debounce(function(){ - let { storeInfo, dateInfo, venueList, typeInfo } = this.occupyInfo; + let { storeInfo, dateInfo, venueList, typeInfo, ocUsage } = this.occupyInfo; let { ocPrice, ocReaon, light_up } = this; util.showLoad(); servers.post({ @@ -99,12 +120,13 @@ export default { amount: +ocPrice, group: storeInfo.id, date: dateInfo.dateStr, + take_up_use: ocUsage, items: venueList.map(el=>{ return { venue_id: el.parentObj.venue_id, venue_name: el.parentObj.venue_name, duration: el.durations, - price: el.price + price: el.price, } }), light_up, @@ -248,37 +270,91 @@ export default { padding-top: 40upx; padding-bottom: 62upx; width: 682upx; + .si-tit{ + flex-shrink: 0; + margin-right: 28upx; + line-height: 40upx; + font-size: 28upx; + color: #333; + >text{ + color: #EA5061; + } + } .si-price{ margin-bottom: 12upx; @include centerFlex(flex-start); - .sp-tit{ - flex-shrink: 0; - margin-right: 28upx; - line-height: 40upx; - font-size: 28upx; - color: #333; - } + .sp-frame{ padding: 0 20upx; - width: 262upx; - height: 56upx; + width: 434upx; + height: 96upx; border: 2upx solid #D8D8D8; border-radius: 10upx; + @include centerFlex(flex-start); + >text{ + flex-shrink: 0; + flex-grow: 0; + font-size: 32upx; + line-height: 44upx; + color: #333; + + } >input{ - width: 100%; + flex-grow: 1; height: 100%; font-size: 28upx; color: #333; } } } + .si-usage{ + padding: 24upx 0; + .su-line{ + @include centerFlex(flex-start); + .su-ls{ + margin-bottom: 20upx; + @include centerFlex(flex-start); + >view{ + + padding: 0 10upx; + width: 152upx; + height: 72upx; + line-height: 68upx; + text-align: center; + border-radius: 10upx; + border: 2upx solid #D8D8D8; + font-size: 24upx; + color: #9a9a9d; + @include textHide(1); + &:not(:last-child){ + margin-right: 20upx; + } + + } + .active{ + position: relative; + color: $themeColor; + border-color: $themeColor; + >image{ + position: absolute; + right: -2upx; + top: -2upx; + width: 36upx; + height: 36upx; + } + } + } + } + .su-tip{ + font-size: 24upx; + line-height: 34upx; + color: #9a9a9d; + } + + } .si-reason{ - .sr-tit{ - margin-bottom: 18upx; - font-size: 28upx; - color: #333; - } .sr-frame{ + margin-top: 20upx; padding: 20upx 10upx; width: 682upx; height: 260upx; diff --git a/src/static/images/icon/selected_tag.png b/src/static/images/icon/selected_tag.png new file mode 100644 index 0000000..f56e247 Binary files /dev/null and b/src/static/images/icon/selected_tag.png differ