页面完善

pages/bookShop/deliverDetail.vue

@@ -8,10 +8,9 @@
 			<view class="deliverCntent">
 				<view class="" v-for="(list, index1) in deliverDetails" :key="index1">
 					<view v-show="index1 == current">
-					<view class="kuaidiItem">{{list.ShipperName}}{{list.LogisticCode}}</view>
+					<view class="kuaidiItem">{{list.ShipperName}} {{list.LogisticCode}} <u-tag @click="copyData(list.LogisticCode)" class="copyCode" text="复制" plain type="success" /></view>
 					<view class="item" v-for="(item, index) in list.Traces">
 						<view class="flexbox">
-
 							<view class="img_icon "></view>
 							<view class="wuliu">
 								<view class="time">{{item.AcceptTime}}</view>
@@ -43,9 +42,7 @@
 					Traces: []
 				}],
 				current: 0,
-				deliverList: [{
-					name: null
-				}],
+				deliverList: [],
 				deliverDetailsLength: null
 			}
 		},
@@ -59,12 +56,22 @@
 			...mapState(['userInfo']),
 		},
 		methods: {
+			// 复制到剪切板
+			copyData(data){
+				uni.setClipboardData({
+					data,
+					success: function () {
+						console.log('success');
+					}
+				});
+			},
 			tabchange(item) {
 				console.log(item)
 				this.current = item.index
 			},
 			// 获取物流
 			getdeliverDetails() {
+				this.deliverList = []
 				uni.showLoading()
 				this.$http
 					.post(`/book/buyorder/queryFMS?orderId=${this.orderId}`)
@@ -73,12 +80,12 @@
 						if (res && res.code === 0) {
 							uni.hideLoading()
 							this.deliverDetails = res.rntStr
-							//console.log(res.rntStr)
+							// console.log(res.rntStr,'物流信息')
 							res.rntStr.forEach((item, index) => {
 								item.Traces = item.Traces.reverse()
-								//	console.log(item)
-								this.deliverList[index].name = item.ShipperName
-							})
+									//console.log(item)
+								this.deliverList.push({'name':item.ShipperName})
+							})							
 						}
 					})
 			},
@@ -94,6 +101,7 @@
 	}
 </style>
 <style lang="scss" scoped>
+	.copyCode{display: inline-block; margin-left: 20rpx; }
 	.u-tabs {
 		background: #fff
 	}
@@ -122,7 +130,7 @@
 		background-color: #fff;
 		margin-bottom: 20rpx;
 		border-top: 1px solid #eee;
-		font-size: 24rpx;
+		font-size: 28rpx;
 		color:#777;
 		.item {
 			padding-left: 10px;
@@ -143,7 +151,7 @@
 
 		.time {
 			color: #888;
-			font-size: 14px;
+			font-size: 28rpx;
 			margin-bottom: 5px
 		}