取消预约提示

pages/index/index.vue

@@ -121,10 +121,10 @@
 			
 			<view class=" top-up" >
 				<view class="top-up-title oldTextjp" oldstyle="font-size:20px;"><text class="line"></text>附近站点
-				<view class="pack-up">
+				<view class="pack-up"  v-show="!listShow" @click="listShow=true"  >
 					收起<text class="iconfont">&#xe607;</text>
 				</view>
-				<view class="pack-up">
+				<view class="pack-up" v-if="listShow" @click="listShow=false"  >
 					展开<text class="iconfont">&#xe62c;</text>
 				</view>
 				</view>
@@ -132,6 +132,7 @@
 			</view>
 			<!-- 附近站点 -->
 			<view class="station"  v-for="(stationData,i) in stationList" :key="i"
+				v-show="!listShow||i==0"
 				@click="gotoUrl('pages/searchPile/stationAndPile/stationDetails?id=' + stationData.id)">
 				<view class="text">
 					<view class="station-title">
@@ -324,6 +325,7 @@
 		},
 		data() {
 			return {
+				listShow:false,
 				stationList: [],
 				bannerList:[],
 				timeOut: false,
@@ -884,7 +886,7 @@
 		text-align: center;
 		background-color: #fff;
 		position: absolute;
-		top: 160px;
+		top: 120px;
 		left: 0;
 		right: 0;
 		margin: auto;

pages/user/myReservation/myReservation.vue

@@ -73,11 +73,11 @@
 				</view>
 			</view>
 			<view class="button" v-if="item.status == '0'">
-				<u-button class="cancel" shape="circle" @click="refuseClick(item)">取消预约</u-button>
+				<u-button class="cancel" shape="circle" @click="refuseClick(item,item.status)">取消预约</u-button>
 			</view>
 			<view class="button" v-if="item.status == '1'">
 				<u-button class="navigation" shape="circle" @click="gotoUrl('pages/searchPile/stationAndPile/stationDetailsMap?stationId='+item.stationId)">导航</u-button>
-				<u-button class="cancel" shape="circle" @click="refuseClick(item)">取消预约</u-button>
+				<u-button class="cancel" shape="circle" @click="refuseClick(item,item.status)">取消预约</u-button>
 			</view>
 			<view class="button" v-if="item.status == '2'">
 				<u-button class="check" shape="circle" @click="gotoUrl('pages/user/myReservation/reservationListDetails?id='+item.id)">查看详情</u-button>
@@ -179,7 +179,7 @@
 				this.pageIndex += 1;
 				this.getAppointmentList()
 			},
-			refuseClick(item) {
+			confirmrefuse(item){
 				uni.showLoading({
 					title: "加载中",
 					mask: true,
@@ -197,6 +197,39 @@
 					})
 				})
 			},
+			refuseClick(item,status) {
+				if(status=='0'){
+					uni.showModal({
+						title:"提示",
+						content: "请确认是否取消预约功能",
+					
+						success: (res1) => {
+							if (res1.confirm) {
+									this.confirmrefuse(item)
+							} else if (res1.cancel) {
+								//('用户点击取消');
+							}
+						}
+					})
+				}else{
+					uni.showModal({
+						title: '强制取消',
+						cancelText:'我再想想',
+						confirmText:'取消预约',
+						content: '您的预约单已被确认，如强制取消，平台为保证每位车主的合理权益，会对您作出停用预约充电功能1天的处罚。确定取消预约吗？',
+						success: res => {
+							if (res.confirm) {
+								//付钱  改为组件
+								this.confirmrefuse(item)
+							} else if (res.cancel) {
+								//('用户点击取消');
+							}
+						}
+					});
+				}
+				
+				
+			},
 		}
 	}
 </script>

pages/user/myReservation/reservationListDetails.vue

@@ -143,14 +143,14 @@
 			<u-button type="success" shape='circle'>确认</u-button>
 			 --><!-- 删除订单按钮 -->
 		 <u-button shape='circle' 
-		 @click="regChangeStatus()"
+		 @click="regChangeStatus(detail.status)"
 		 class="cancel-btn">取消预约</u-button>
 		</view>
 		<view class="bottom2" v-if="detail.status==1" >
 		<!-- 	<u-button shape='circle' class="refuse-btn">拒绝</u-button>
 			<u-button type="success" shape='circle'>确认</u-button>
 			 --><!-- 删除订单按钮 -->
-			<u-button size="medium" shape='circle' @click="regChangeStatus()" class="cancel-btn">取消预约</u-button>
+			<u-button size="medium" shape='circle' @click="regChangeStatus(detail.status)" class="cancel-btn">取消预约</u-button>
 			<u-button size="medium" shape='circle' type="success" @click="charge" >开始充电</u-button>
 		</view>
 	</view>
@@ -241,21 +241,38 @@
 					})
 				})
 			},
-			regChangeStatus(){
+			regChangeStatus(status){
 				
-				uni.showModal({
-					title:"提示",
-					content: "请确认是否取消预约功能",
 				
-					success: (res1) => {
-						if (res1.confirm) {
+				if(status=='0'){
+					uni.showModal({
+						title:"提示",
+						content: "请确认是否取消预约功能",
+					
+						success: (res1) => {
+							if (res1.confirm) {
+									this.regChangeStatusSuccess()
+							} else if (res1.cancel) {
+								//('用户点击取消');
+							}
+						}
+					})
+				}else{
+					uni.showModal({
+						title: '强制取消',
+						cancelText:'我再想想',
+						confirmText:'取消预约',
+						content: '您的预约单已被确认，如强制取消，平台为保证每位车主的合理权益，会对您作出停用预约充电功能1天的处罚。确定取消预约吗？',
+						success: res => {
+							if (res.confirm) {
+								//付钱  改为组件
 								this.regChangeStatusSuccess()
-						} else if (res1.cancel) {
-							//('用户点击取消');
+							} else if (res.cancel) {
+								//('用户点击取消');
+							}
 						}
-					}
-				})
-				
+					});
+				}
 				
 			},
 			getInfo(bl,bl2){