1

pageE/tool/SendWash.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="wash">
-		<view>
+		<view class="title">
 			<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#FF780F" :current="current" font-size="32" :show-bar="false" @change="tabsChange" height="88" ></u-tabs-swiper>
 		</view>
 		<swiper :current="swiperCurrent" @animationfinish="animationfinish">
@@ -19,6 +19,11 @@
 								<view>所属公司：xx公司</view>
 							</view>
 						</view>
+						<view class="send-btn">
+							<view class="btn" v-if="btn_show">
+								确认完成
+							</view>
+						</view>
 					</view>
 				</scroll-view>
 			</swiper-item>
@@ -35,6 +40,14 @@
 				</scroll-view>
 			</swiper-item>
 		</swiper>
+		<view class="popup"  v-if="showPopup" @click="onTap">
+			<view class="popup_cont" @click="replaces(1)">
+				实体店历史订单
+			</view>
+			<view class="popup_cont" @click="replaces(2)">
+				平台历史订单
+			</view>
+		</view>
 	</view>
 </template>
 <script>
@@ -42,15 +55,17 @@ import Comment from '@/components/mine/comment/index'
 export default {
 	data() {
 		return {
+			showPopup: false,
 			list: [{
-				name: '我的订单'
+				name: '平台历史订单'
 			}, {
 				name: '申请表'
 			}, {
 				name: '评价'
 			}],
 			current: 0,
-			swiperCurrent: 0
+			swiperCurrent: 0,
+			btn_show:true
 		}
 	},
 	components: {
@@ -59,6 +74,7 @@ export default {
 	onShow() {
 		this.current = 0;
 		this.swiperCurrent = 0;
+		this.showPopup= false
 	},
 	methods: {
 		tabsChange(index) {
@@ -72,11 +88,31 @@ export default {
 			this.toApplyPage(current);
 		},
 		toApplyPage(index) {
+			console.log(index)
+			var that = this;
 			if(index == 1) {
+				this.showPopup = false
 				uni.navigateTo({
 					url: '/pageE/tool/WashOrder'
 				});
+			}else if(index ==0){
+				this.history();
+			}else{
+				this.showPopup = false
 			}
+		},
+		history(){
+			this.showPopup = true;
+		},
+		replaces(e){
+			if(e == 1){
+				this.$set(this.list,0,{name: '实体店历史订单'} )
+			}else{
+				this.$set(this.list,0,{name: '平台历史订单'} )
+			}
+		},
+		onTap(){
+			this.showPopup = false
 		}
 	},
 };
@@ -89,6 +125,10 @@ export default {
 	flex-direction: column;
 	> uni-swiper {
 		flex: 1;
+		height: 85vh;
+	}
+	.title{
+
 	}
 	.swiper-item {
 		padding-top: 20rpx;
@@ -100,7 +140,7 @@ export default {
 			.order-item {
 				padding: 30rpx;
 				width:690rpx;
-				height: 308rpx;
+				height: 362rpx;
 				background: rgba(255,255,255,1);
 				border-radius: 10rpx;
 				margin-bottom: 20rpx;
@@ -135,6 +175,25 @@ export default {
 						}
 					}
 				}
+				.send-btn{
+					width: 100%;
+					display: flex;
+					justify-content: flex-end;
+					margin-top: 30rpx;
+					.btn{
+						width: 154rpx;
+						height: 54rpx;
+						background: RGBA(255, 254, 255, 1);
+						border-radius: 49rpx;
+						transform: translate(-50%, 0);
+						font-size: 26rpx;
+						border: 1rpx solid rgba(255,120,15,1);
+						color:rgba(255,120,15,1);
+						text-align: center;
+						line-height: 54rpx;
+						margin-right: -80rpx;
+					}
+				}
 			}
 		}
 		.comment {
@@ -145,5 +204,35 @@ export default {
 			}
 		}
 	}
+	.popup{
+		width: 100%;
+		height: 100%;
+		position: fixed;
+		bottom: 0;
+		top: 88px;
+		left: 0;
+		right: 0;
+		z-index: 2;
+		background-color: rgba(0, 0, 0, 0.4);
+		transform: scale(1);
+		display: flex;
+		flex-direction: column;
+		justify-content: top;
+		align-items: center;
+		transition-duration: 0.3s;
+		
+		.popup_cont{
+			border-top: 1px solid RGBA(239, 236, 240, 1);
+			background-color: #fff;
+			width: 100%;
+			height: 80rpx;
+			line-height: 80rpx;
+			font-size:28rpx;
+			font-family:PingFang SC;
+			font-weight:400;
+			color:rgba(102,102,102,1);
+			padding-left: 41rpx;
+		}
+	}
 }
 </style>