修改客户管理样式

components/uniapp-zaudio/zaudio.vue

@@ -7,9 +7,9 @@
 					<view class="audio-control-wrapper">
 						<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 						<template v-else>
-							<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+							<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 								v-if="renderData('paused')"></image>
-							<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+							<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 							</image>
 						</template>
 					</view>
@@ -41,9 +41,9 @@
 
 					<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 					<template v-else>
-						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 							v-if="renderData('paused')"></image>
-						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 						</image>
 					</template>
 				</view>
@@ -69,9 +69,9 @@
 				<view class="audio-control-wrapper" :style="{backgroundImage: `url(${renderData('coverImgUrl')})`}">
 					<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 					<template v-else>
-						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 							v-if="renderData('paused')"></image>
-						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 						</image>
 					</template>
 				</view>
@@ -145,7 +145,7 @@
 			},
 			themeColor: {
 				type: String,
-				default: '#42b983'
+				default: '#2671E2'
 			},
 			duration: {
 				type: String,
@@ -366,10 +366,9 @@
 		}
 
 		.play {
-			width: 48rpx;
-			height: 48rpx;
+			width: 44rpx;
+			height: 44rpx;
 			z-index: 99;
-			background: rgba(0, 0, 0, 0.4);
 			border-radius: 50%;
 			position: absolute;
 			top: 50%;

pages.json

@@ -50,6 +50,7 @@
 			"style": {
 				"navigationBarTitleText": "我的",
 				"navigationBarBackgroundColor": "#F8F8F8",
+				"navigationStyle":"custom",
 				"navigationBarTextStyle": "black"
 			}
 		}

pages/center/consumer/consumerDetail.vue

@@ -4,13 +4,13 @@
 			<view class="content-tips">
 				<view class="content-first">
 					<view class="left">
-						<view v-if="customerInfo.level.length==0"></view>
-						<view class="img A" v-else-if="customerInfo.level==1">A</view>
-						<view class="img B" v-else-if="customerInfo.level==2">B</view>
-						<view class="img C" v-else-if="customerInfo.level==3">C</view>
-						<view class="img D" v-else-if="customerInfo.level==4">D</view>
 						<view class="test">
 							{{customerInfo.name || '--'}}
+							<view v-if="customerInfo.level.length==0"></view>
+							<view class="img A" v-else-if="customerInfo.level==1">A</view>
+							<view class="img B" v-else-if="customerInfo.level==2">B</view>
+							<view class="img C" v-else-if="customerInfo.level==3">C</view>
+							<view class="img D" v-else-if="customerInfo.level==4">D</view>
 							<view v-if="customerInfo.clientStageName" class="clientStageName">{{ customerInfo.clientStageName }}</view>
 						</view>
 						<view class="edit" @click="goedit()" v-if="isHavePermission">
@@ -28,26 +28,32 @@
 							{{customerInfo.phone | phoneText}}
 						</view>
 					</view>
+					<view class="content-sec-lab">
+						顾问姓名：<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
+					</view>
 					<view class="content-sec-lab" @click.stop="tipupon">
 						客户标签：
 						<text v-if="!customerInfo.demand.cusSemanticWordsList">暂无</text>
 						<view v-else class="content-sec-tips"
 							v-for="(che,ind) in customerInfo.demand.cusSemanticWordsList" :key='ind'>{{che.name}}</view>
-						<view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
+						<!-- <view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
 							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
-					</view>
-					<view class="content-sec-lab">
-						顾问姓名：<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
+						</view> -->
 					</view>
 					<view class="content-sec-lab">
 						添加时间：<view class="content-sec-lab1">{{customerInfo.createTime}}</view>
 					</view>
 					<view class="content-sec-num">
-						<view class="">{{customerInfo.visitRecord || '--'}}次到访</view>
+						<view>到访{{customerInfo.visitRecord || '--'}}次</view>
+						<view>
+								{{customerInfo.mm || '0'}}min/{{customerInfo.fraction || '0'}}%
+						</view>
+					</view>
+					<!-- <view class="content-sec-num">
+						<view class="">到访{{customerInfo.visitRecord || '--'}}次</view>
 						<view class="">{{customerInfo.fraction || '0'}}% | {{customerInfo.mm || '0'}}<text
 								style="font-size: 24rpx;">min</text></view>
-					</view>
+					</view> -->
 				</view>
 				<view class="content-last">
 					<view class="content-last-con">
@@ -89,7 +95,7 @@
 							<view class="name">{{item.agentName || '--'}}</view>
 							<view class="status" v-if="item.replaceReception==1">代接待</view>
 						</view>
-						<!-- 	<view class="right">
+							<!-- <view class="right">
 						<view class="point"></view>
 						<view class="">优秀案例</view>
 					</view> -->
@@ -97,12 +103,11 @@
 
 					<view class="content-sec">
 						<view class="left">
