流水跳转到工单详情

src/components/mine/settlement.vue

 <template>
 	<view class="settlement-view">
-		<view class="settlement-com-view">
+		<view class="settlement-com-view" @click="$u.throttle(handleClick, 500)">
 			<view class="left-view">
 				<view class="time-view">{{timeText}}</view>
 				<view class="order-view">
@@ -55,13 +55,19 @@
 			timeText() {
 				return this.$u.timeFormat(this.data.paymentTime, 'mm.dd')
 			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', this.data.orderId)
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
 	.settlement-view {
-		height: 212rpx;
+		height: 212rpx;
+
 		.settlement-com-view {
 			display: flex;
 			justify-content: space-between;

src/components/mine/statement.vue

 <template>
 	<view class="statement-view">
-		<view class="statement-com-view">
+		<view class="statement-com-view" @click="$u.throttle(handleClick, 500)">
 			<view class="left-view">
 				<view class="time-view">{{timeText}}</view>
 				<view class="order-view">
@@ -58,6 +58,11 @@
 			timeText() {
 				return this.$u.timeFormat(this.data.paymentTime, 'mm.dd')
 			}
+		},
+		methods:{
+			handleClick() {
+				this.$emit('click', this.data.orderId)
+			}
 		}
 	}
 </script>

src/pages/mine/wallet/index.vue

@@ -41,7 +41,7 @@
 			<view class="line-view"></view>
 			<view class="list-view">
 				<view v-for="(item, index) in statementList" :key="index">
-					<Statement :data="item"></Statement>
+					<Statement :data="item" @click="handleClickCell"></Statement>
 				</view>
 			</view>
 		</view>
@@ -112,7 +112,8 @@
 				orderNumber: 'EE999777',
 				orderServiceType: '安装',
 				inGuaranteePeriod: false, // true 保内；false 保外
-				payableAmount: 9899
+				payableAmount: 9899,
+				orderId: 12313,
 			}
 			this.statementList = [item, item, item, item, item]
 		},
@@ -127,6 +128,11 @@
 				uni.navigateTo({
 					url: 'pages/mine/wallet/' + this.pages[index]
 				})
+			},
+			handleClickCell(orderId) {
+				uni.navigateTo({
+					url: 'pages/order/detail?id=' + orderId
+				})
 			}
 		}
 	}

src/pages/mine/wallet/settlement.vue

@@ -23,7 +23,7 @@
 				<image :src="liushuibeijingImage" class="head-back-image" mode="widthFix"></image>
 				<view class="list-view">
 					<view v-for="(item, index) in info.payableRecordExtendDtos" :key="index">
-						<Settlement :data="item"></Settlement>
+						<Settlement :data="item" @click="handleClickCell"></Settlement>
 					</view>
 				</view>
 			</view>
@@ -66,8 +66,13 @@
 		},
 		methods: {
 			bindDateChange: function(e) {
-			            this.date = e.target.value
+			    this.date = e.target.value
 			},
+			handleClickCell(orderId) {
+				uni.navigateTo({
+					url: 'pages/order/detail?id=' + orderId
+				})
+			}
 		}
 	}
 </script>

src/pages/mine/wallet/statement.vue

@@ -23,7 +23,7 @@
 				<image :src="liushuibeijingImage" class="head-back-image" mode="widthFix"></image>
 				<view class="list-view">
 					<view v-for="(item, index) in data.statementList" :key="index">
-						<Statement :data="item"></Statement>
+						<Statement :data="item" @click="handleClickCell"></Statement>
 					</view>
 				</view>
 			</view>
@@ -82,8 +82,13 @@
 		},
 		methods: {
 			bindDateChange: function(e) {
-			            this.date = e.target.value
+			   this.date = e.target.value
 			},
+			handleClickCell(orderId) {
+				uni.navigateTo({
+					url: 'pages/order/detail?id=' + orderId
+				})
+			}
 		}
 	}
 </script>