余位

pages/jiuzhai/components/sign/index.vue

@@ -48,11 +48,11 @@
                   ? 'not-festival'
                   : '',
                 (priceStauts.length > 0 &&
-                  priceStauts[line][index] < 0 &&
+                  priceStauts[line][index].price < 0 &&
                   start.length > 0 &&
                   end.length > 0) ||
                 (priceStauts.length > 0 &&
-                  priceStauts[line][index] < 0 &&
+                  priceStauts[line][index].price < 0 &&
                   start.length == 0 &&
                   end.length == 0)
                   ? 'not-sub'
@@ -60,7 +60,7 @@
                 priceStauts.length > 0 &&
                 end.length == 0 &&
                 start.length > 0 &&
-                priceStauts[line][index] < 0 &&
+                priceStauts[line][index].price < 0 &&
                 line + index * 2 != lastNot[0] + lastNot[1] * 2
                   ? 'not-sub'
                   : '',
@@ -72,16 +72,22 @@
                   line == end[0] && index == end[1] ? '#111' : '',
                 color: line == end[0] && index == end[1] ? '#FFFFFF' : '',
               }">
-							<view style="padding-top: 2px; padding-bottom: 2px">{{
-                item
-              }}</view>
+							<view style="padding-top: 2px; padding-bottom: 2px;color:#FF3166" 
+							:style="{'opacity':priceStauts.length>0&&priceStauts[line][index].price>0?'1':'0'}">
+								<!-- {{item}} -->
+								{{ priceStauts.length>0&&priceStauts[line][index].price>0?'￥'+priceStauts[line][index].price:'-' }}
+							</view>
 							<!-- <view class="select-style" v-if="line == start[0] && index == start[1]">最早</view>
 							<view class="select-style" v-if="line == end[0] && index == end[1]">最晚</view> -->
-							<view style="font-size: 12px; padding-bottom: 3px" v-if="priceStauts.length > 0">
-								<view v-if="priceStauts[line][index] > 0" style="color:#FF3166">
-									￥{{ priceStauts[line][index] }}</view>
-								<view v-if="priceStauts[line][index] == -1">售罄</view>
-								<view v-if="priceStauts[line][index] == -2">候补</view>
+							<view style="font-size: 12px; padding-bottom: 3px">
+								<view style="">
+									<view>
+										{{item}} 
+									</view>
+									<view style="color:#FF3166" :style="{'opacity':priceStauts[line][index].remainNum>0?'1':'0'}">余:{{ priceStauts[line][index].remainNum }}</view>
+								</view>
+								<view v-if="priceStauts[line][index].price == -1">售罄</view>
+								<view v-if="priceStauts[line][index].price == -2">候补</view>
 							</view>
 						</view>
 					</view>
@@ -254,7 +260,7 @@
 				const query = uni.createSelectorQuery().in(this);
 				query.selectAll('.select-style').boundingClientRect((rects) => {
 				  
-				  const top = rects[0].top-(that.scrollHeight) - 20
+				  const top = rects[0].top-(that.scrollHeight) - 100
 				  that.scrollTop = top>0?top:0
 				}).exec();
 			},
@@ -277,18 +283,33 @@
 								isexsit = true
 								if (price.remainNum > 0){
 									// #ifdef MP-DI
-									days.push(price.b2CPrice)
+									days.push({
+										price: price.b2CPrice,
+										remainNum: price.remainNum?price.remainNum:0,
+									})
 									// #endif
 									// #ifdef MP-AG
-									days.push(price.b2BPrice)
+									days.push({
+										price: price.b2BPrice,
+										remainNum: price.remainNum?price.remainNum:0,
+									})
 									// #endif
 								}
 								else if (price.isSubstitution == 1)
-									days.push(-2)
+									days.push({
+										price: -2,
+										remainNum: 0,
+									})
 								else
-									days.push(-1)
+									days.push({
+										price: -1,
+										remainNum: 0,
+									})
 							} else {
-								days.push(0);
+								days.push({
+									price: 0,
+									remainNum: 0,
+								});
 							}
 						}
 					
@@ -386,12 +407,12 @@
 
 			//选择入住离开
 			selectDay(line, index) {
-				if (this.priceStauts[line][index] == 0) {
+				if (this.priceStauts[line][index].price == 0) {
 					uni.showToast({
 						title: "抱歉，此日期没有行程哦",
 						icon: "none",
 					});
-				} else if (this.priceStauts[line][index] == -1) {
+				} else if (this.priceStauts[line][index].price == -1) {
 					uni.showToast({
 						title: "改团期已售罄",
 						icon: "none",