-							<view class="cus" style="line-height: 46rpx;">客户：{{item.name || ''}} |</view>
-							<view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '--'}}次到访</view>
+							<view class="cus">客户：{{item.name || ''}} |</view>
+							<view class="arriveNum">{{item.visitRecord==1?'首':item.visitRecord || '--'}}次到访</view>
 						</view>
 						<view class="right">{{item.fraction || '0'}}%</view>
 					</view>
-
 					<view class="content-last">{{item.createTime}} | {{item.mm || '--'}}min</view>
 				</view>
 			</view>
@@ -142,29 +147,26 @@
 				<view class="ratetetle">执行总览</view>
 				<view class="rateyuanbox">
 					<view class="rateyuanboxzuo">
-						<view class="boxzuoview cccccc">{{customerInfo.visitRecord || '--'}}次</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待次数</view>
+						<view class="boxzuoview">{{customerInfo.visitRecord || '--'}}次</view>
+						<view class="ratetetle-desc">接待次数</view>
 					</view>
 					<view class="rateyuanboxyou">
 						<view class="boxzuoview" style="width: 100%;display: flex;justify-content: center;">
-							<u-circle-progress active-color="#4FC78F" width='139' :percent="customerInfo.fraction">
-								<view style="text-align: center;color: #4FC78F;">{{customerInfo.fraction}}%</view>
+							<u-circle-progress active-color="#07B79D" width='108' :percent="customerInfo.fraction">
+								<view style="text-align: center;color: #07B79D;">{{customerInfo.fraction}}%</view>
 							</u-circle-progress>
 						</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">销讲执行率</view>
+						<view  class="ratetetle-desc">销讲执行率</view>
 					</view>
 					<view class="rateyuanboxzuo">
-						<view class="boxzuoview cccccc">{{customerInfo.mm}}min</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待时长</view>
+						<view class="boxzuoview">{{customerInfo.mm}}min</view>
+						<view  class="ratetetle-desc">接待时长</view>
 					</view>
 				</view>
-				<view
-					style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
-					<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标</view>
-					<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率
-					</view>
+				<view class="middle-title">
+					<view class="item-title1">指标</view>
+					<view class="item-title">执行率</view>
 				</view>
-
 				<view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
 					<view style="width: 100%;padding-top: 60rpx;">
 						<view style="width: 100%;text-align: center;">
@@ -194,7 +196,7 @@
 							<view class="title1">{{subitem.name}}</view>
 							<view class="leve1-jindu">
 								<view class="zhixing" v-if="!subitem.selected">已执行</view>
-								<view class="zhixing2" v-else>未执行 {{ subitem.selected }}</view>
+								<view class="zhixing2" v-else>未执行</view>
 							</view>
 							<view class="jiantobox">
 								<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png"
@@ -205,7 +207,7 @@
 						<view class="hsnrtest" v-if="subitem.show">话术内容</view>
 						<view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show"
 							v-for="(che,inc) in subitem.children" :key='inc'>
-							<view class="title1">{{inc+1}}.{{che.name}}</view>
+							<view class="title1">{{inc+1}}、{{che.name}}</view>
 							<view class="jiantobox">
 								<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
 									mode="" />
@@ -214,7 +216,6 @@
 						<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
 					</view>
 				</view>
-
 			</view>
 		</view>
 
