优化协销订单列表

pages/seller/order/components/details/cm-order-temp.vue

@@ -5,7 +5,12 @@
 			<view class="information-view title">
 				<view class="view-num">
 					<view class="bage-text">
-						订单编号：<label class="label">{{ orderData.shopOrderNo ? orderData.shopOrderNo : '' }}</label>
+						订单编号：
+						<label class="label">
+							{{ orderData.shopOrderNo ? orderData.shopOrderNo : '' }}
+							({{ orderData.shopOrderId }})
+						</label>
+						<text class="clipboard" @click="clipboard(orderData.shopOrderId)">复制ID</text>
 					</view>
 				</view>
 			</view>
@@ -71,7 +76,8 @@ export default {
 		initData(data) {
 			this.orderData = data
 		},
-		clipboard(data) {
+		clipboard(shopOrderId) {
+			const data = shopOrderId + ''
 			thorui.getClipboardData(data, res => {
 				if (res) {
 					this.$util.msg('复制成功', 2000, true, 'success')
@@ -100,17 +106,12 @@ export default {
 			font-size: $font-size-24;
 			margin: 4rpx 0;
 			// display: flex;
-			width: 55%;
+			width: 100%;
 			display: inline-block;
 			&.same {
 				width: 45%;
 				text-align: right;
 			}
-			// &.title{
-			// 	height: 68rpx;
-			// 	line-height: 68rpx;
-			// 	margin-bottom: 5rpx;
-			// }
 			view {
 				// flex: 1;
 				color: $text-color;
@@ -187,16 +188,18 @@ export default {
 				flex: 4;
 			}
 			.clipboard {
-				width: 84rpx;
-				height: 36rpx;
-				background: linear-gradient(34deg, rgba(255, 41, 41, 1) 0%, rgba(255, 109, 27, 1) 100%);
+				height: 44rpx;
+				background: #e2e2e2;
 				text-align: center;
 				font-size: $font-size-24;
-				color: #ffffff;
-				border-radius: 6rpx;
-				line-height: 36rpx;
+				color: #999999;
+				border-radius: 22rpx;
+				line-height: 40rpx;
 				display: inline-block;
-				margin-left: 42rpx;
+				margin-left: 24rpx;
+				border: 1px solid #f7f7f7;
+				box-sizing: border-box;
+				padding: 0 10px;
 			}
 		}
 	}

pages/seller/order/order-historylist.vue

@@ -95,6 +95,16 @@
 										>
 										</image>
 									</view>
+									<view class="order-title-b">
+										<view class="order-title-btxt num tui-skeleton-fillet">
+											订单编号：{{ order.shopOrderNo }}({{ order.shopOrderId }})
+										</view>
+									</view>
+									<view class="order-title-b">
+										<view class="order-title-btxt tui-skeleton-fillet">
+											下单时间：{{ order.orderTime }}
+										</view>
+									</view>
 								</view>
 								<view class="goods-title">
 									<view v-if="order.shopPromotion" class="floor-item-act">
@@ -722,6 +732,9 @@ page {
 			line-height: 40rpx;
 			color: #999999;
 			text-align: lef;
+			&.num{
+				color: #333333;
+			}
 		}
 		.order-title-tip {
 			float: right;

pages/seller/order/order-list.vue

@@ -122,6 +122,16 @@
 											>
 											</image>
 										</view>
+										<view class="order-title-b">
+											<view class="order-title-btxt num tui-skeleton-fillet">
+												订单编号：{{ order.shopOrderNo }}({{ order.shopOrderId }})
+											</view>
+										</view>
+										<view class="order-title-b">
+											<view class="order-title-btxt tui-skeleton-fillet">
+												下单时间：{{ order.orderTime }}
+											</view>
+										</view>
 									</view>
 									<view class="goods-title">
 										<view v-if="order.shopPromotion" class="floor-item-act">
@@ -818,6 +828,22 @@ page {
 			color: #ff2a2a;
 		}
 	}
+	.order-title-b {
+		width: 100%;
+		height: 40rpx;
+		float: left;
+		margin-top: 8rpx;
+		.order-title-btxt {
+			float: left;
+			font-size: $font-size-28;
+			line-height: 40rpx;
+			color: #999999;
+			text-align: left;
+			&.num{
+				color: #333333;
+			}
+		}
+	}
 }
 .goods-title {
 	width: 100%;