2-4

pages/index/actionDetail.vue

@@ -25,7 +25,23 @@
 					<image class="action_icon" src="../../static/img/action_right_icon.png" mode="widthFix"></image>
 				</view>
 				<view class="jj margin-t-20">
-
+					<view class="dqyj">
+						当前业绩量: {{detail.partake.money}}
+					</view>
+					<view class="show-jdt">
+						<image src="../../static/img/action_bg.png" mode="" style="width: 601rpx;"></image>
+						<view class="jdt">
+							<view class="jdt-wrap">
+								<view class="jdt-wc" :style="{'width': detail.partake.money == 0? '0%':(detail.partake.money*1 >= detail.number*1 ? '100%': (((detail.partake.money*1)/(detail.number*1)*100).toFixed(2) + '%')) }">
+									
+								</view>
+							</view>
+						</view>
+						<view class="jdt-tit">
+							业绩量达到{{detail.number}}
+						</view>
+					</view>
+					
 				</view>
 			</view>
 
@@ -298,4 +314,62 @@
 		background: #D3D3D3 !important;
 		color: #fff !important;
 	}
+	.dqyj {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #6B4216;
+		padding: 35rpx 0;
+		text-align: center;
+	}
+	.show-jdt {
+		position: relative;
+		height: 120rpx;
+		image {
+			height: 120rpx;
+		}
+		.jdt-tit {
+			font-size: 17rpx;
+			font-weight: bold;
+			color: #B3703D;
+			text-align: right;
+			padding-right: 20rpx;
+			position: absolute;
+			bottom: 10rpx;
+			right: 0;
+		}
+		.jdt {
+			position: absolute;
+			bottom: 47rpx;
+			left: 0;
+			right: 0;
+			margin: auto;
+			
+			width: 577rpx;
+			height: 28rpx;
+			background: #B3703D;
+			border: 2rpx solid #FFFFFF;
+			box-shadow: 4rpx 9rpx 5rpx 0px rgba(0,0,0,0.32);
+			border-radius: 14rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			
+			.jdt-wrap {
+				width: 555rpx;
+				height: 10rpx;
+				border-radius: 5rpx;
+				background: #bbb;
+				position: relative;
+				
+				.jdt-wc {
+					height: 10rpx;
+					background: linear-gradient(0deg, #ECCF97, #FFF7E0, #EBCD93);
+					border-radius: 5rpx;
+				}
+				
+			}
+			
+		}
+	}
+	
 </style>

pages/user/pushList.vue

@@ -1,25 +1,25 @@
 <template>
 	<view class="content">
 		<empty v-if="loaded === true && list.length === 0"></empty>
-		<view class="flex">
-			<view class="">
+		<view class="flex tab">
+			<view class="td">
 				消费人
 			</view>
-			<view class="">
+			<view class="td">
 				消费额度
 			</view>
-			<view class="">
+			<view class="td">
 				是否结算
 			</view>
 		</view>
-		<view class="flex" v-for="item in list">
-			<view class="">
+		<view class="flex tab tab-1" v-for="item in list">
+			<view class="td clamp">
 				{{item.nickname}}
 			</view>
-			<view class="">
+			<view class="td clamp">
 				{{item.pay_price}}
 			</view>
-			<view class="">
+			<view class="td clamp">
 				{{item.is_participate == 0 ? '未结算': '已结算'}}
 			</view>
 		</view>
@@ -87,5 +87,18 @@
 </script>
 
 <style lang="scss">
-
+.tab {
+	width: 100%;
+	height: 100rpx;
+	text-align: center;
+	font-size: 32rpx;
+	border-bottom: 1px solid #eee;
+	.td {
+		text-align: center;
+		width: 33.3%;
+	}
+}
+.tab-1 {
+	height: 50rpx;
+}
 </style>