订单

components/mescroll-uni/components/mescroll-uni/components/mescroll-down.css

@@ -1,24 +1,26 @@
 /* 下拉刷新区域 */
 .mescroll-downwarp {
-	/* position: absolute;
+	position: absolute;
 	top: -100%;
 	left: 0;
 	width: 100%;
 	height: 100%;
-	text-align: center; */
-	    height: 25px;
-	    text-align: center;
+	text-align: center;
+	display: none;
+	   /* height: 25px;
+	    text-align: center; */
 }
 
 /* 下拉刷新--内容区,定位于区域底部 */
 .mescroll-downwarp .downwarp-content {
-	/* position: absolute;
+	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	min-height: 60rpx;
 	padding: 20rpx 0;
-	text-align: center; */
+	text-align: center;
+	display: none;
 }
 
 /* 下拉刷新--提示文本 */
@@ -27,6 +29,7 @@
 	font-size: 28rpx;
 	vertical-align: middle;
 	margin-left: 16rpx;
+	
 	/* color: gray; 已在style设置color,此处删去*/
 }
 

pages/order/index.vue

@@ -115,31 +115,36 @@
 						<!-- <u-button v-if="item.status == 1" :custom-style="customStyle1" shape="circle" :plain="true"
 							@click="goNav('/my/order/pay?id=' + item.ordersId + '&isTrue=1')">查看详情</u-button> -->		
 						<view class="showBtn">
-							<view class="gengduo" @click.stop="gengBtn(index)">更多</view>
+							<!-- <view class="gengduo" @click.stop="gengBtn(index)">更多</view> -->
 							<view class="order-status showBtn-view">
+								
+								<!-- <u-button :custom-style="customStyle" v-if="item.status == 1||item.status == 7||item.status == 8||item.status == 9" shape="circle" :plain="true"
+									@click="bindphone(item.phone)">联系客户</u-button> -->
+								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="cxOrder(item)" v-show="item.status == 2">现在出发</u-button>
+								<u-button v-if="item.status == 9 && !item.refusalContent&&judanBtnShow=='是'" :custom-style="customStyle1" shape="circle" :plain="true"
+									 @click="toggle('bottom',item.ordersId)">拒单申请</u-button>
+								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="cxOrder(item)" v-if="item.status == 7">我已到达</u-button>
+								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="fuwuOrder(item)" v-if="item.status == 8">开始服务</u-button>
+								<u-button :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="goZhuan(item)" v-if="item.status == 8&&item.isCanSupplement=='1'">转待补单</u-button>
+								
+								<u-button v-if="item.status == 6" :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="cancel(item)">服务完成</u-button>
+								<u-button v-if="item.status == 9&& !item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
+									@click="nineState(item.ordersId)">确认接单</u-button>
 								<u-button :custom-style="customStyle" shape="circle" :plain="true"
 									@click="goChat">联系客服</u-button>
-								<u-button :custom-style="customStyle" v-if="item.status == 1||item.status == 7||item.status == 8||item.status == 9" shape="circle" :plain="true"
-									@click="bindphone(item.phone)">联系客户</u-button>
 							</view>
 						</view>
-						<view class="hideBtn" v-show="btnShow==index" style="justify-content: end;">
-							<u-button :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="cxOrder(item)" v-show="item.status == 2">现在出发</u-button>
-							<u-button :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="cxOrder(item)" v-if="item.status == 7">我已到达</u-button>
-							<u-button :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="fuwuOrder(item)" v-if="item.status == 8">开始服务</u-button>
-							<u-button :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="goZhuan(item)" v-if="item.status == 8&&item.isCanSupplement=='1'">转待补单</u-button>
+						<view class="hideBtn"  v-if="gengBtnShow==true" :style="gengNum==index?{display:'inline-block'}:{display:'none'}">
+							
+								
 							
-							<u-button v-if="item.status == 6" :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="cancel(item)">服务完成</u-button>
-							<u-button v-if="item.status == 9 && !item.refusalContent&&judanBtnShow=='是'" :custom-style="customStyle1" shape="circle" :plain="true"
-								 @click="toggle('bottom',item.ordersId)">拒单申请</u-button>
 								 <!-- refusalContent不等于空并且status == 9 就是拒单审核中 -->
-							<u-button v-if="item.status == 9&& !item.refusalContent" :custom-style="customStyle1" shape="circle" :plain="true"
-								@click="nineState(item.ordersId)">确认接单</u-button>
+							
 						</view>	
 						
 					</view>
@@ -346,6 +351,9 @@
 				},
 				startTime: '',
 				endTime: '',
+				gengBtnShow:false,
+				gengBtnHeid:false,
+				gengNum:0,
 			}
 		},
 		onLoad() {
@@ -479,8 +487,8 @@
 			},
 			gengBtn(index){
 				console.log(11)
-				this.btnShow=index
-				// this.btnShow=!this.btnShow
+				this.gengNum=index;
+				this.gengBtnShow=!this.gengBtnShow
 			},
 			goChat() {//联系客服
 				let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信 
@@ -884,7 +892,20 @@
 	.showBtn{
 		justify-content: space-between;
 	}
-	.showBtn,.hideBtn{
+	.hideBtn{
+		padding: 5px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		position: absolute;
+		bottom: 0;
+		background-color: #fff;
+		margin-bottom: 54px;
+		margin-left: 20px;
+	}
+	.showBtn{
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -1154,6 +1175,7 @@
 	}
 	.padding-order{
 		padding: 10rpx 20rpx;
+		position: relative;
 	}
 	.text-cut{
 		width: 95%;