订单页添加客服

vedio/pagesD/dotRecord/dotRecord.vue

@@ -19,6 +19,14 @@
 			</view>
 
 		</z-paging>
+
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -33,7 +41,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -59,6 +68,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -68,4 +80,23 @@
 	.body {
 		background-color: whitesmoke;
 	}
+
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file

vedio/pagesD/payRecord/payRecord.vue

@@ -18,6 +18,13 @@
 			</view>
 
 		</z-paging>
+
+		<view class="box-wrap" @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -28,7 +35,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -39,10 +47,10 @@
 			},
 			queryList(page, size) {
 				this.post({
-					url: '/vip/getOrderList',
-					data: {
-						page,
-						size
+					url: '/vip/getOrderList',
+					data: {
+						page,
+						size
 					},
 					showLoading: false,
 					success: ({
@@ -51,6 +59,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -60,4 +71,23 @@
 	.body {
 		background-color: whitesmoke;
 	}
+
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file

vedio/pagesD/useDotRecord/useDotRecord.vue

@@ -19,6 +19,13 @@
 				</view>
 			</view>
 		</z-paging>
+
+		<view class="box-wrap"  @click="handleKefu">
+			<image src="../../static/ic_service.png"></image>
+			<text>客服时间：</text>
+			<text>每天9:00-18:00</text>
+		</view>
+		<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
 	</view>
 </template>
 <script>
@@ -33,7 +40,8 @@
 		mixins: [common],
 		data() {
 			return {
-				dataList: []
+				dataList: [],
+				showKefuPop: false
 			};
 		},
 		methods: {
@@ -59,6 +67,9 @@
 						this.$refs.paging.complete(data.list);
 					}
 				});
+			},
+			handleKefu() {
+				this.showKefuPop = true
 			}
 		}
 	};
@@ -68,4 +79,23 @@
 	.body {
 		background-color: whitesmoke;
 	}
+
+	.box-wrap {
+		position: absolute;
+		bottom: 20%;
+		right: 6%;
+		z-index: 999;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		image {
+			width: 100rpx;
+			height: 100rpx;
+		}
+
+		text {
+			color: #2c2c2c;
+		}
+	}
 </style>
\ No newline at end of file