新增复制订单号、快递单号

pages/order/detail.vue

@@ -53,6 +53,7 @@
 					</view>
 					<view class="detail-info-content-desc">
 						<view>订单编号：</view>
+						<view class="copy" @click="copyOrderId" v-if="status.value == 2 || status.value == 4">复制</view>
 						<view>{{ info.orderId }}</view>
 					</view>
 					<view class="detail-info-content-desc">
@@ -71,6 +72,7 @@
 					</view>
 					<view class="detail-info-content-desc">
 						<view>物流单号：</view>
+						<view class="copy" @click="copyDeliveryFlowId(item.deliveryFlowId)">复制</view>
 						<view>{{ item.deliveryFlowId || '-' }}</view>
 					</view>
 					<view class="detail-info-content-desc">
@@ -108,6 +110,7 @@
 					</view>
 					<view class="detail-info-content-desc">
 						<view>物流单号：</view>
+						<view class="copy" @click="copyDeliveryFlowId(item.deliveryFlowId)">复制</view>
 						<view>{{ item.deliveryFlowId || '-' }}</view>
 					</view>
 					<view class="detail-info-content-desc">
@@ -240,6 +243,18 @@
 					uni.hideLoading();
 				})
 			},
+			
+			copyOrderId() {
+				uni.setClipboardData({
+					data: this.info.orderId,
+				});
+			},
+			
+			copyDeliveryFlowId(id) {
+				uni.setClipboardData({
+					data: id,
+				});
+			},
 		}
 	}
 </script>
@@ -340,6 +355,7 @@
 				}
 
 				&-desc {
+					position: relative;
 					display: flex;
 					line-height: 40rpx;
 					margin-top: 20rpx;
@@ -352,6 +368,19 @@
 					view:last-child {
 						width: calc(100% - 150rpx)
 					}
+					
+					.copy {
+						position: absolute;
+						right: 0;
+						top: -6rpx;
+						width: 136rpx;
+						height: 52rpx;
+						line-height: 52rpx;
+						text-align: center;
+						color: rgba(149, 149, 149, 100);
+						border: 1px solid rgba(187, 187, 187, 100);
+						border-radius: 10rpx;
+					}
 				}
 
 				&-desc:last-child {