一单四制优化及加入工作流

components/hazardDetail/HazardDetailPanelV2.vue

@@ -62,6 +62,10 @@
 					class="node-section"
 					:class="{ 'node-section--last': index === historyList.length - 1 }"
 				>
+					<view
+						class="detail-card-shell"
+						:class="{ 'detail-card-shell--active': activeIndex === index }"
+					>
 					<view class="detail-card">
 						<view class="card-header-v2">
 							<view class="card-header-main">
@@ -328,6 +332,7 @@
 								</block>
 							</view>
 						</view>
+					</view>
 				</view>
 			</scroll-view>
 		</view>
@@ -552,6 +557,23 @@ const previewImages = (attachments, index) => {
 	margin-bottom: 0;
 }
 
+.detail-card-shell {
+	border-radius: 22rpx;
+	padding: 2rpx;
+	background: transparent;
+	transition: background 0.3s ease, box-shadow 0.3s ease;
+}
+
+.detail-card-shell--active {
+	background: linear-gradient(
+		145deg,
+		rgba(4, 108, 234, 0.48) 0%,
+		rgba(38, 103, 233, 0.3) 50%,
+		rgba(33, 88, 200, 0.16) 100%
+	);
+	box-shadow: 0 8rpx 24rpx rgba(38, 103, 233, 0.12);
+}
+
 .detail-card {
 	background: #fff;
 	border-radius: 20rpx;