增加处理意见展示

components/flow-step/flow-step.vue

@@ -6,8 +6,18 @@
 			</image>
 			<image class="line" src="../../static/step-line.png" mode="widthFix"></image>
 			<view class="right">
-				<text>{{step.taskName}}:</text>
-				<text>{{step.assigneeName}}</text>
+				<view class="step-header">
+					<text class="task-name">{{step.taskName}}:</text>
+					<text class="assignee-name">{{step.assigneeName}}</text>
+				</view>
+				<view v-if="step.comment && step.comment.comment" class="comment">
+					<text class="comment-label">处理意见：</text>
+					<text class="comment-text">{{step.comment.comment}}</text>
+				</view>
+				<view v-if="step.finishTime" class="finish-time">
+					<text class="time-label">处理时间：</text>
+					<text class="time-text">{{step.finishTime}}</text>
+				</view>
 			</view>
 		</view>
 		<view class="loading-more-top" v-if="stepList.length==0">
@@ -51,11 +61,12 @@
 
 		.step {
 			display: flex;
-			align-items: center;
+			align-items: flex-start;
 			margin-bottom: 50rpx;
 
 			.icon {
 				width: 35rpx;
+				margin-top: 5rpx;
 			}
 
 			.line {
@@ -66,9 +77,55 @@
 			.right {
 				flex: 1.4;
 
-				text:first-child {
-					color: #9E9E9E;
-					margin-right: 10rpx;
+				.step-header {
+					display: flex;
+					align-items: center;
+					margin-bottom: 10rpx;
+
+					.task-name {
+						color: #9E9E9E;
+						margin-right: 10rpx;
+						font-size: 28rpx;
+					}
+
+					.assignee-name {
+						color: #333;
+						font-size: 28rpx;
+						font-weight: 500;
+					}
+				}
+
+				.comment {
+					margin-bottom: 8rpx;
+					padding: 8rpx 12rpx;
+					background-color: #f8f9fa;
+					border-radius: 8rpx;
+					border-left: 3rpx solid #007aff;
+
+					.comment-label {
+						color: #666;
+						font-size: 24rpx;
+						margin-right: 8rpx;
+					}
+
+					.comment-text {
+						color: #333;
+						font-size: 26rpx;
+						line-height: 1.4;
+					}
+				}
+
+				.finish-time {
+					.time-label {
+						color: #999;
+						font-size: 22rpx;
+						margin-right: 8rpx;
+					}
+
+					.time-text {
+						color: #666;
+						font-size: 22rpx;
+					}
 				}
 			}
 		}