@@ -624,21 +625,17 @@
 
 	.Level-box {
 		padding-bottom: 2rpx;
-
+		border-bottom: 1rpx solid #E0E0E0;
 		.hhhbox {
 			width: 100%;
-			padding-left: 30rpx;
-			padding-right: 30rpx;
-			border-bottom: 1rpx solid #E0E0E0;
-			background: #FFFFFF;
-
-			// padding-bottom: 32rpx;
+			padding: 0 30rpx;
+			background: #f8f8f8;
 			.hsnrtest {
-				height: 24rpx;
+				height: 36rpx;
 				font-size: 24rpx;
 				font-weight: 400;
 				color: #666666;
-				line-height: 24rpx;
+				line-height: 36rpx;
 			}
 
 			.Level3che {
@@ -647,7 +644,7 @@
 				display: flex;
 				line-height: 28rpx;
 				align-items: center;
-				margin-top: 30rpx;
+				margin-top: 24rpx;
 
 				.title1 {
 					flex: 1;
@@ -681,7 +678,7 @@
 				flex: 2;
 				font-size: 28rpx;
 				color: #333333;
-				font-weight: 400;
+				font-weight: 500;
 			}
 
 			.leve1-jindu {
@@ -691,25 +688,25 @@
 				align-items: center;
 
 				.zhixing {
-					width: 108rpx;
-					height: 44rpx;
+					width: 116rpx;
+					height: 48rpx;
+					line-height: 48rpx;
 					background: #2671E2;
 					border-radius: 4rpx;
 					font-size: 28rpx;
 					text-align: center;
-					line-height: 44rpx;
 					color: #FFFFFF;
 				}
 
 				.zhixing2 {
-					width: 108rpx;
-					height: 44rpx;
-					background: #F8F8F8;
+					width: 116rpx;
+					height: 48rpx;
+					line-height: 48rpx;
 					border-radius: 4rpx;
 					font-size: 28rpx;
 					text-align: center;
-					line-height: 44rpx;
-					color: #999999;
+					color: #FFFFFF;
+					background: #D8D8D8;
 				}
 			}
 
@@ -728,13 +725,12 @@
 
 		.Level1che {
 			width: 100%;
-			height: 94rpx;
-			background: #F5F5F5;
+			height: 98rpx;
+			background: #fff;
 			display: flex;
-			line-height: 94rpx;
+			line-height: 98rpx;
 			align-items: center;
-			padding-left: 30rpx;
-			padding-right: 30rpx;
+			padding:0 30rpx;
 
 			.title1 {
 				flex: 2;
@@ -749,14 +745,13 @@
 				.jindutiao {
 					width: 96%;
 					height: 28rpx;
-					background: #D5EEE2;
 					line-height: 28rpx;
 					border-radius: 14rpx;
 					position: relative;
-
+					background:  rgba(7, 183, 157, 0.2);
 					.huanxing {
 						height: 100%;
-						background: #4FC78F;
+						background: #07B79D;
 						border-radius: 14rpx;
 					}
 
@@ -784,51 +779,64 @@
 			}
 		}
 	}
-
-
-
-	.cccccc {
-		text-align: center;
-		height: 140rpx;
-		line-height: 140rpx;
-		font-size: 30rpx;
-	}
-
 	.ratecenter {
 		background-color: #FFFFFF;
 		padding-bottom: 30rpx;
 		width: 100%;
-
 		.ratetetle {
-			padding: 30rpx;
+			height: 42rpx;
 			font-size: 30rpx;
-			font-weight: 400;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
 			color: #333333;
-			padding-bottom: 6rpx;
+			line-height: 42rpx;
+			padding: 24rpx 30rpx;
 		}
-
 		.rateyuanbox {
 			width: 100%;
 			height: 210rpx;
 			padding-bottom: 30rpx;
-			border-bottom: 1rpx solid #E0E0E0;
 			display: flex;
 			padding-left: 80rpx;
 			padding-right: 80rpx;
-
 			.rateyuanboxzuo {
 				width: 30%;
 				height: 100%;
 			}
-
 			.rateyuanboxyou {
 				width: 40%;
 				height: 100%;
 			}
-
 			.boxzuoview {
 				width: 100%;
 				height: 140rpx;
+				line-height: 140rpx;
+				text-align: center;
+			}
+			.ratetetle-desc{
+				color: #666;
+				font-size:30rpx;
+				font-weight: 400;
+				text-align: center;
+			}
+		}
+		.middle-title{
+			height: 78rpx;
+			line-height: 78rpx;
+			display: flex;
+			// justify-content: space-around;
+			align-items: center;
+			background: #F4F8FD;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #333333;
+			.item-title1 {
+				width: 450rpx;
+				padding-left: 30rpx;
+			}
+			.item-title {
+				flex: 1;
 			}
 		}
 	}
@@ -850,14 +858,14 @@
 			flex: 1;
 			height: 100%;
 			text-align: center;
-			line-height: 92rpx;
+			line-height: 88rpx;
 			color: #666666;
-			font-size: 28rpx;
+			font-size: 30rpx;
 			display: flex;
 			justify-content: center;
-
+			box-shadow: 0px 1rpx 0px 0px #E0E0E0;
 			.activecllasscet {
-				border-bottom: 2px solid #2671E2;
+				border-bottom: 6rpx solid #2671E2;
 				color: #2671E2;
 				font-weight: 600;
 			}
@@ -894,39 +902,47 @@
 					justify-content: space-between;
 					
 					.img {
-						flex-shrink: 0;
-						width: 52rpx;
-						height: 52rpx;
-						border: 1px solid #E0E0E0;
-						border-radius: 50%;
+						width: 48rpx;
+						height: 48rpx;
+						line-height: 48rpx;
 						text-align: center;
-						line-height: 50rpx;
-						margin-right: 20rpx;
+						margin-left: 16rpx;
+						background: #E6625B;
+						border-radius: 6rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FFFFFF;
 					}
 
 					.test {
-						flex-grow: 1;
+						height: 42rpx;
+						font-size: 30rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
 						font-weight: 500;
 						color: #333333;
+						line-height: 42rpx;
+						margin-right: 16rpx;
 						display: flex;
-						align-items: center;
-						
-						.clientStageName {
-							margin-left: 20rpx;
-							padding: 5rpx 20rpx;
-							border: 1px solid #F29819;
-							border-radius: 32rpx 32rpx 32rpx 0;
-							color: #F29819;
-							font-size: 20rpx;
-						}
+					}
+					.clientStageName {
+						margin-left: 16rpx;
+						padding: 0 16rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FF981E;
+						height: 48rpx;
+						line-height: 48rpx;
+						background: #FFFFFF;
+						border-radius: 4rpx;
+						border: 1rpx solid #FF981E;
 					}
 
 					.edit {
 						flex-shrink: 0;
 						height: 40rpx;
 						width: 40rpx;
-						margin-left: 30rpx;
-
 						image {
 							width: 100%;
 							height: 100%;
@@ -964,57 +980,56 @@
 					display: flex;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
-					line-height: 46rpx;
+					color: #333;
+					line-height: 42rpx;
 
 					.content-sec-lab1 {
 						color: #333333;
 					}
 
 					.content-sec-tips {
-						max-width: 120rpx;
-						height: 46rpx;
-						background: #F2F2F2;
-						border-radius: 6rpx;
+						max-width: 175rpx;
 						text-align: center;
-						line-height: 26rpx;
+						line-height: 48rpx;
 						overflow: hidden;
 						text-overflow: ellipsis;
 						white-space: nowrap;
 						font-size: 26rpx;
 						font-weight: 400;
-						color: #333333;
-						margin-right: 20rpx;
+						color: #2671E2;
+						margin-right: 12rpx;
 						box-sizing: border-box;
-						padding: 10rpx 24rpx;
+						padding: 0 20rpx;
+						height: 48rpx;
+						background: #F4F8FD;
+						border-radius: 6rpx;
 					}
 				}
 
 				.content-sec-num {
 					position: absolute;
-					width: 200rpx;
-					height: 90rpx;
+					width: 196rpx;
+					height: 112rpx;
 					background: #F4F8FD;
-					border-radius: 12rpx;
-					font-weight: 400;
-					color: #2671E2;
-					line-height: 45rpx;
-					bottom: 15rpx;
+					border-radius: 8rpx;
+					top: 28rpx;
 					right: 30rpx;
+					padding: 16rpx 20rpx;
+					color: #2671E2;
+					line-height: 40rpx;
 					text-align: center;
 				}
 			}
 
 			.content-last {
 				padding: 30rpx;
-				height: 168rpx;
-
+				margin-top: 28rpx;
 				.content-last-con {
 					width: 690rpx;
-					height: 108rpx;
+					min-height: 112rpx;
 					background: #F8F8F8;
 					border-radius: 8rpx;
-					padding: 14rpx 20rpx;
+					padding: 16rpx 20rpx;
 					font-size: 28rpx;
 					font-weight: 400;
 					color: #333333;
@@ -1108,35 +1123,36 @@
 						.cus {
 							font-size: 30rpx;
 							font-weight: 400;
-							color: #666666;
-							line-height: 30rpx;
+							color: #333;
+							line-height: 42rpx;
 						}
 
 						.arriveNum {
 							font-size: 30rpx;
 							font-weight: 400;
-							line-height: 30rpx;
 							margin-left: 10rpx;
+							color: #2671E2;
 						}
 					}
 
 					.right {
-						width: 192rpx;
-						height: 46rpx;
+						height: 56rpx;
 						background: #F4F8FD;
 						border-radius: 6rpx;
 						text-align: center;
-						line-height: 46rpx;
+						line-height: 56rpx;
 						font-weight: 400;
 						color: #2671E2;
+						font-size: 28rpx;
+						padding: 0 20rpx;
 					}
 				}
 
 				.content-last {
-					margin: 30rpx 0;
+					margin: 28rpx 0;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
+					color: #333;
 					line-height: 30rpx;
 				}
 
@@ -1161,7 +1177,6 @@
 						display: flex;
 						justify-content: space-between;
 
-						// height: 75rpx;
 						.tab2-first-left {
 							display: flex;
 							align-items: center;
@@ -1183,9 +1198,9 @@
 							}
 							
 							.clientStageName {
-								margin-left: 20rpx;
+								margin-right: 20rpx;
 								padding: 5rpx 20rpx;
-								border: 1px solid #F29819;
+								border: 1rpx solid #F29819;
 								border-radius: 32rpx 32rpx 32rpx 0;
 								color: #F29819;
 								font-size: 20rpx;
@@ -1292,23 +1307,18 @@
 	
 	
 	.A {
-		color: #FFF;
-		background: #19AC09;
-		border: 1px solid #19AC09 !important;
-	}
-	.B {
-		color: #FFF;
-		background: #F29819;
-		border: 1px solid #F29819 !important;
-	}
-	.C {
-		color: #FFF;
-		background: #F2D01A;
-		border: 1px solid #F2D01A !important;
-	}
-	.D {
-		color: #FFF;
-		background: #1396F6;
-		border: 1px solid #1396F6 !important;
-	}
+			background: #E6625B;
+		}
+
+		.B {
+			background: #F29819;
+		}
+
+		.C {
+			background: #19AC09;
+		}
+
+		.D {
+			background: #1396F6;
+		}
 </style>

pages/center/consumer/index.vue

@@ -630,7 +630,7 @@
 						color: #333333;
 					}
 					.content-sec-tips{
-						max-width:160rpx ;
+						max-width:160rpx;
 						height: 46rpx;
 						background: #F2F2F2;
 						border-radius: 6rpx;

pages/index/consumer/index.vue

@@ -8,6 +8,7 @@
 					</view>
 					<view class="search-text">输入客户姓名/手机号</view>
 				</view>
+				<image @click="filterFun" class="filter" src="../../../static/images/filter.png" mode="" />
 			</view>
 		</view>
 
@@ -46,18 +47,17 @@
 					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
 				</view>
 			</view>
-			<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index'
+			<view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'
 				@click="gotoDetail(item.id)">
 				<view class="content-first">
 					<view class="left">
+						<view class="test">{{item.name}}</view>
 						<template v-if="item.level > 0">
 							<view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>
 						</template>
-						<view class="test">{{item.name}}</view>
 						<view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
 					</view>
 					<view class="right">
-						{{item.fraction || '0'}}%
 						<image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>
 					</view>
 				</view>
@@ -80,21 +80,26 @@
 							</block>
 						</template>
 					</view>
-
 					<view class="content-sec-lab">
 						添加时间：<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>
 					</view>
 					<view class="content-sec-num">
-						<view class="">{{item.visitRecord || '--'}}次到访 | {{item.mm || '0'}}<text
-								style="font-size: 24rpx;">min</text></view>
+						<view>到访{{item.visitRecord || '--'}}次</view>
+						<view>
+								{{item.mm || '0'}}min/{{item.fraction || '0'}}%
+						</view>
 					</view>
 				</view>
-
 				<template v-if="permissions.commonly2">
 					<view class="content-last">
-						<!-- 						<view class="content-last-tab">添加提醒</view>
-						<view class="content-last-tab">拨打电话</view> -->
-						<view class="content-last-tab" @click.stop="gotoFollowUp(item)">写跟进</view>
+							<!-- <view class="content-last-tab">
+								<image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>
+						<view class="content-last-tab">
+							<image src="/static/images/genjin-icon.png" mode="" />
+							打电话</view> -->
+						<view class="content-last-tab" @click.stop="gotoFollowUp(item)">
+							<image src="/static/images/genjin-icon.png" mode="" />
+							写跟进</view>
 					</view>
 				</template>
 
@@ -440,6 +445,9 @@
 			}
 		},
 		methods: {
+			filterFun(){
+
+			},
 			//  过滤
 			resetFilter() {
 				this.sortFilter = '排序';
@@ -797,9 +805,8 @@
 		top: var(--window-top);
 		z-index: 999;
 		width: 100;
-		height: 92rpx;
+		height: 72rpx;
 		background: #FFFFFF;
-		border: 1px solid #E0E0E0;
 		flex-shrink: 0;
 		display: flex;
 		align-items: center;
@@ -808,7 +815,7 @@
 			flex: 1;
 			height: 100%;
 			text-align: center;
-			line-height: 92rpx;
+			line-height: 72rpx;
 			color: #666666;
 			font-size: 28rpx;
 			overflow: hidden;
@@ -842,9 +849,14 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		.filter{
+			width: 40rpx;
+			height: 40rpx;
+			margin-left: 30rpx;
+		}
 
 		.search {
-			width: 94%;
+			width: 620rpx;
 			height: 70rpx;
 			display: flex;
 			align-items: center;
@@ -887,14 +899,19 @@
 
 	.count {
 		width: 100%;
-		height: 90rpx;
+		height: 82rpx;
+		line-height: 82rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background-color: #FBE4E4;
+		background-color: #f8f8f8;
+		font-size: 30rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #333333;
 
 		text {
-			color: #F71616;
+			color: #E7483C;
 		}
 	}
 
@@ -902,8 +919,7 @@
 	.content {
 		.content-tips {
 			background: #fff;
-			margin-top: 20rpx;
-
+			margin-bottom: 20rpx;
 			.content-first {
 				padding: 19rpx 30rpx;
 				display: flex;
@@ -919,54 +935,58 @@
 					align-items: center;
 
 					.img {
-						width: 52rpx;
-						height: 52rpx;
-						border: 1px solid #E0E0E0;
-						border-radius: 50%;
-						margin-right: 20rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
+						width: 48rpx;
+						height: 48rpx;
+						line-height: 48rpx;
+						text-align: center;
+						margin-right: 16rpx;
+						background: #E6625B;
+						border-radius: 6rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FFFFFF;
 					}
 
 					.clientStageName {
-						margin-left: 20rpx;
-						padding: 5rpx 20rpx;
-						border: 1px solid #F29819;
-						border-radius: 32rpx 32rpx 32rpx 0;
-						color: #F29819;
-						font-size: 20rpx;
+						margin-right: 20rpx;
+						padding: 0 16rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FF981E;
+						height: 48rpx;
+						line-height: 48rpx;
+						background: #FFFFFF;
+						border-radius: 4rpx;
+						border: 1rpx solid #FF981E;
 					}
 
-					// '#19AC09', '#F29819', '#F2D01A', '#1396F6',
 					.A {
-						color: #FFF;
-						background: #19AC09;
-						border: 1px solid #19AC09;
+						background: #E6625B;
 					}
 
 					.B {
-						color: #FFF;
 						background: #F29819;
-						border: 1px solid #F29819;
 					}
 
 					.C {
-						color: #FFF;
-						background: #F2D01A;
-						border: 1px solid #F2D01A;
+						background: #19AC09;
 					}
 
 					.D {
-						color: #FFF;
 						background: #1396F6;
-						border: 1px solid #1396F6;
 					}
 
 
 					.test {
+						height: 42rpx;
+						font-size: 30rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
 						font-weight: 500;
 						color: #333333;
+						line-height: 42rpx;
+						margin-right: 16rpx;
 					}
 				}
 
@@ -991,45 +1011,48 @@
 				position: relative;
 
 				.content-sec-lab {
-					margin-top: 30rpx;
+					margin-top: 28rpx;
 					display: flex;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
-					line-height: 46rpx;
+					color: #333;
+					line-height: 42rpx;
 
 					.content-sec-lab1 {
 						color: #333333;
 					}
 
 					.content-sec-tips {
-						max-width: 160rpx;
-						height: 46rpx;
-						background: #F2F2F2;
+						padding: 0 20rpx;
+						height: 48rpx;
+						background: #F4F8FD;
 						border-radius: 6rpx;
+						max-width: 160rpx;
 						text-align: center;
-						line-height: 26rpx;
+						line-height: 48rpx;
 						overflow: hidden;
 						text-overflow: ellipsis;
 						white-space: nowrap;
-						font-size: 26rpx;
 						font-weight: 400;
-						color: #333333;
-						margin-right: 20rpx;
+						margin-right: 12rpx;
 						box-sizing: border-box;
-						padding: 10rpx 24rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						color: #2671E2;
 					}
 				}
 
 				.content-sec-num {
 					position: absolute;
-					bottom: 25rpx;
+					width: 196rpx;
+					height: 112rpx;
+					border-radius: 8rpx;
+					top: 28rpx;
 					right: 30rpx;
-					padding: 3rpx 12rpx;
+					padding: 16rpx 20rpx;
 					background: #F4F8FD;
-					border-radius: 6rpx;
 					color: #2671E2;
-					line-height: 45rpx;
+					line-height: 40rpx;
 					text-align: center;
 				}
 			}
@@ -1039,19 +1062,26 @@
 				display: flex;
 				justify-content: flex-end;
 				align-items: center;
-				border-top: 1px solid #E0E0E0;
 
 				.content-last-tab {
-					margin-right: 30rpx;
-					width: 156rpx;
-					height: 60rpx;
+					width: 214rpx;
+					height: 70rpx;
+					background: #FFFFFF;
+					border-radius: 8rpx;
+					border: 1rpx solid #2671E2;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #2671E2;
 					font-size: 30rpx;
-					color: #333333;
-					border-radius: 30rpx;
-					border: 1px solid #999999;
+					margin-right: 30rpx;
 					display: flex;
 					align-items: center;
 					justify-content: center;
+					image{
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 12rpx;
+					}
 				}
 			}
 

pages/index/customer.vue

@@ -152,7 +152,7 @@
 		</image>
 
 		<!-- 底部导航栏 -->
-		<!-- <u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
+		<!-- <u-tabbar :mid-button="false" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
 		</u-tabbar> -->
 	</view>
 </template>

pages/index/index.vue

@@ -113,7 +113,9 @@
 			<view class="real-timebox">
 				<view class="timebox">
 					<view class="real" @click="tapjumpreception('1')">
-						<view class="realnum">{{realtimeobj.fraction || 0}}%</view>
+						<view class="realnum u-flex"  style="justify-content: center">{{realtimeobj.fraction || 0}}% 
+							<image class="qushi-icon" src="/static/images/excute.png"  mode="" />
+						</view>
 						<view class="realtext">平均执行率</view>
 					</view>
 					<view class="real" @click="tapjumpreception('1')">
@@ -164,7 +166,9 @@
 			<view class="real-timebox" >
 				<view class="timebox">
 					<view class="real" @click="tapjumpreception('3')">
-						<view class="realnum">{{Thisweekobj.fraction || 0}}%</view>
+						<view class="realnum u-flex" style="justify-content: center">{{Thisweekobj.fraction || 0}}%
+							<image class="qushi-icon" src="/static/images/qushi-up.png" mode="" />
+						</view>
 						<view class="realtext">平均执行率</view>
 					</view>
 					<view class="real" @click="tapjumpreception('3')">
@@ -985,7 +989,7 @@
 		width: 100%;
 		background: #FFFFFF;
 		height: 154rpx;
-		box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
+		box-shadow: 0px 0px 12rpx 0px rgba(224, 224, 224, 0.3);
 		border-radius: 12rpx;
 		display: flex;
 
@@ -1129,6 +1133,11 @@
 					font-weight: bold;
 					color: #333333;
 					line-height: 50rpx;
+					.qushi-icon{
+						width: 28rpx;
+						height: 14rpx;
+						margin-left: 2rpx;
+					}
 				}
 
 				.realtext {

pages/index/personal.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="main">
-		<!-- 头部开始 -->
+		<u-navbar title="我的" :autoback="false" :titleStyle="{color: black}">	</u-navbar>
 		<view class="header">
 			<view class="header-zuo">
 				<u-avatar
@@ -163,6 +163,7 @@
 		min-height: calc(100vh - var(--window-top));
 		display: flex;
 		flex-direction: column;
+		// background: url(https://static.quhouse.com/007d3ea7c9b74ffd9e00ae0918ae1631.png) no-repeat top center;
 	}
 
 	.header {

pages/mine/details2.vue

@@ -4,7 +4,7 @@
 			<!-- 顶部时间 -->
 			<view class="headboxhead">
 				<view class="boxhead1">{{date}}</view>
-				<view class="boxhead2" v-if="permissions.commonly3">
+				<view class="boxhead2" v-if="!permissions.commonly3">
 					<image v-if="status==1" @click="tappick()" src="../../static/images/pike.png" mode=""></image>
 					<image v-if="status==0" @click="notappick()" src="../../static/images/nopike.png" mode=""></image>
 				</view>
@@ -17,10 +17,13 @@
 			<!-- 标记顾问 -->
 			<view class="headboxbott">
 				<view class="headovfu">
-					<u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
+					<!-- <u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
 						@change="tapspagek()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist"
 						:is-scroll="true">
-					</u-tabs-swiper>
+					</u-tabs-swiper> -->
+					<view class="mytab" v-for="(item,index) in tablist" :key="index" @click="tapspagek(index)"> 
+						<view class="tab-item" :class="roleindex==index?'tabActive':''">{{item.name}}</view>
+					</view>
 				</view>
 				<view v-if="permissions.commonly1" class="headpade">
 					<view class="biaoji" @tap="tagtap()">标记</view>
@@ -38,8 +41,10 @@
 						:data-speaker="item.speaker" :id="'dialog'+csdFileindex+'text'+item.bg">
 						<view class="avatar">
 							<view :style="[SPEAKERSTYLE(item.speaker)]">
-								<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
+								<image v-if="item.isShow == 0" src="/static/images/avatar-new.png" mode="widthFix">
 								</image>
+								<!-- <image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
+								</image> -->
 								<text v-else>{{ item.speaker | toCapital }}</text>
 							</view>
 						</view>
@@ -75,7 +80,7 @@
 									</view>
 								</view>
 								<image @click="clickbofang(dialog.backindex,item)" class="play"
-									src="../../static/images/recordingManagement/play.png"></image>
+									src="../../static/images/play.png"></image>
 							</view>
 						</view>
 					</view>
@@ -104,7 +109,7 @@
 				<view class="fill"></view>
 				<!-- audioinfo2 -->
 				<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')" class="tmmchen"
-					v-if="permissions.commonly2==true">
+					v-if="permissions.commonly2">
 					<image src="../../static/images/allimg.png" mode=""></image>
 					<view>更多</view>
 					<view class="allimg" v-if="Thetapeidisshow">
@@ -113,7 +118,7 @@
 					</view>
 				</view>
 
-				<view class="tmmchen" @click.stop="Receivetap()" v-if="permissions.commonly2 == false">
+				<view class="tmmchen" @click.stop="Receivetap()" v-if="!permissions.commonly2">
 					<image @click.stop="Receivedetailsabouttab('Receivedetailsabout')"
 						src="../../static/images/audioinfo2.png" mode=""></image>
 					<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')">接待信息</view>
@@ -1760,6 +1765,7 @@
 			width: 100%;
 			height: 170rpx;
 			border-top: 1px solid #E0E0E0;
+			padding-bottom: 10rpx;
 
 			.bottomhead {
 				width: 100%;
@@ -1818,16 +1824,17 @@
 	.headboxhead {
 		width: 100%;
 		height: 84rpx;
-		border-bottom: 1px solid #E0E0E0;
+		// border-bottom: 1px solid #E0E0E0;
 		display: flex;
 
 		.boxhead1 {
-			width: 50%;
-			color: #303030;
+			margin-left: 30rpx;
 			height: 84rpx;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #303030;
 			line-height: 84rpx;
-			font-size: 28rpx;
-			text-indent: 30rpx;
 		}
 
 		.boxhead2 {
@@ -1853,6 +1860,29 @@
 			flex: 1;
 			height: 88rpx;
 			overflow: hidden;
+			display: flex;
+			align-items: center;
+			.mytab{
+				margin-left: 20rpx;
+				.tab-item{
+					padding: 0 20rpx;
+					height: 52rpx;
+					line-height: 52rpx;
+					background: #FFFFFF;
+					border-radius: 8rpx;
+					border: 1rpx solid #E0E0E0;
+					font-size: 26rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #999999;
+					
+				}
+				.tabActive{
+					background: #2671E2;
+					color: #fff;
+				}
+			}
+
 		}
 
 		.headpade {
@@ -1864,14 +1894,14 @@
 			border-left: 1px solid #D6D6D6;
 
 			.biaoji {
-				min-width: 120rpx;
-				height: 48rpx;
-				background: #E6625B;
-				border-radius: 24rpx;
 				text-align: center;
-				line-height: 48rpx;
+				line-height: 52rpx;
 				color: #FFFFFF;
 				font-size: 26rpx;
+				width: 100rpx;
+				height: 52rpx;
+				background: #E6625B;
+				border-radius: 26rpx;
 			}
 		}
 	}
@@ -1887,7 +1917,8 @@
 		height: 88rpx;
 		text-align: center;
 		color: #666666;
-		font-size: 18rpx;
+		font-size: 24rpx;
+		line-height: 32rpx;
 		position: relative;
 
 		.allimg {
@@ -1904,13 +1935,11 @@
 	}
 
 	.tmmchen image {
-		width: 40rpx;
-		height: 40rpx;
-		margin-top: 10rpx;
-		margin-bottom: 2rpx;
+		width: 44rpx;
+		height: 44rpx;
+		margin-bottom: 10rpx;
 	}
 
-
 	.zhezhoa {
 		position: fixed;
 		top: 0;
@@ -2281,17 +2310,25 @@
 	}
 
 	.scroll-Y .text .avatar {
-		margin-top: 80rpx;
-		width: 64upx;
-		height: 64upx;
-		line-height: 64upx;
-		text-align: center;
-		font-size: 36rpx;
-		border-radius: 50%;
-		background: #F2F2F2;
-		color: #008EF2;
-		image {
-			width: 40upx;
+		margin-top: 38rpx;
+		text{
+			display: block;
+			width: 72rpx;
+			height: 72rpx;
+			line-height: 72rpx;
+			text-align: center;
+			background: #FFFFFF;
+			border-radius: 8rpx;
+			border: 2rpx solid #E6625B;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #E6625B;
+			box-sizing: border-box;
+		}
+		image{
+			width: 72rpx;
+			height: 72rpx;
 		}
 	}
 	.scroll-Y .text .contentInfo .info {
@@ -2307,15 +2344,18 @@
 	}
 
 	.scroll-Y .text .contentInfo .contentMain .content {
-		margin-left: 30upx;
-		line-height: 60rpx;
+		margin-left: 30rpx;
+		line-height: 42rpx;
 		text-align: left;
-		padding: 0 5px;
+		padding: 15rpx 20rpx;
 		border-radius: 8upx;
 		max-width: 442rpx;
-		background: #F6F6F6;
-		color: #999999;
+		background: #F8F8F8;
 		position: relative;
+		font-size: 30rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #505050;
 
 		.tankuangcss {
 			position: absolute;
@@ -2618,7 +2658,7 @@
 
 
 	.scroll-Y .text.active .content {
-		color: #FF7538 !important;
+		color: #2671E2 !important;
 		position: relative;
 	}
 
@@ -2626,14 +2666,14 @@
 	.scroll-Y .text.active[data-speaker="2"] .content,
 	.scroll-Y .text.active[data-speaker="4"] .content,
 	.scroll-Y .text.active[data-speaker="6"] .content {
-		color: #FF7538 !important;
+		color: #2671E2 !important;
 		position: relative;
 	}
 	
-	.scroll-Y .isGreen .contentInfo .contentMain .content {
-		background: #2BC805 !important;
-		color: #FFFFFF;
-	}
+	// .scroll-Y .isGreen .contentInfo .contentMain .content {
+	// 	background: #2BC805 !important;
+	// 	color: #FFFFFF;
+	// }
 	/deep/ .u-model-title{
 		padding: 34rpx 0 16rpx !important;
 	}

pages/mine/reception/addreception.vue

@@ -11,7 +11,6 @@
 						placeholder="请输入客户姓名（必填）" />
 				</view>
 				<view class="titleimg">
-					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
 				</view>
 			</view>
 			<view class="title">
@@ -70,9 +69,7 @@
 				</view>
 			</view>
 		</view>
-
 		<view class="clive" @click="$noMultipleClicks(save)">确定</view>
-
 		<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
 			@cancel="cancel" @confirm="confirm"></u-select>
 		<u-select :mask-close-able="false" v-model="Showhid" mode="single-column" :list="freeList" @cancel="cancel1"
@@ -89,7 +86,7 @@
 
 	export default {
 		data() {
-			return {
+			return {
 				noClick: true,
 				Showhiddenunits: false,
 				list: [{

pages/mine/registerForm.vue

@@ -9,7 +9,6 @@
 						placeholder="请输入客户姓名（必填）" />
 				</view>
 				<view class="titleimg">
-					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
 				</view>
 			</view>
 		</view>
@@ -49,7 +48,6 @@
 				<view class="titletext">咨询业务</view>
 				<view class="titletext2"
 					style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
-					
 					<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
 					<text v-else>请选择咨询业务</text>
 				</view>
@@ -69,7 +67,7 @@
 
 <script>
 	var app = getApp();
-	var config = require("@/config");
+	var config = require("@/config");
 	let domain = require("@/utils/domain")
 	export default {
 		data() {
@@ -127,7 +125,7 @@
 					return;
 				}
 			},
-			getPhoneNumber(e){
+			getPhoneNumber(e){
 				this.qrCodeUrl = domain.baseUrl
 				if(e.detail.errMsg=="getPhoneNumber:ok"){
 					let data = {