twt 2 years ago
parent
commit
bdd261c200
3 changed files with 6 additions and 840 deletions
  1. 2 808
      pages/user/myOrder/mallOrderDetail.vue
  2. 3 22
      pages/user/myOrder/myOrder.vue
  3. 1 10
      pages/user/user.vue

+ 2 - 808
pages/user/myOrder/mallOrderDetail.vue

@@ -1,810 +1,3 @@
-<<<<<<< HEAD
-<template>
-	<view class="box">
-
-		<view class="top">
-			<view class="orderState">
-				<image src="../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
-				
-		
-				<view class="SheetState" v-if="orderData.orderSheet.sheetState == 0">待确认</view>
-				<view class="SheetState" v-if="orderData.orderSheet.sheetState == 1">预约中</view>
-				<view class="SheetState" v-if="orderData.orderSheet.sheetState == 2">已到店</view>
-				<view class="SheetState" v-if="orderData.orderSheet.sheetState == 3">已取消</view>
-			</view>
-
-
-		</view>
-
-		<!-- 店铺信息 -->
-		<view class="shopBox">
-			<image src="../../static/img/icon_store.png" mode="" class="shopBoximg"></image>
-			<view class="shopCont">
-				<view class="shopName">{{orderData.shopInfo.shopName}}</view>
-				<view class="Address">{{orderData.shopInfo.province}}{{orderData.shopInfo.city}}{{orderData.shopInfo.area}}{{orderData.shopInfo.address}}</view>
-
-			</view>
-			<view class="shopRightBox" @click="map">
-
-				<image src="../../static/img/icon_ditu.png" mode="" class="shopRightImg"></image>
-
-				<view class="shopRihgtTxt">地图</view>
-			</view>
-			<view class="shopsx"></view>
-			<view class="shopRightBox" @click="call">
-
-				<image src="../../static/img/icon_phone.png" mode="" class="shopRightImg"></image>
-
-				<view class="shopRihgtTxt">电话</view>
-			</view>
-		</view>
-
-
-		<!-- 订单信息 -->
-		<view class="information">
-			<view class="detailedTitle">基本信息</view>
-			<view class="informationLine">
-				<view class="informationTxt">车牌号:</view>
-				<view class="informationNum">{{orderData.orderSheet.plateNumber}}</view>
-			</view>
-			<view class="informationLine">
-				<view class="informationTxt">手机号:</view>
-				<view class="informationNum">{{orderData.orderSheet.mobilePhone}}</view>
-			</view>
-			<view class="informationLine">
-				<view class="informationTxt">预约时间:</view>
-				<view class="informationNum">{{orderData.orderSheet.billDate}}</view>
-			</view>
-			<view class="informationLine">
-				<view class="informationTxt">单号:</view>
-				<view class="informationNum">{{orderData.orderSheet.code}}</view>
-			</view>
-			<view class="informationLine">
-				<view class="informationTxt">备注:</view>
-				<view class="informationNum">{{orderData.orderSheet.comment}}</view>
-			</view>
-
-		</view>
-
-		<!-- 项目明细 -->
-		<view class="detailedBox itemBox" v-if=" orderData.orderDetails.length!=0">
-			<view class="detailedTitle">预约项目</view>
-			<view class="detailedLineBox">
-				<view class="detailedLine" v-for="(v,index) in orderData.orderDetails">
-						<view class="detailedName">{{v.itemName}}</view>
-						<span>¥{{v.amountMoney}}</span>
-				</view>
-				<view class="detailedLine" v-if=" orderData.orderDetails.length!=0">
-						<view class="detailedName">预估总价</view>
-						<span v-if="orderData.sumMoney>0">¥{{orderData.sumMoney}}</span>
-				</view>
-				<view class="content">温馨提示:该报价仅为参考价格,实际以门店为准(不同品牌和车型费用会不同)</view>
-			</view>
-		</view>
-
-		
-		<view class="bottom" v-if="(orderData.orderSheet.sheetState == 0)||(orderData.orderSheet.sheetState == 1)">
-		
-			<view class="cancel" @click="cancelBespeak" >取消预约</view>
-			<view class="defer" @click="cktime">延期</view>
-		</view>
-		
-		<!-- 预约时间 -->
-		<timeSelect ref="timeSelect" :timedata="timedata" @changeTime="changeTime"></timeSelect>	
-
-	</view>
-</template>
-
-<script>
-	import timeSelect from '@/components/timeSelect/timeSelect.vue'
-	export default {
-		components: {
-			timeSelect
-		},
-	
-		data() {
-			return {
-				location: '',
-				id: '',
-				orderData: '',
-				timedata:'',
-				billDate:'',
-
-			}
-		},
-		onLoad(opt) {
-			
-			this.id = opt.id
-			
-			if (this.id) {
-				this.getData()
-			}
-
-		},
-		
-		methods: {
-			changeTime(data){
-				console.log(data)
-				this.billDate=data
-				this.upTime();
-			},
-			cktime(){
-				 this.$refs.timeSelect.open();
-			},
-			upTime() {
-				uni.showLoading({
-					title: '加载中'
-				})
-				var that = this
-				this.$http('openreservation/carOwner/updateTimeOfAppointment', {
-			
-					id: this.id,
-					shopId: this.orderData.shopInfo.id,
-					billDate:this.billDate
-				}, 'POST').then(res => {
-					uni.hideLoading();
-					// var list = res.data.Items
-					var list = res.data
-					console.log("result+=",res.data);
-					uni.showToast({
-						title: '延期成功',
-						icon: 'none',
-						duration: 2000
-					});
-					setTimeout(function() {
-						that.getData();
-					}, 1000);
-					
-			
-				})
-			},
-			cancelBespeak() {
-				uni.showLoading({
-					title: '加载中'
-				})
-				var that = this
-				this.$http('openreservation/carOwner/updateState', {
-			
-					id: this.id,
-					shopId: this.orderData.shopInfo.id,
-					sheetState:3
-				}, 'POST').then(res => {
-					uni.hideLoading();
-					// var list = res.data.Items
-					var list = res.data
-					uni.showToast({
-						title: '取消成功',
-						icon: 'none',
-						duration: 2000
-					});
-					setTimeout(function() {
-						that.getData();
-					}, 1000);
-				})
-			},
-			map() {
-				console.log("打开地图")
-				var that = this;
-				if (!that.orderData.shopInfo.lat || !that.orderData.shopInfo.lng) {
-					uni.showToast({
-						title: '该店铺未设置定位',
-						icon: 'none',
-						duration: 3000
-					});
-				} else {
-					uni.openLocation({
-						latitude: Number(that.orderData.shopInfo.lat),
-						longitude: Number(that.orderData.shopInfo.lng),
-						name: that.orderData.shopInfo.shopName,
-						address: that.orderData.shopInfo.province+that.orderData.shopInfo.city+that.orderData.shopInfo.area+that.orderData.shopInfo.address,
-						success: function() {
-							console.log('success');
-						},
-						fail(err) {
-							console.log(err)
-						}
-					});
-				}
-
-			},
-
-			call() {
-				uni.makePhoneCall({
-					phoneNumber: this.orderData.orderSheet.mobilePhone
-				});
-			},
-
-
-			getData() {
-				uni.showLoading({
-					title: '加载中'
-				});
-
-				this.$http('openreservation/orderSheetDetails', {
-					// lat: this.location.lat,
-					// lng: this.location.lng,
-					id: this.id,
-				}, 'GET').then(res => {
-					uni.hideLoading();
-					this.orderData = res.data;
-
-					
-					
-				})
-			},
-			
-			goback() {
-
-				uni.navigateBack({})
-
-
-			},
-			
-		},
-		onPullDownRefresh() {
-			
-			this.getData()
-			setTimeout(function() {
-				uni.stopPullDownRefresh();
-			}, 1000);
-		},
-
-	}
-</script>
-
-<style scoped>
-	.box {
-		min-height: 100vh;
-		background: #F4F5F7;
-
-	}
-
-	.top {
-		height: 190rpx;
-		background-color: #FF0000;
-
-	}
-
-	.orderState {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		padding-top: 40rpx;
-	}
-
-	.SheetState {
-		display: flex;
-		justify-content: center;
-		font-size: 36rpx;
-		font-weight: 500;
-		color: #FFFFFF;
-		margin-left: 15rpx;
-
-	}
-
-
-
-	.timeEditImg {
-		width: 25rpx;
-		height: 25rpx;
-		padding-left: 20rpx;
-	}
-
-
-
-	.shopBoximg {
-		width: 40rpx;
-		height: 40rpx;
-	}
-
-	.shopRightImg {
-		width: 44rpx;
-		height: 45rpx;
-	}
-
-	.shopsx {
-		width: 1px;
-		height: 50rpx;
-		background: #EEEEEE;
-		margin-top: 30rpx;
-		margin-left: 28rpx;
-	}
-
-	.shopBox {
-
-		display: flex;
-		padding: 30rpx 20rpx;
-		margin: 0rpx 24rpx;
-		margin-top: -60rpx;
-		background-color: #FFFFFF;
-		border-radius: 10rpx;
-
-	}
-
-	.shopCont {
-		width: 405rpx;
-		padding-left: 20rpx;
-
-	}
-
-	.shopName {
-		font-size: 30rpx;
-		font-weight: bold;
-		color: #3C3C3C;
-		line-height: 42rpx;
-	}
-
-	.Address {
-		color: #999999;
-		font-size: 24rpx;
-		margin-top: 10rpx;
-	}
-
-	.shopRihgtTxt {
-		color: #999999;
-		font-size: 24rpx;
-
-	}
-
-	.shopRightBox {
-		
-		padding-left: 28rpx;
-	}
-
-	.peopleCont {
-		font-size: 28rpx;
-		color: #3C3C3C;
-		padding-left: 20rpx;
-	}
-
-	.people {
-		display: flex;
-		padding-left: 20rpx;
-		padding-top: 30rpx;
-		padding-bottom: 36rpx;
-	}
-
-	.PlateNumberBox {
-		display: flex;
-		padding-left: 20rpx;
-		padding-bottom: 30rpx;
-	}
-
-	.PlateNumbercx {
-		font-size: 28rpx;
-
-		color: #3C3C3C;
-		padding-left: 20rpx;
-	}
-
-	.PlateNumber {
-		width: 130rpx;
-		height: 32rpx;
-		border-radius: 4rpx;
-		border: 1px solid #F19D01;
-		line-height: 32rpx;
-		text-align: center;
-		font-size: 22rpx;
-		color: #F19D01;
-		margin-left: 26rpx;
-	}
-
-	.PlateNumberBoxTop {
-		display: flex;
-	}
-
-	.CarModel {
-		font-size: 26rpx;
-		color: #999999;
-		padding-left: 20rpx;
-		padding-top: 6rpx;
-		padding-right: 20rpx;
-		padding-bottom: 15rpx;
-		width: 600rpx;
-	}
-
-	.detailedBox {
-
-		background: #FFFFFF;
-		border-radius: 10px;
-		margin: 20rpx 24rpx;
-		padding-bottom: 20rpx;
-	}
-
-	.itemBox {
-		margin-top: 20rpx;
-	}
-
-	.carMes {
-		padding: 23rpx 20rpx;
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		border-bottom: 1rpx solid #EEEEEE;
-	}
-
-	.plate {
-		font-size: 30rpx;
-		color: #3C3C3C;
-		font-weight: bold;
-		margin-right: 20rpx;
-	}
-
-	.mileage {
-		font-size: 24rpx;
-		color: #F19D01;
-		padding: 0rpx 10rpx;
-		border: 1rpx solid #F19D01;
-		border-radius: 4rpx;
-		height: 36rpx;
-	}
-
-	.detailedTitle {
-		padding: 23rpx 20rpx;
-		display: flex;
-		text-align: center;
-		align-content: flex-start;
-		border-bottom: 1rpx solid #EEEEEE;
-
-		font-size: 30rpx;
-		font-weight: bold;
-		color: #3C3C3C;
-	}
-
-
-	.detailedLine {
-		display: flex;
-		padding: 20rpx 20rpx 0rpx;
-		justify-content: space-between;
-	}
-
-	.detailedImg {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 10rpx;
-	}
-
-	
-
-	.detailedName {
-		font-size: 26rpx;
-		color: #3C3C3C;
-	}
-
-	span{
-		font-size: 26rpx;
-		color: #999999;
-	}
-
-	.goodscost {
-		width: 702rpx;
-		background: #FFFFFF;
-		border-radius: 10px;
-		margin-left: 24rpx;
-		margin-top: 20rpx;
-		padding: 15rpx 0;
-	}
-
-	.goodscostLine {
-		display: flex;
-		justify-content: space-between;
-		font-size: 28rpx;
-		padding: 20rpx 20rpx;
-		color: #666666;
-	}
-
-	.goodsCostNum {
-		color: #3C3C3C;
-	}
-
-	.information {
-		width: 702rpx;
-		background: #FFFFFF;
-		border-radius: 10px;
-		margin-left: 24rpx;
-		margin-top: 20rpx;
-		padding: 0rpx 0 15rpx 0;
-	}
-
-	.informationLine {
-		display: flex;
-		font-size: 26rpx;
-		padding: 15rpx 20rpx;
-	}
-
-	.informationTxt {
-		width: 190rpx;
-		color: #999999;
-	}
-
-	.informationNum {
-		color: #333333;
-	}
-
-	.copyBtn {
-		width: 86rpx;
-		height: 40rpx;
-		background: #F4F5F7;
-		border-radius: 20rpx;
-		font-size: 24rpx;
-		color: #333333;
-		text-align: center;
-		line-height: 40rpx;
-		margin-left: 20rpx;
-	}
-
-	.orderBottom {
-		width: 750rpx;
-		height: 98rpx;
-		background: #FFFFFF;
-		position: fixed;
-		left: 0;
-		bottom: 0;
-		display: flex;
-		justify-content: flex-end;
-	}
-
-	.cancelBtn {
-		width: 150rpx;
-		height: 56rpx;
-		border-radius: 36rpx;
-		border: 2rpx solid #DDDDDD;
-		text-align: center;
-		line-height: 56rpx;
-		font-size: 28rpx;
-		color: #3C3C3C;
-		margin-top: 21rpx;
-		margin-right: 16rpx;
-		margin-left: 20rpx;
-	}
-
-	.payBtn {
-		width: 150rpx;
-		height: 56rpx;
-		border-radius: 36rpx;
-		border: 2rpx solid #FF4F00;
-		text-align: center;
-		line-height: 56rpx;
-		font-size: 28rpx;
-		color: #FF4F00;
-		margin-top: 21rpx;
-		margin-right: 16rpx;
-		margin-left: 20rpx;
-	}
-
-	.timeBox2 {
-		width: 100vw;
-		height: 100vh;
-		background: rgba(0, 0, 0, 0.5);
-		position: fixed;
-		top: 0;
-		left: 0;
-	}
-
-	.timeLeftActive {
-		background: #FFFFFF;
-	}
-
-	.timeMain {
-		width: 100vw;
-		height: 70vh;
-		margin-top: 30vh;
-		background: #FFFFFF;
-		border-radius: 24rpx 24rpx 0px 0px;
-	}
-
-	.timesfNo {
-		background: #F5F5F5;
-	}
-
-	.timesfActive {
-		background: #FF4F00;
-
-	}
-
-	.timesfActive .timeSfNum {
-		color: #FFFFFF;
-	}
-
-	.timesfActive .timeyy {
-		color: #FFFFFF;
-	}
-
-	
-
-	.timeTop {
-		display: flex;
-		line-height: 90rpx;
-		padding-left: 24rpx;
-		padding-right: 24rpx;
-		justify-content: space-between;
-	}
-
-	.timeTopTitle {
-		font-size: 30rpx;
-		font-family: PingFangSC-Medium, PingFang SC;
-		font-weight: 600;
-		color: #3C3C3C;
-	}
-
-	.close {
-		color: #999999;
-		font-size: 30rpx;
-		padding-left: 30rpx;
-	}
-
-	.timeCont {
-		height: calc(70vh - 210rpx);
-	}
-
-	.timeSv {
-		height: calc(70vh - 210rpx);
-	}
-
-	.timeLeft2 {
-		width: 162rpx;
-		background: #F4F5F7;
-		border-top: 1px soid #F4F5F7;
-		border-right: 1px soid #F4F5F7;
-	}
-
-	.timeRight2 {
-		width: 588rpx;
-	}
-
-	.timesf {
-		width: 165rpx;
-		height: 98rpx;
-		border-radius: 7rpx;
-		border: 2rpx solid #EEEEEE;
-		text-align: center;
-		margin-left: 20rpx;
-		margin-bottom: 24rpx;
-	}
-
-	.timeBottom {
-		width: 750rpx;
-		height: 120rpx;
-		background: #FFFFFF;
-		box-shadow: 0px -2px 20rpx 0px rgba(153, 153, 153, 0.2);
-		display: flex;
-		align-items: center;
-
-	}
-
-	.timerightBox {
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	.timeCont {
-		display: flex;
-	}
-
-	.timeSfNum {
-		color: #666666;
-		font-size: 28rpx;
-		padding-top: 15rpx;
-	}
-
-	.timeyy {
-		font-size: 24rpx;
-		color: #999999;
-	}
-
-	.timecomplete {
-		width: 690rpx;
-		height: 74rpx;
-		background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
-		border-radius: 37rpx;
-		line-height: 74rpx;
-		text-align: center;
-		font-size: 30rpx;
-		color: #FFFFFF;
-		margin-left: 30rpx;
-	}
-
-	.timeleftLine {
-		font-size: 30rpx;
-		color: #999999;
-		text-align: center;
-		padding: 28rpx 10rpx;
-		border-bottom: 1px solid #EEEEEE;
-	}
-
-	.yuyueBox {
-
-		background: #FFFFFF;
-		border-radius: 10rpx;
-		margin-left: 24rpx;
-		margin-right: 24rpx;
-
-	}
-
-	.yuyueTime {
-		display: flex;
-		padding-left: 20rpx;
-		padding-top: 30rpx;
-		padding-bottom: 36rpx;
-		align-items: center;
-	}
-
-	.yuyueState {
-		display: flex;
-		padding-left: 20rpx;
-		padding-top: 30rpx;
-		padding-bottom: 36rpx;
-	}
-
-	.maBox {
-		display: flex;
-		justify-content: space-between;
-		padding: 24rpx 20rpx;
-	}
-
-	.querenMa {
-
-		margin: 20rpx 0;
-		padding-bottom: 30rpx;
-	}
-
-	.maBoximg {
-		width: 308rpx;
-		height: 308rpx;
-		margin: 30rpx 197rpx;
-
-
-	}
-
-	.rightShou {
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-	}
-	.content{
-		background-color: #F4F5F7;
-		border-radius: 10rpx;
-		padding: 16rpx;
-		color: #999999;
-		font-size: 24rpx;
-		margin: 20rpx;
-	}
-	.bottom {
-		display: flex;
-		justify-content: flex-end;
-		padding: 20rpx;
-		background-color: #FFFFFF;
-		align-items: center;
-		height: 98rpx;
-		width: 100vw;
-		position: fixed;
-		bottom: 0rpx;
-	}
-	.cancel{
-		color: #3C3C3C;
-		font-size: 28rpx;
-		width: 150rpx;
-		height: 56rpx;
-		border-radius: 36rpx;
-		border: 1rpx solid #DDDDDD;
-		text-align: center;
-		line-height: 56rpx;
-		margin-right: 40rpx;
-	}
-	.defer {
-		color: #D53533;
-		font-size: 28rpx;
-		width: 150rpx;
-		height: 56rpx;
-		border-radius: 36rpx;
-		border: 1rpx solid #D53533;
-		text-align: center;
-		line-height: 56rpx;
-		margin-right: 40rpx;
-	}
-	
-	
-=======
 <template>
 	<view class="box">
 
@@ -1327,6 +520,8 @@
 	.goodsName {
 		padding: 20rpx 20rpx 15rpx;
 		border-top: 1rpx solid #EEEEEE;
+		color: #333333;
+		font-size: 26rpx;
 	}
 
 	.informationNum {
@@ -1432,5 +627,4 @@
 		justify-content: space-between;
 		align-content: center;
 	}
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6
 </style>

+ 3 - 22
pages/user/myOrder/myOrder.vue

@@ -8,7 +8,7 @@
 			
 		</view>
 		<view class="main">
-			<view class="itemBg" v-for="(item,index) in items" @click="goDetail(item)">
+			<view class="itemBg" v-for="(item,index) in items" @click="goDetail(item.ID)">
 				<view class="itemTop">
 					<view style="itemType" v-if="item.SheetType==1">商城-商品订单</view>
 					<view style="itemType" v-if="item.SheetType==2">商城-项目订单</view>
@@ -18,28 +18,17 @@
 					<view style="itemType" v-if="item.SheetType==6">集客订单</view>
 					
 					<view class="itemSheetState" v-if="item.SheetState==1">待付款</view>
-<<<<<<< HEAD:pages/user/myOrder/myOrder.vue
-					<view class="itemSheetState" v-if="item.SheetState==3">待服务</view>
-					<view class="itemSheetState" v-if="item.SheetState==4">已完成</view>
-					<view class="itemSheetState" v-if="item.SheetState==0">已取消</view>
-=======
 					<view class="itemSheetState" v-if="item.SheetState==2">待服务</view>
 					<view class="itemSheetState" v-if="item.SheetState==3">已完成</view>
 					<view class="itemSheetState" v-if="item.SheetState==4">已取消</view>
 
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6:pages/user/myOrder/myOrder.vue
 				</view>
 				<view class="itemShopBg">
 					<view class="shopName">{{item.SheetContent}}</view>
 					<view class="price">¥{{item.RealMoney}}</view>
 				</view>
-<<<<<<< HEAD:pages/user/myOrder/myOrder.vue
-				<view class="itemName">{{item.time}}</view>
-				
-=======
 				<view class="itemName">{{item.CreateTime}}</view>
 
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6:pages/user/myOrder/myOrder.vue
 				
 
 			</view>
@@ -59,7 +48,7 @@
 			return {
 				page: 1,
 				tabIndex: '',
-				items: [1,2,3],
+				items: [],
 				isload: false,
 				 
 			}
@@ -87,14 +76,10 @@
 				this.page = 1;
 				this.getData()
 			},
