From cdd5c3e8e571b4a2489d3fd857a851aa75906f57 Mon Sep 17 00:00:00 2001
From: ghusermoon <2673031505@qq.com>
Date: Fri, 12 Jun 2020 14:46:46 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/order-item/index.vue |   3 +-
 pages/index/details.vue         | 148 +++++++++++++++++++++++-----
 pages/index/index.vue           | 166 +++++++++++++++++++++++++++++++-
 static/image/home/2.png         | Bin 0 -> 2434 bytes
 static/image/home/3.png         | Bin 0 -> 2556 bytes
 static/image/home/4.png         | Bin 0 -> 4399 bytes
 static/image/home/5.png         | Bin 0 -> 1057 bytes
 7 files changed, 292 insertions(+), 25 deletions(-)
 create mode 100644 static/image/home/2.png
 create mode 100644 static/image/home/3.png
 create mode 100644 static/image/home/4.png
 create mode 100644 static/image/home/5.png

diff --git a/components/order-item/index.vue b/components/order-item/index.vue
index 1894615..7923ee0 100644
--- a/components/order-item/index.vue
+++ b/components/order-item/index.vue
@@ -21,9 +21,8 @@ export default {
 	},
 	methods: {
 		toDetailsPage() {
-			console.log(1)
 			uni.navigateTo({
-				url: '/pages/index/details'
+				url: '/pages/index/details?current=' + this.cur
 			});
 		},
 	},
diff --git a/pages/index/details.vue b/pages/index/details.vue
index 56b63e0..4a3d061 100644
--- a/pages/index/details.vue
+++ b/pages/index/details.vue
@@ -10,7 +10,21 @@
 				</view>
 			</view>
 		</view>
-		<view class="user-info">
+		<view class="refunds-user" v-if="status==4 || status==5">
+			<view>
+				<image src="/static/image/home/2.png"></image>
+				<view>李先生</view>
+			</view>
+			<view>
+				<image src="/static/image/home/3.png"></image>
+				<view>123456789</view>
+			</view>
+			<view>
+				<image src="/static/image/home/4.png"></image>
+				<view class="address u-line-1">山东省临沂市兰山区XX路XX小区XX楼xx单元</view>
+			</view>
+		</view>
+		<view class="user-info" v-if="status == 1 || status == 2">
 			<view class="info-title">收件人信息</view>
 			<view class="info-container">
 				<view>
@@ -27,19 +41,23 @@
 				</view>
 			</view>
 		</view>
-		<view class="delivery">
+		<view class="delivery" v-if="status == 1 || status == 2">
 			<view class="title">派送方式</view>
-			<view class="methods">
+			<view class="methods" v-if="status == 1">
 				<view :class="{active: cur==0}" @click="cur=0">人工送达</view>
-				<view :class="{active: cur==1}" @click="cur=1">指派外部骑手</view>
+				<view :class="{active: cur==1}" @click="cur=1;showDelivery=true">指派外部骑手</view>
 			</view>
-			<view class="methods">
-				<view :class="{active: cur==0}" @click="cur=0">快递</view>
-				<view :class="{active: cur==1}" @click="cur=1">骑手</view>
+			<view class="methods" v-if="status == 2">
+				<view :class="{active: cur==0}" @click="cur=0;showExpress=true">快递</view>
+				<view :class="{active: cur==1}" @click="cur=1;showDelivery=true">骑手</view>
 			</view>
 			<view class="btn">确认</view>
 		</view>
-		<u-popup v-model="show" mode="center" border-radius="10" class="delivery-popup">
+		<view class="refunds-option" v-if="status==5">
+			<view :class="{active: cur==0}" @click="cur=0;showRefunds=true">不处理</view>
+			<view :class="{active: cur==1}" @click="cur=1;showRefunds=true">确定处理</view>
+		</view>
+		<u-popup v-model="showDelivery" mode="center" border-radius="10" class="delivery-popup">
 			<view class="title">骑手信息</view>
 			<view class="input-info">
 				<input type="text" placeholder="请输入您的姓名" v-model="name" />
@@ -48,39 +66,42 @@
 			</view>
 			<view class="btn">确认</view>
 		</u-popup>
-		<u-popup v-model="show" mode="center" border-radius="10" class="delivery-popup">
+		<u-popup v-model="showExpress" mode="center" border-radius="10" class="delivery-popup">
 			<view class="title">填写快递单号</view>
 			<view class="input-info">
 				<input type="text" placeholder="请输入快递单号" v-model="express" />
 			</view>
 			<view class="btn">确认</view>
 		</u-popup>
