进度条

pages/index/technicianLevel.vue

@@ -12,8 +12,10 @@
 						<span>当前周期</span>
 						<span>{{ artificerData.beginTime }}~{{ artificerData.finishTime }}</span>
 					</view>
+					
 					<view class="header-right-text">
-						<view v-if="ultimately">
+						
+						<!-- <view v-if="ultimately">
 							<view v-if="lastGrade">
 								上周期等级：【{{lastGrade}}】
 							</view>
@@ -38,6 +40,18 @@
 						</view>
 						<view v-else>
 							备注: 本期等级是根据技师上个周期的业绩最终计算得出
+						</view> -->
+						<view class="progress-bar">
+							<text class="u-demo-block__title">上周期等级</text>
+							<view class="u-demo-block__content">
+								<u-line-progress
+								    height="15"
+								    :showText="false"
+								    :percentage="percentage3"
+								>
+								</u-line-progress>
+							</view>	
+							<view class="memo">备注: 本期等级是根据技师上个周期的业绩最终计算得出</view>
 						</view>
 					</view>
 				</view>
@@ -355,4 +369,18 @@
 		color: #fe912E;
 		font-size: 24rpx;
 	}
+	.progress-bar{
+		margin-top:40rpx;
+		width: 130%;
+	}
+	.u-demo-block__content {
+		flex-direction: column !important;
+		flex-wrap: nowrap;
+		align-items: stretch;
+		width: 100%;
+	}
+	.memo{
+		font-size: 22rpx;
+		color: #c1e7e1;
+	}
 </style>