-			goDetail(item) {
+			goDetail(id) {
 				uni.navigateTo({
-<<<<<<< HEAD:pages/user/myOrder/myOrder.vue
-					url:"../../orderDetail/mallOrderDetail?id=" + item.id
-=======
 
 					url:"../../myOrder/mallOrderDetail?id=" + '123'
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6:pages/user/myOrder/myOrder.vue
 					
 				})
 			},
@@ -106,12 +91,8 @@
 				var padata = {
 					page: this.page,
 					limit: 10,
-<<<<<<< HEAD:pages/user/myOrder/myOrder.vue
-					state: this.tabIndex
-=======
 					sheetState: this.tabIndex>0?this.tabIndex:''
 
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6:pages/user/myOrder/myOrder.vue
 				}
 
 				this.$http('openOrderManagement/getOpenSheetList', padata, 'GET').then(res => {

+ 1 - 10
pages/user/user.vue

@@ -257,20 +257,11 @@
 				});
 			},
 
-<<<<<<< HEAD
+
 			goorder(num) {
 				uni.navigateTo({
 					url: './myOrder/myOrder?num=' + num
-=======
-			goorder(num) {
-				uni.navigateTo({
-					url: './myOrder/mallOrderDetail'
-
->>>>>>> 824f0984db9dc4a2ea0f6376d3b8ba5d23bad9e6
 				})
-				// uni.navigateTo({
-				// 	url: './myOrder/myOrder?num=' + num
-				// })
 			},
 			
 			queryMyDetail() {