+		<u-popup v-model="showRefunds" mode="center" border-radius="10" class="refunds-popup">
+			<view v-if="cur==1" class="popup-tips">确定处理<br />平台将进行退款</view>
+			<view v-if="cur==0" class="popup-tips">确定不处理<br />平台将进行联系</view>
+			<view class="popup-btn">
+				<view class="cancel" @click="showRefunds=false">取消</view>
+				<view class="determine">确定</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 <script>
 export default {
 	data() {
 		return {
+			status: Number, // 订单状态
 			cur: Number,
-			show: false,
+			showDelivery: false, // 填写骑手信息
+			showExpress: false, // 填写快递单号
+			showRefunds: false, // 平台退货处理
 			name: '',
 			phone: '',
-			company: ''
+			company: '',
+			express: ''
 		}
 	},
-	watch: {
-		cur(value) {
-			if(value == 1) {
-				this.show = true;
-			}
-		}
+	onLoad(option) {
+		this.status = option.current;
 	},
 	methods: {
-		showPopup() {
-			console.log(this.show);
-			
-			this.show = true;
-		},
 	},
 };
 </script>
@@ -126,6 +147,39 @@ export default {
 			}	
 		}
 	}
+	.refunds-user {
+		padding: 25rpx 30rpx;
+		background-color: #FFFFFF;
+		margin-bottom: 20rpx;
+		> view {
+			display: flex;
+			align-items: center;
+			margin-bottom: 30rpx;
+			@mixin image-class($width, $right) {
+				> image {
+					flex-shrink: 0;
+					width: $width;
+					height: 40rpx;
+					margin-right: $right;
+				}
+			}
+			&:first-child {
+				@include image-class($width: 40rpx, $right: 20rpx);
+			}
+			&:nth-child(2) {
+				margin-left: 4rpx;
+				@include image-class($width: 32rpx, $right: 24rpx);
+			}
+			&:last-child {
+				margin-left: 2rpx;
+				@include image-class($width: 36rpx, $right: 22rpx);
+			}
+			> view {
+				font-size: 26rpx;
+				color: rgba(51,51,51,1);
+			}
+		}
+	}
 	.user-info {
 		.info-title {
 			font-size: 30rpx;
@@ -209,6 +263,29 @@ export default {
 			line-height: 98rpx;
 		}
 	}
+	.refunds-option {
+		flex: 1;
+		padding: 88rpx 30rpx;
+		background-color: #FFFFFF;
+		display: flex;
+		> view {
+			width: 335rpx;
+			height: 80rpx;
+			border: 1rpx solid rgba(236,236,236,1);
+			background: rgba(236,236,236,1);
+			border-radius: 6rpx;
+			font-size: 30rpx;
+			color: rgba(0,0,51,1);
+			line-height: 80rpx;
+			text-align: center;
+			margin-right: 20rpx;
+		}
+		.active {
+			border: 1rpx solid #FF780F;
+			color: #FF780F;
+			background: #FFF1E6;
+		}
+	}
 	.delivery-popup {
 		.title {
 			width: 420rpx;
@@ -239,5 +316,32 @@ export default {
 			text-align: center;
 		}
 	}
+	.refunds-popup {
+		.popup-tips {
+			width: 420rpx;
+			text-align: center;
+			font-size: 28rpx;
+			color: rgba(102,102,102,1);
+			line-height: 42rpx;
+			padding: 30rpx 0;
+		}
+		.popup-btn {
+			width: 420rpx;
+			display: flex;
+			border-top: 2rpx solid #ECECEC;
+			> view {
+				flex: 1;
+				height: 98rpx;
+				text-align: center;
+				line-height: 98rpx;
+				&:first-child {
+					border-right: 2rpx solid #ECECEC;
+				}
+			}
+			.determine {
+				color: #FF780F;
+			}
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 0709aff..1e86ffe 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -30,7 +30,24 @@
 			</swiper-item>
 			<swiper-item class="swiper-item">
 				<scroll-view scroll-y style="height: 100%;width: 100%;">
-					{{ current }}
+					<view class="complaint">
+						<view class="select-container">
+							<view class="title">选择骑手</view>
+							<view class="worker" v-if="JSON.stringify(worker) != '{}'">
+								<view>{{ worker.company + " " + worker.name }}</view>
+								<u-icon name="edit-pen" @click="worker={}"></u-icon>
+							</view>
+							<view v-else class="select" @click="showSelect=true">
+								<view>请选择</view>
+								<image src="/static/image/home/5.png"></image>
+							</view>
+						</view>
+						<view class="textarea">
+							<view class="title">投诉简介</view>
+							 <textarea placeholder-style="color:#999999" placeholder="请输入内容" />
+						</view>
+						<view class="btn" @click="showComplaint=true">确定</view>
+					</view>
 				</scroll-view>
 			</swiper-item>
 			<swiper-item class="swiper-item">
@@ -52,6 +69,16 @@
 			<image src="/static/home/1.png"></image>
 			<view class="text">发布</view>
 		</view>
+		<u-select v-model="showSelect" mode="mutil-column-auto" :list="workerList" @confirm="setWorker"></u-select>
+		<u-popup v-model="showComplaint" mode="center" border-radius="10">
+			<view class="confirm-complaint">
+				<view class="text">
+					<view>投诉成功</view>
+					<view>请等待审核结果</view>
+				</view>
+				<view class="btn">确认</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -76,8 +103,40 @@ export default {
 			imageList: [
 				{}, {}, {}
 			],
+			showSelect: false,
 			current: 0,
 			swiperCurrent: 0,
+			showComplaint: false,
+			worker: {},
+			workerList: [
+				{
+					label: '百世快递公司',
+					children: [
+						{
+							label: '小米'
+						},
+						{
+							label: '小亮'
+						}
+					]
+				},
+				{
+					label: '中通快递公司',
+					children: [
+						{
+							label: '小红'
+						}
+					]
+				},
+				{
+					label: '申通快递公司',
+					children: [
+						{
+							label: '小蓝'
+						}
+					]
+				}
+			]
 		}
 	},
 	components: {
@@ -87,6 +146,13 @@ export default {
 
 	},
 	methods: {
+		setWorker(e) {
+			// console.log(e);
+			this.worker = {
+				company: e[0].label,
+				name: e[1].label
+			}
+		},
 		tabsChange(index) {
 			this.swiperCurrent = index;
 		},
@@ -105,6 +171,7 @@ export default {
 	background-color: #ECECEC;
 	display: flex;
 	flex-direction: column;
+	// padding-bottom: 100rpx;
 	> uni-swiper {
 		flex: 1;
 	}
@@ -115,6 +182,77 @@ export default {
 	.tab-swiper {
 		margin: 2rpx 0 20rpx 0;
 	}
+	.swiper-item {
+		.complaint {
+			margin: 0 30rpx;
+			padding: 75rpx 30rpx;
+			background-color: #ffffff;
+			.select-container {
+				display: flex;
+				align-items: center;
+				margin-bottom: 60rpx;
+				.title {
+					font-size: 30rpx;
+					color: rgba(51,51,51,1);
+					margin-right: 20rpx;
+				}
+				.select {
+					padding: 18rpx 20rpx;
+					width: 490rpx;
+					height: 60rpx;
+					background: rgba(236,236,236,1);
+					border-radius: 6rpx;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					> view {
+						font-size: 26rpx;
+						color: #999999;
+					}
+					> image {
+						width: 24rpx;
+						height: 13rpx;
+					}
+				}
+				.worker {
+					display: flex;
+					align-items: center;
+					> view {
+						font-size: 30rpx;
+						color: rgba(51,51,51,1);
+						margin-right: 20rpx;
+					}
+				}
+			}
+			.textarea {
+				box-sizing: border-box;
+				display: flex;
+				.title {
+					font-size: 30rpx;
+					color: rgba(51,51,51,1);
+					margin-right: 20rpx;
+				}
+				> textarea {
+					padding: 20rpx;
+					width: 430rpx;
+					height: 220rpx;
+					border: 1rpx solid #999999;
+					font-size: 26rpx;
+				}
+			}
+			.btn {
+				margin: 90rpx auto 0;
+				width: 630rpx;
+				height: 88rpx;
+				background: rgba(255,120,15,1);
+				border-radius: 44rpx;
+				font-size: 36rpx;
+				color: rgba(255,255,255,1);
+				line-height: 88rpx;
+				text-align: center;
+			}
+		}
+	}
 	.release-btn {
 		position: fixed;
 		bottom: 475rpx;
@@ -140,5 +278,31 @@ export default {
 			color: rgba(255,255,255,1);
 		}
 	}
+	.confirm-complaint {
+		text-align: center;
+		padding-bottom: 20rpx;
+		.text {
+			text-align: center;
+			width: 420rpx;
+			padding: 55rpx 112rpx;
+			font-size: 28rpx;
+			color: rgba(51,51,51,1);
+			line-height: 4r2px;
+			> view:first-child {
+				margin-bottom: 20rpx;
+			}
+		}
+		.btn {
+			width: 200rpx;
+			height: 60rpx;
+			background: rgba(255,120,15,1);
+			border-radius: 30rpx;
+			text-align: center;
+			line-height: 60rpx;
+			font-size: 28rpx;
+			color: rgba(255,255,255,1);
+			margin: 0 auto;
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/static/image/home/2.png b/static/image/home/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6cd85ba04c4fb5dc61a17f8494f7f3381c19c7e9
GIT binary patch
literal 2434
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
AO8@`>

literal 0
HcmV?d00001

diff --git a/static/image/home/3.png b/static/image/home/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..08c7cc9a45fc3bb7f4a07e8f24b19a1286c5dea8
GIT binary patch
literal 2556
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
ScOQ}f0000<MNUMnLSTXs#glCS

literal 0
HcmV?d00001

diff --git a/static/image/home/4.png b/static/image/home/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5bf00450526ddb3173f67c5b273c75966af06b1
GIT binary patch
literal 4399
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

literal 0
HcmV?d00001

diff --git a/static/image/home/5.png b/static/image/home/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a9ab7e5892e18419941a3145017e87a7deefe7d
GIT binary patch
literal 1057
zcmV++1m63JP)<h;3K|Lk000e1NJLTq001xm000^Y1^@s6@ipJq000B%Nkl<ZSVzs5
z*>4+F6vltYH;xj4ctT~7Kon>Jfudk1_6rh^pgw^Fg`_|umLkORr?hHCDPd7bE45V+
zizoz@Hx>(=#4fT#XlY9xSstOp!OqM<$C{BQ&h?Tsi5bZ+p1XYCx!?WHHv*8!WF|yp
z9C!%$7dQ`0RjbvH78Vw++L&HFnM~$xV6TYm0UiL-KtWYcm&@hjV!*Q5>@@HQa6<y<
zcOr7sIX6=*7XRu6f#KodU8z)RTtuD&?o41XJYSVcr6*$o9|Dg8*Cz(80A&$5RIAm_
zRw|W$wv&W`cg~FgF9NqU?R`~M&y~yNCt?Dx051U#dO-dlB5&1dwU4)pL<HWdZUpY~
zVEPewr&KB(YY@ogayx?{*b6)l>~5YQBHsYVwnI*l=J$!nK46yz{3YOh=iKz{?CfHL
z03i8%e#gqn%G1CbO?tEU0Z>xagUidyUu@OIPRQm3;C2uAMO8hLPNz>7i^V?yjR`cy
zj*gDr9ERajz{|jWO$&s;oL%g#kW(&~+Z_bKGr+UJ9Ukx(RCUrhcV=#G?)UipDgyRr
zKA*oS2!j2pI^iLK$;lQP7#KKPC=~wQjEilu5fKA!3Rojy;AgY-zP`Q>ipAm|$vxK)
zh)LAz^)V57Es|4moC33|dT0~mB$-UcE~#nW3g)Z)uOjlMbM90#_=fgdRWKnZbEtco
z#x*P!I9#n(KilY?FxiA*IIgN@9?e#1TV7Pvx0_|t@dV-l5ed_!Rp)*W*>6SU-KC|a
zPu5E!o6TC~ZC!IepKN|o)hXxP$)x7jIAkXc4-F0NNT<_A!cM~4`l?4nz7NCj@ZjL!
zOqX{eDVzPkP7j7FX5008{bZ$5F}G>?w3JYCMnX=ndc1i>RnMnVse|2g><%5)wl$wW
z3QU(urQbRgxGMs-NH&|jCF+c(SD%~;A~M-dPLbPK)mzF2I1ZfZ27KE~>|-9u$y)q@
z7G1Js0BjS?;;k+Nll6N2L?_vFeTjV}5^{RolT*9_unXB-QB||bRZXgseAayeNq17!
zF;%sezeY}Wv4JD1`Xz9qH7Qj!Bk%>Y1rd2qRnK%Qn`=6Oc(Tc<zrTMXBH^>ab0YG&
zs@@7b4&3Xh=p_U1oSX7BsVzH!cwvhjZ33WuKiJpYb<wZcFp|M+RXpehcs!<S7izU=
zhXB}Wnm3rO2l%EDu!TAWz$RcVgIUiA#3b4TKpSEqaIsx5>nQ=-yh8x&7|eQ3Anw>v
zwtq}j8!1*qE&`v5$cc8r?0-SP@Q#d(n62(n)rTVjUjsAq^Ygz%QrZYs@0@FPp-n@w
b!G-<<bTQN_+4owV00000NkvXXu0mjfw213h

literal 0
HcmV?d00001