包装管理

2026-06-11 17:58:29 +08:00
parent 5b3fc66a36
commit 0f8d5f4f7d
7 changed files with 492 additions and 16 deletions
@@ -813,10 +813,145 @@
 		white-space: nowrap;
 	}

+	.card-tag {
+		display: inline-block;
+		padding: 6rpx 16rpx;
+		border-radius: 20rpx;
+		font-size: 24rpx;
+		background: rgba(153, 153, 153, 0.1);
+		color: #999;
+
+		&.status-0 {
+			background: rgba(153, 153, 153, 0.1);
+			color: #999;
+		}
+
+		&.status-1 {
+			background: rgba(255, 167, 38, 0.1);
+			color: #ffa726;
+		}
+
+		&.status-2 {
+			background: rgba(76, 175, 80, 0.1);
+			color: #4caf50;
+		}
+	}
+
 	.u-input {
 		flex: 1;
 		background: transparent;
 	}
+
+	&.info-link {
+		.info-value {
+			color: #999;
+		}
+
+		.scan-icon {
+			margin-left: auto;
+		}
+
+		&:active {
+			background: #f8f9fa;
+		}
+	}
+}
+
+// 预制组件列表
+.package-group {
+	margin: 24rpx;
+	background: #ffffff;
+	border-radius: 16rpx;
+	padding: 24rpx;
+
+	.section-title {
+		font-size: 30rpx;
+		font-weight: 600;
+		color: #333;
+		margin-bottom: 20rpx;
+
+		.section-count {
+			font-size: 26rpx;
+			color: #999;
+			font-weight: 400;
+			margin-left: 8rpx;
+		}
+	}
+
+	.package-card {
+		background: linear-gradient(135deg, #f8f9fa 0%, #f0f1f3 100%);
+		border-radius: 12rpx;
+		padding: 20rpx;
+		margin-bottom: 16rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+		border: 1rpx solid #e8e9eb;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		.card-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding-bottom: 16rpx;
+			border-bottom: 1rpx dashed #d0d0d0;
+
+			.card-title {
+				font-size: 28rpx;
+				font-weight: 600;
+				color: #333;
+				flex: 1;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
+			.del-btn {
+				width: 50rpx;
+				height: 50rpx;
+				background: linear-gradient(135deg, #ff6b6b, #ff4d4f);
+				border-radius: 50%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				box-shadow: 0 4rpx 16rpx rgba(255, 77, 79, 0.4);
+				border: 2rpx solid rgba(255, 255, 255, 0.3);
+				flex-shrink: 0;
+				margin-left: 16rpx;
+
+				&:active {
+					transform: scale(0.9);
+					box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.3);
+				}
+			}
+		}
+
+		.card-body {
+			padding-top: 16rpx;
+
+			.card-row {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 10rpx 0;
+
+				.row-label {
+					font-size: 24rpx;
+					color: #999;
+				}
+
+				.row-value {
+					font-size: 26rpx;
+					color: #333;
+					max-width: 60%;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+			}
+		}
+	}
 }

 // 底部按钮
@@ -837,7 +972,6 @@
 		flex: 1;
 		margin: 0;
 	}
-
 }

 // 网格页面（试压管理等）