diff --git a/src/components/site/order_modal/order_modal.vue b/src/components/site/order_modal/order_modal.vue
index 107c569..7f365da 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..b2f5411 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,8 +109,8 @@ export default {
this.light_up = e.detail.value
},
confirmOccupy: util.debounce(function(){
- let { storeInfo, dateInfo, venueList, typeInfo } = this.occupyInfo;
- let { ocPrice, ocReaon, light_up } = this;
+ let { storeInfo, dateInfo, venueList, typeInfo} = this.occupyInfo;
+ let { ocPrice, ocReaon, light_up, ocUsage } = this;
util.showLoad();
servers.post({
url: API.venue.venueTakeUp,
@@ -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