From ce9968864130d222905d34130ccc6bd885d21760 Mon Sep 17 00:00:00 2001
From: douzhuo <17611323298@163.com>
Date: Sat, 2 Apr 2022 19:14:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/center/Piabodata/Theteamcompared.vue |   2 +-
 pages/center/Piabodata/TrendAnalysis.vue   |   3 +-
 pages/center/consumer/index.vue            | 825 +++++++++++--------
 pages/center/records/index.vue             | 890 ++++++++++++---------
 4 files changed, 1000 insertions(+), 720 deletions(-)

diff --git a/pages/center/Piabodata/Theteamcompared.vue b/pages/center/Piabodata/Theteamcompared.vue
index fee1539..1b9c235 100644
--- a/pages/center/Piabodata/Theteamcompared.vue
+++ b/pages/center/Piabodata/Theteamcompared.vue
@@ -58,7 +58,7 @@
 			</view>
 			<view class="" v-if=" eharTab.active1 == 1 ">
 				<view class="danwei">接待量</view>
-				<view class="uchaserbox" style="height: 70vh;">
+				<view class="uchaserbox">
 					<qiun-data-charts
 					   type="line"
 					   :chartData="lineOptsect1"
diff --git a/pages/center/Piabodata/TrendAnalysis.vue b/pages/center/Piabodata/TrendAnalysis.vue
index 717147f..151869b 100644
--- a/pages/center/Piabodata/TrendAnalysis.vue
+++ b/pages/center/Piabodata/TrendAnalysis.vue
@@ -55,8 +55,7 @@
 						</view>
 						<view class="comparesize" v-if="compareFlag&&timepickpickisshow">
 							<text style="margin-right: 10rpx;">对比：{{index==1?item.num1+'%':item.num1}} </text>
-							<text :style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}}
-								{{item.num2*1>0?'↑':'↓'}}</text>
+							<text :style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}}{{item.num2*1>0?'↑':'↓'}}</text>
 						</view>
 					</view>
 				</view>
diff --git a/pages/center/consumer/index.vue b/pages/center/consumer/index.vue
index 8a5a1fa..5fd716b 100644
--- a/pages/center/consumer/index.vue
+++ b/pages/center/consumer/index.vue
@@ -8,37 +8,42 @@
 					</view>
 					<view class="search-text">输入客户姓名/手机号</view>
 				</view>
-				
+
 			</view>
 		</view>
 		<!-- 选择器 -->
 		<view class="boxtittab">
+			<view class="tabbox" @click="tapsoltishow">
+				{{ sortFilter }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+			</view>
 			<view class="tabbox" @click="taptimeisshow">
-				接待时间<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ arriveFilter }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="taptimetuisshow">
-				接待时长<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-			<view class="tabbox" @click="tapsoltishow">
-				排序<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ receptionDuration }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="screenshow">
 				更多筛选<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 		</view>
 		<view class="count" v-if="recordList.length > 0">
-			筛选结果：<text>{{totalRecords}}  </text>条
+			筛选结果：<text>{{totalRecords}} </text>条
 		</view>
 		<view class="content">
 			<view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
 				<view style="width: 100%;padding-top: 200rpx;background: #FFFFFF;">
 					<view style="width: 100%;text-align: center;">
-						<image style="width: 220rpx;height: 200rpx;" src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
+						<image style="width: 220rpx;height: 200rpx;"
+							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
 					</view>
-					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>	
+					<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' @click="gotoDetail(item.id)">
+			<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index'
+				@click="gotoDetail(item.id)">
 				<view class="content-first">
 					<view class="left">
 						<view v-if="item.level.length==0"></view>
@@ -46,7 +51,7 @@
 						<view class="img" v-else-if="item.level==2">B</view>
 						<view class="img" v-else-if="item.level==3">C</view>
 						<view class="img" v-else-if="item.level==4">D</view>
-						
+
 						<view class="test">{{item.name}}</view>
 					</view>
 					<!-- <view class="right">
@@ -54,7 +59,7 @@
 						<view class="test">定金</view>
 					</view> -->
 				</view>
-				
+
 				<view class="content-sec">
 					<view class="content-sec-lab">
 						手机号码：<view class="content-sec-lab1">{{item.phone || '--'}}</view>
@@ -62,8 +67,9 @@
 					<view class="content-sec-lab" style="line-height: 46rpx;">
 						客户标签：
 						<text v-if="item.demand.cusSemanticWordsList==null">暂无</text>
-						<view v-else class="content-sec-tips" v-for="(che,ind) in item.demand.cusSemanticWordsList" :key='ind'>{{che.name}}</view>
-						
+						<view v-else class="content-sec-tips" v-for="(che,ind) in item.demand.cusSemanticWordsList"
+							:key='ind'>{{che.name}}</view>
+
 					</view>
 					<view class="content-sec-lab">
 						顾问姓名：<view class="content-sec-lab1">{{item.agentName}}</view>
@@ -73,59 +79,63 @@
 					</view>
 					<view class="content-sec-num">
 						<view class="">{{item.visitRecord || '--'}}次到访</view>
-						<view class="">{{item.fraction || '0'}}% | {{item.mm || '0'}}<text style="font-size: 24rpx;">min</text></view>
+						<view class="">{{item.fraction || '0'}}% | {{item.mm || '0'}}<text
+								style="font-size: 24rpx;">min</text></view>
 					</view>
 				</view>
 				<view class="content-last" v-if="item.isshow==true">
 					<!-- <view class="content-last-tab">添加提醒</view>
 					<view class="content-last-tab">拨打电话</view> -->
-					<view class="content-last-tab"  @click.stop="gotoFollowUp(item.id)">写跟进</view>
+					<view class="content-last-tab" @click.stop="gotoFollowUp(item.id)">写跟进</view>
 				</view>
 			</view>
 		</view>
-		<u-popup v-model="screenShow" mode="top" >
-				<view class="screen">
-					<!-- 顾问选择 -->
-					<view class="screen-counselor">
-						<view class="screen-text">
-							所属顾问
-						</view>
-						<view class="screen-sel"  @click="selectshow = true">
-							<u-input v-model="screen.agentIdtext" type="text"  placeholder='请选择' class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
+		<u-popup v-model="screenShow" mode="top">
+			<view class="screen">
+				<!-- 顾问选择 -->
+				<view class="screen-counselor">
+					<view class="screen-text">
+						所属顾问
 					</view>
-					<view class="screen-counselor">
-						<view class="screen-text">
-							客户标签
-						</view>
-						<view class="screen-sel" @click="selectTipshow = true">
-							<u-input v-model="screen.cunsumerTips" type="text"  placeholder='请选择'  class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
+					<view class="screen-sel" @click="selectshow = true">
+						<u-input v-model="screen.agentIdtext" type="text" placeholder='请选择' class="screen-inp"
+							disabled />
+						<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
 					</view>
-					<view class="screen-counselor">
-						<view class="screen-text">
-							客户阶段
-						</view>
-						<view class="screen-sel"  @click="selectPhaseShow = true">
-							<u-input v-model="screen.clientStageName" type="text"  placeholder='请选择' class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
+				</view>
+				<view class="screen-counselor">
+					<view class="screen-text">
+						客户标签
 					</view>
-					<!-- 录音标示 -->
-					<view class="screen-record">
-						<view class="screen-record-text">
-							客户等级
-						</view>
-						<view class="screen-record-tab">
-							<block v-for="(item,index) in levelList" :key="index">
-								<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
-									@click="choiceLevel(index,item.value)">
-									{{item.label}}
-								</view>
-							</block>
-							<!-- <view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="recordclick(0)">
+					<view class="screen-sel" @click="selectTipshow = true">
+						<u-input v-model="screen.cunsumerTips" type="text" placeholder='请选择' class="screen-inp"
+							disabled />
+						<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
+					</view>
+				</view>
+				<view class="screen-counselor">
+					<view class="screen-text">
+						客户阶段
+					</view>
+					<view class="screen-sel" @click="selectPhaseShow = true">
+						<u-input v-model="screen.clientStageName" type="text" placeholder='请选择' class="screen-inp"
+							disabled />
+						<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
+					</view>
+				</view>
+				<!-- 录音标示 -->
+				<view class="screen-record">
+					<view class="screen-record-text">
+						客户等级
+					</view>
+					<view class="screen-record-tab">
+						<block v-for="(item,index) in levelList" :key="index">
+							<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
+								@click="choiceLevel(index,item.value)">
+								{{item.label}}
+							</view>
+						</block>
+						<!-- <view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="recordclick(0)">
 								A
 							</view>
 							<view :class="[screen.record==1?'screen-record-chose':'screen-record-nochose']" @click="recordclick(1)">
@@ -137,9 +147,9 @@
 							<view :class="[screen.record==3?'screen-record-chose':'screen-record-nochose']" @click="recordclick(3)">
 								D
 							</view> -->
-						</view>
 					</view>
-			<!-- 		<view class="screen-record">
+				</view>
+				<!-- 		<view class="screen-record">
 						<view class="screen-record-text">
 							客户阶段
 						</view>
@@ -151,18 +161,18 @@
 							</view>
 						</view>
 					</view> -->
-					<view class="screen-record">
-						<view class="screen-record-text">
-							到访次数
-						</view>
-						<view class="screen-record-tab">
-							<block v-for="(item,index) in visitList" :key="index">
-								<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
-									@click="choice(index,item.value)">
-									{{item.label}}
-								</view>
-							</block>
-							<!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(1)">
+				<view class="screen-record">
+					<view class="screen-record-text">
+						到访次数
+					</view>
+					<view class="screen-record-tab">
+						<block v-for="(item,index) in visitList" :key="index">
+							<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
+								@click="choice(index,item.value)">
+								{{item.label}}
+							</view>
+						</block>
+						<!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(1)">
 								首次到访
 							</view>
 							<view :class="[screen.visitRecord==2?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(2)">
@@ -174,17 +184,17 @@
 							<view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(4)">
 								3次以上
 							</view> -->
-						</view>
 					</view>
-					<view class="screen-foot">
-						<view class="screen-foot-reset" @click="reset">
-							重置
-						</view>
-						<view class="screen-foot-sure" @click="screensure">
-							确定
-						</view>
+				</view>
+				<view class="screen-foot">
+					<view class="screen-foot-reset" @click="reset">
+						重置
+					</view>
+					<view class="screen-foot-sure" @click="screensure">
+						确定
 					</view>
 				</view>
+			</view>
 		</u-popup>
 		<!-- 选择顾问的选择框 -->
 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
@@ -192,79 +202,129 @@
 		<u-select v-model="selectTipshow" :list="findKeywordsList" @confirm="selectCallback"></u-select>
 		<!-- 客户阶段 -->
 		<u-select v-model="selectPhaseShow" :list="phaseList" @confirm="selectPhase"></u-select>
-		
+
 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
-		
+
 		<u-popup v-model="timeshow" mode="bottom">
-			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(5)">全部</view>
-			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(0)">今天</view>
-			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(1)">昨天</view>
-			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2)">近7天</view>
-			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(3)">近30天</view>
-			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">自定义</view>
+			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(5, '到访时间')">
+				全部</view>
+			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(0, '今天')">
+				今天</view>
+			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(1, '昨天')">
+				昨天</view>
+			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(2, '近7天')">
+				近7天</view>
+			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(3, '近30天')">
+				近30天</view>
+			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">
+				自定义</view>
 		</u-popup>
 		<u-popup v-model="timetushow" mode="bottom">
-			<view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }" @click="timetap(0)">全部</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }" @click="timetap(1)">0~15min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }" @click="timetap(2)">15~30min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }" @click="timetap(3)">30~60min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }" @click="timetap(4)">60~90min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }" @click="timetap(5)">90min以上</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(0, '接待时长')">全部
+			</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(1, '0~15min')">
+				0~15min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(2, '15~30min')">
+				15~30min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(3, '30~60min')">
+				30~60min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(4, '60~90min')">
+				60~90min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(5, '90min以上')">
+				90min以上</view>
 		</u-popup>
+
 		<u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select>
 	</view>
 </template>
 
 <script>
-	export default{
-		data(){
-			return{
-				orderBylist:[
-					{label:'全部',value:'0'},
-					{label:'创建时间倒序',value:'1'},
-					{label:'创建时间正序',value:'2'},
-					{label:'接待时间倒序',value:'3'},
-					{label:'接待时间正序',value:'4'},
-					{label:'执行率正序',value:'5'},
-					{label:'执行率倒序',value:'6'},
-					{label:'接访次数正序',value:'7'},
-					{label:'接访次数倒序',value:'8'},
+	export default {
+		data() {
+			return {
+				orderBylist: [{
+						label: '全部',
+						value: '0'
+					},
+					{
+						label: '创建时间倒序',
+						value: '1'
+					},
+					{
+						label: '创建时间正序',
+						value: '2'
+					},
+					{
+						label: '接待时间倒序',
+						value: '3'
+					},
+					{
+						label: '接待时间正序',
+						value: '4'
+					},
+					{
+						label: '执行率正序',
+						value: '5'
+					},
+					{
+						label: '执行率倒序',
+						value: '6'
+					},
+					{
+						label: '接访次数正序',
+						value: '7'
+					},
+					{
+						label: '接访次数倒序',
+						value: '8'
+					},
 				],
-				value:'',
-				screenShow:false,
-				selectshow:false,
-				selectTipshow:false,
-				selectPhaseShow:false,
-				buildingID:'',
-				screen:{
-					agentId:'',
-					agentIdtext:'',
-					visitRecord:[],
-					record:[],
-					cunsumerTips:'',
-					cunsumerTipsid:'',
-					clientStage:'',
-					clientStageName:''
+				value: '',
+				screenShow: false,
+				selectshow: false,
+				selectTipshow: false,
+				selectPhaseShow: false,
+				buildingID: '',
+				screen: {
+					agentId: '',
+					agentIdtext: '',
+					visitRecord: [],
+					record: [],
+					cunsumerTips: '',
+					cunsumerTipsid: '',
+					clientStage: '',
+					clientStageName: ''
 				},
-				stageList:['未知','到访','意向','定金','成交'],		
-				recordList:[],	
-				nextPage:1,
-				totalRecord:'',
-				freeList:[],
-				userInfo:{},
-				findKeywordsList:[],
-				phaseList:[],
-				isnorefresh:'',
-				activeTotal:5,
-				activeTotal2:0,
+				stageList: ['未知', '到访', '意向', '定金', '成交'],
+				recordList: [],
+				nextPage: 1,
+				totalRecord: '',
+				freeList: [],
+				userInfo: {},
+				findKeywordsList: [],
+				phaseList: [],
+				isnorefresh: '',
+				activeTotal: 5,
+				activeTotal2: 0,
 				totalTimeShow: false,
-				timeshow:false,
-				timetushow:false,
-				soltishow:false,
-				staTime:'',
-				endtime:'',
-				orderBy:'',
-				totalRecords:'',
+				timeshow: false,
+				timetushow: false,
+				soltishow: false,
+				staTime: '',
+				endtime: '',
+				orderBy: '',
+				totalRecords: '',
 				visitList: [{
 					label: '首次到访',
 					value: 1,
@@ -299,26 +359,31 @@
 					value: 3,
 					isShow: false,
 				}, ],
-				isRefresh:false
+				isRefresh: false,
+				// 筛选文字展示
+				sortFilter: '排序',
+				arriveFilter: '到访时间',
+				receptionDuration: '接待时长',
 			}
 		},
 		onLoad(options) {
-			this.isnorefresh=options.refresh;
+			this.isnorefresh = options.refresh;
 		},
 		onShow() {
-			if(this.isnorefresh=='refresh'){
+			if (this.isnorefresh == 'refresh') {
 				this.buildingID = uni.getStorageSync('buildingID').id;
-				this.nextPage=1;
-				this.recordList=[]
+				this.nextPage = 1;
+				this.recordList = []
 				this.isRefresh = false;
 				this.getMyCustom()
 				this.getFreeList()
 				this.getfindKeywordsList()
 				this.getCustomPhase()
-				this.isnorefresh='';
+				this.isnorefresh = '';
 			}
 		},
-		onPullDownRefresh(){
+		onPullDownRefresh() {
+			this.resetFilter()
 			this.isRefresh = true;
 			this.nextPage = 1;
 			this.getMyCustom()
@@ -327,21 +392,34 @@
 			}, 1000)
 		},
 		onReachBottom() {
-			if(this.totalRecord==this.nextPage){
+			if (this.totalRecord == this.nextPage) {
 				uni.showToast({
-					icon:'none',
-				    title: '到底了',
-				    duration: 2000
+					icon: 'none',
+					title: '到底了',
+					duration: 2000
 				});
 				return
-			}else{
-				this.nextPage+=1;
+			} else {
+				this.nextPage += 1;
 				this.isRefresh = false;
 				this.getMyCustom();
 			}
 		},
-		methods:{
-			choice(index,e) {
+		methods: {
+			//  过滤
+			resetFilter() {
+				this.sortFilter = '排序';
+				this.orderBy = null;
+				this.arriveFilter = '到访时间';
+				this.staTime = '';
+				this.endtime = '';
+				this.nextPage = 1;
+				this.activeTotal = 5;
+				this.recordList = [];
+				this.receptionDuration = '接待时长';
+				this.activeTotal2 = 0;
+			},
+			choice(index, e) {
 				if (this.visitList[index].isShow == true) {
 					this.visitList[index].isShow = false;
 					for (var i = 0; i < this.screen.visitRecord.length; i++) {
@@ -354,7 +432,7 @@
 					this.screen.visitRecord.push(e)
 				}
 			},
-			choiceLevel(index,e) {
+			choiceLevel(index, e) {
 				if (this.levelList[index].isShow == true) {
 					this.levelList[index].isShow = false;
 					for (var i = 0; i < this.screen.record.length; i++) {
@@ -367,69 +445,72 @@
 					this.screen.record.push(e)
 				}
 			},
-			tapsoltishow(){
-				this.soltishow=true;
+			tapsoltishow() {
+				this.soltishow = true;
 			},
-			taptimetuisshow(){
-				this.timetushow=true;
+			taptimetuisshow() {
+				this.timetushow = true;
 			},
-			taptimeisshow(){
-				this.timeshow=true;
+			taptimeisshow() {
+				this.timeshow = true;
 			},
 			//选择标签
-			selectCallback2(e){
-				this.orderBy=e[0].value;
-				this.nextPage=1;
-				this.recordList=[];
+			selectCallback2(e) {
+				this.sortFilter = e[0].label;
+				this.orderBy = e[0].value;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			//选择录音时长
-			timetap(index){
-				this.timetushow=false;
-				this.activeTotal2=index;
-				this.nextPage=1;
-				this.recordList=[];
+			timetap(index, text) {
+				if (text) this.receptionDuration = text
+				this.timetushow = false;
+				this.activeTotal2 = index;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			//时间选择
-			tabtimetap(index){
-				this.timeshow=false;
+			tabtimetap(index, text) {
+				this.timeshow = false;
+				if (text) this.arriveFilter = text
 				if (index == 4) {
 					this.totalTimeShow = true;
 				} else {
 					this.activeTotal = index;
-					this.staTime='';
-					this.endtime='';
-					this.nextPage=1;
-					this.recordList=[];
+					this.staTime = '';
+					this.endtime = '';
+					this.nextPage = 1;
+					this.recordList = [];
 					this.isRefresh = false;
 					this.getMyCustom();
 				}
 			},
 			//自定义时间
 			totalTimeChange(e) {
-				this.staTime=e.startDate;
-				this.endtime=e.endDate;
-				this.activeTotal=4;
-				this.nextPage=1;
-				this.recordList=[];
+				this.staTime = e.startDate;
+				this.endtime = e.endDate;
+				this.activeTotal = 4;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			recordclick(i){
-				if(this.screen.record==i){
-					this.screen.record=null
-				}else{
-					this.screen.record=i
+			recordclick(i) {
+				if (this.screen.record == i) {
+					this.screen.record = null
+				} else {
+					this.screen.record = i
 				}
 			},
-			screenvisitRecord(i){
-				if(this.screen.visitRecord==i){
-					this.screen.visitRecord=''
-				}else{
-					this.screen.visitRecord=i
+			screenvisitRecord(i) {
+				if (this.screen.visitRecord == i) {
+					this.screen.visitRecord = ''
+				} else {
+					this.screen.visitRecord = i
 				}
 			},
 			// 客户详情
@@ -438,43 +519,43 @@
 					url: `/pages/center/consumer/consumerDetail?id=${id}`
 				})
 			},
-			getMyCustom(){
-				let dateType=0;
-				let recDurationInterval=0;
-				let orderBy=0;
-				if(this.activeTotal==5){
-					dateType=null;
-				}else if(this.activeTotal==4){
-					dateType=null;
-				}else{
-					dateType=this.activeTotal;
+			getMyCustom() {
+				let dateType = 0;
+				let recDurationInterval = 0;
+				let orderBy = 0;
+				if (this.activeTotal == 5) {
+					dateType = null;
+				} else if (this.activeTotal == 4) {
+					dateType = null;
+				} else {
+					dateType = this.activeTotal;
 				}
-				
-				if(this.activeTotal2==0){
-					recDurationInterval=null
-				}else{
-					recDurationInterval=this.activeTotal2
+
+				if (this.activeTotal2 == 0) {
+					recDurationInterval = null
+				} else {
+					recDurationInterval = this.activeTotal2
 				}
-				
-				if(this.orderBy==0){
-					orderBy=null;
-				}else{
-					orderBy=this.orderBy;
+
+				if (this.orderBy == 0) {
+					orderBy = null;
+				} else {
+					orderBy = this.orderBy;
 				}
-				
+
 				var parames = {
 					pageNum: this.nextPage,
 					pageSize: 10,
 					query: {
-						projectId:this.buildingID,
-						keywordsId:this.screen.cunsumerTipsid,
-						clientStage:this.screen.clientStage,
-						agentId:this.screen.agentId,
-						dateType:dateType,
-						staTime:this.staTime,
-						endtime:this.endtime,
-						recDurationInterval:recDurationInterval,
-						orderBy:orderBy
+						projectId: this.buildingID,
+						keywordsId: this.screen.cunsumerTipsid,
+						clientStage: this.screen.clientStage,
+						agentId: this.screen.agentId,
+						dateType: dateType,
+						staTime: this.staTime,
+						endtime: this.endtime,
+						recDurationInterval: recDurationInterval,
+						orderBy: orderBy
 					}
 				};
 				if (this.screen.visitRecord.length > 0) {
@@ -496,125 +577,135 @@
 				// }
 				this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
 				this.$u.post("/customer/customerManagement", parames).then(data => {
+					
+					if(this.staTime && this.endtime) {
+						this.arriveFilter = `${this.staTime}-${this.endtime}`
+					}
 					var list = data.results || [];
-					list.forEach(item=>{
-						if(this.userInfo.dataCode == 6){
-							item.isshow=true;
-						}else{
-							item.isshow=false;
+					list.forEach(item => {
+						if (this.userInfo.dataCode == 6) {
+							item.isshow = true;
+						} else {
+							item.isshow = false;
 						}
 					})
-					
-					list.forEach(item=>{
-						if(item.demand.cusSemanticWordsList!=null){
-							item.demand.cusSemanticWordsList.forEach(che=>{
-								if(che.isInterval==0){
-								 che.name=che.name+che.unit+'-'+che.endName+che.unit;
+
+					list.forEach(item => {
+						if (item.demand.cusSemanticWordsList != null) {
+							item.demand.cusSemanticWordsList.forEach(che => {
+								if (che.isInterval == 0) {
+									che.name = che.name + che.unit + '-' + che.endName + che.unit;
 								}
 							})
-						}   
+						}
 					})
-					if(this.isRefresh){
+					if (this.isRefresh) {
 						this.recordList = list;
-					}else{
+					} else {
 						this.recordList = [...this.recordList, ...list];
 					}
-					this.totalRecord=data.totalPage;
+					this.totalRecord = data.totalPage;
 					this.totalRecords = data.totalRecord;
 				})
 			},
 			//获取顾问列表
 			getFreeList() {
-			  this.freeList=[]
-			  this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {houseId: this.buildingID}).then(res => {
-			    this.freeList = res;
-				 this.freeList.forEach(item=>{
-					item.label=item.name;
-					item.value=item.accountId
+				this.freeList = []
+				this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {
+					houseId: this.buildingID
+				}).then(res => {
+					this.freeList = res;
+					this.freeList.forEach(item => {
+						item.label = item.name;
+						item.value = item.accountId
+					})
 				})
-			  })
 			},
 			//获取客户标签
 			getfindKeywordsList() {
-			  this.findKeywordsList=[]
-			  this.$u.post("/customer/findKeywords",{houseId:this.buildingID}).then(res => {
-				  res.forEach(item=>{
-					  if(item.isInterval==0){
-					  	item.label=item.name+item.unit+'-'+item.endName+item.unit;
-					  }else{
-						item.label=item.name
-					  }
-					  item.value=item.id;
-				  })
-			    this.findKeywordsList = res;
-			  })
+				this.findKeywordsList = []
+				this.$u.post("/customer/findKeywords", {
+					houseId: this.buildingID
+				}).then(res => {
+					res.forEach(item => {
+						if (item.isInterval == 0) {
+							item.label = item.name + item.unit + '-' + item.endName + item.unit;
+						} else {
+							item.label = item.name
+						}
+						item.value = item.id;
+					})
+					this.findKeywordsList = res;
+				})
 			},
-			getCustomPhase(){
-				this.phaseList=[]
-				this.$u.post("/customer/lifeTrackDefineList",{houseId:this.buildingID}).then(res => {
+			getCustomPhase() {
+				this.phaseList = []
+				this.$u.post("/customer/lifeTrackDefineList", {
+					houseId: this.buildingID
+				}).then(res => {
 					let tempArr = []
-					res.forEach(item=>{
+					res.forEach(item => {
 						let tempObj = {}
 						tempObj.label = item.stageName;
 						tempObj.value = item.id;
 						tempArr.push(tempObj)
 					})
-				  this.phaseList = tempArr;
+					this.phaseList = tempArr;
 				})
 			},
 			// 筛选
-			screenshow(){
-				this.screenShow=true
+			screenshow() {
+				this.screenShow = true
 			},
 			//选择顾问
-			actionSelectCallback(e){
-				this.screen.agentId=e[0].value;
-				this.screen.agentIdtext=e[0].label;
+			actionSelectCallback(e) {
+				this.screen.agentId = e[0].value;
+				this.screen.agentIdtext = e[0].label;
 			},
 			//选择标签
-			selectCallback(e){
-				this.screen.cunsumerTips=e[0].label;
-				this.screen.cunsumerTipsid=e[0].value;
+			selectCallback(e) {
+				this.screen.cunsumerTips = e[0].label;
+				this.screen.cunsumerTipsid = e[0].value;
 			},
-			selectPhase(e){
-				this.screen.clientStageName=e[0].label;
-				this.screen.clientStage=e[0].value;
+			selectPhase(e) {
+				this.screen.clientStageName = e[0].label;
+				this.screen.clientStage = e[0].value;
 			},
 			//重置
-			reset(){
-				this.screen={
-					agentId:'',
-					agentIdtext:'',
-					visitRecord:'',
-					record:[],
-					cunsumerTips:'',
-					cunsumerTipsid:'',
-					clientStage:'',
-					clientStageName:''
+			reset() {
+				this.screen = {
+					agentId: '',
+					agentIdtext: '',
+					visitRecord: '',
+					record: [],
+					cunsumerTips: '',
+					cunsumerTipsid: '',
+					clientStage: '',
+					clientStageName: ''
 				}
-				this.visitList.map(i=>{
-				   i.isShow = false
+				this.visitList.map(i => {
+					i.isShow = false
 				})
-				this.levelList.map(i=>{
-				   i.isShow = false
+				this.levelList.map(i => {
+					i.isShow = false
 				})
-				this.nextPage=1;
-				this.recordList=[];
-				this.screenShow=false;
+				this.nextPage = 1;
+				this.recordList = [];
+				this.screenShow = false;
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			//筛选确认
-			screensure(){
-				this.nextPage=1;
-				this.recordList=[];
-				this.screenShow=false;
+			screensure() {
+				this.nextPage = 1;
+				this.recordList = [];
+				this.screenShow = false;
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			goSearch(){
+			goSearch() {
 				uni.navigateTo({
-				    url: '/pages/center/consumer/consumerSearch'
+					url: '/pages/center/consumer/consumerSearch'
 				});
 			},
 			gotoFollowUp(id) {
@@ -632,6 +723,7 @@
 		height: 100%;
 		background: #F8F8F8;
 	}
+
 	.count {
 		width: 100%;
 		height: 90rpx;
@@ -639,27 +731,32 @@
 		align-items: center;
 		justify-content: center;
 		background-color: #FBE4E4;
-		
+
 		text {
 			color: #F71616;
 		}
 	}
-	.timeview{
+
+	.timeview {
 		height: 80rpx;
 		line-height: 80rpx;
 		width: 100%;
 		text-align: center;
 		border-bottom: 1px solid #F8F8F8;
 	}
+
 	//时间切换的样式
 	.boxtittab {
+		position: sticky;
+		top: var(--window-top);
+		z-index: 999;
 		width: 100;
 		height: 92rpx;
 		background: #FFFFFF;
 		border: 1px solid #E0E0E0;
 		display: flex;
 		align-items: center;
-	
+
 		.tabbox {
 			flex: 1;
 			height: 100%;
@@ -667,60 +764,77 @@
 			line-height: 92rpx;
 			color: #666666;
 			font-size: 28rpx;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			/* 将对象作为弹性伸缩盒子模型显示 */
+			-webkit-line-clamp: 1;
+			/* 控制最多显示几行 */
+			-webkit-box-orient: vertical;
+			/* 设置或检索伸缩盒对象的子元素的排列方式 */
 		}
 	}
-	
-	.search-box{
+
+	.search-box {
 		width: 100%;
 		height: 102rpx;
 		background: #FFFFFF;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		.search{
+
+		.search {
 			width: 94%;
 			height: 70rpx;
 			display: flex;
 			align-items: center;
 			background: #F8F8F8;
 			border-radius: 33rpx;
-			.search-img{
+
+			.search-img {
 				width: 26rpx;
 				height: 30rpx;
 				margin-left: 20rpx;
-				.search-img1{
+
+				.search-img1 {
 					width: 100%;
 					height: 100%;
 					margin-top: 2rpx;
-				}	
+				}
 			}
-			.search-text{
+
+			.search-text {
 				font-size: 28rpx;
 				font-weight: 400;
 				color: #999999;
-				margin-left:10rpx;
+				margin-left: 10rpx;
 			}
 		}
-		.search-screen{
+
+		.search-screen {
 			width: 40rpx;
 			height: 40rpx;
 			margin-left: 30rpx;
-			.search-screen1{
+
+			.search-screen1 {
 				width: 100%;
 				height: 100%;
 			}
 		}
 	}
-	.content{
+
+	.content {
 		// height: 1000rpx;/
-		 overflow: hidden;
-		 border-top: 1px solid #E0E0E0;
-		.content-tips{
+		overflow: hidden;
+		border-top: 1px solid #E0E0E0;
+
+		.content-tips {
 			background: #fff;
 			// box-sizing: border-box;
 			margin-top: 20rpx;
 			overflow: hidden;
-			.content-first{
+
+			.content-first {
 				padding: 19rpx 30rpx;
 				display: flex;
 				justify-content: space-between;
@@ -731,9 +845,11 @@
 				height: 90rpx;
 				font-size: 30rpx;
 				line-height: 30rpx;
-				.left{
+
+				.left {
 					display: flex;
-					.img{
+
+					.img {
 						// margin-top: 19rpx;
 						width: 52rpx;
 						height: 52rpx;
@@ -743,16 +859,19 @@
 						line-height: 50rpx;
 						margin-right: 20rpx;
 					}
-					.test{
+
+					.test {
 						margin-top: 11rpx;
 						// margin-left: 20rpx;
 						font-weight: 500;
 						color: #333333;
 					}
 				}
-				.right{
+
+				.right {
 					display: flex;
-					.point{
+
+					.point {
 						width: 12rpx;
 						height: 12rpx;
 						background: #2B6EFF;
@@ -760,36 +879,41 @@
 						margin-right: 9rpx;
 						margin-top: 20rpx;
 					}
-					.test{
+
+					.test {
 						margin-top: 11rpx;
 					}
 				}
 			}
-			.content-sec{
+
+			.content-sec {
 				border-top: 1px solid #E0E0E0;
 				padding: 0 30rpx;
 				padding-bottom: 30rpx;
 				// height: 270rpx;
 				position: relative;
-				.content-sec-lab{
+
+				.content-sec-lab {
 					margin-top: 30rpx;
 					display: flex;
 					font-size: 30rpx;
 					font-weight: 400;
 					color: #666666;
 					line-height: 46rpx;
-					.content-sec-lab1{
+
+					.content-sec-lab1 {
 						color: #333333;
 					}
-					.content-sec-tips{
-						max-width:160rpx ;
+
+					.content-sec-tips {
+						max-width: 160rpx;
 						height: 46rpx;
 						background: #F2F2F2;
 						border-radius: 6rpx;
 						text-align: center;
 						line-height: 26rpx;
 						overflow: hidden;
-						text-overflow:ellipsis;
+						text-overflow: ellipsis;
 						white-space: nowrap;
 						font-size: 26rpx;
 						font-weight: 400;
@@ -799,7 +923,8 @@
 						padding: 10rpx 24rpx;
 					}
 				}
-				.content-sec-num{
+
+				.content-sec-num {
 					position: absolute;
 					width: 200rpx;
 					height: 90rpx;
@@ -813,12 +938,14 @@
 					text-align: center;
 				}
 			}
-			.content-last{
+
+			.content-last {
 				display: flex;
 				border-top: 1px solid #E0E0E0;
 				// padding: 0 30rpx;
 				height: 78rpx;
-				.content-last-tab{
+
+				.content-last-tab {
 					width: 33.4%;
 					text-align: center;
 					font-size: 30rpx;
@@ -828,61 +955,71 @@
 					border-right: 1px solid #E0E0E0;
 				}
 			}
-				
+
 		}
 	}
+
 	// 这是弹出层
-	.screen{
+	.screen {
+
 		// box-sizing: border-box;
 		// padding: 0 30rpx;
-		.screen-counselor{
+		.screen-counselor {
 			display: flex;
 			height: 106rpx;
 			// padding: 40rpx 30rpx 36rpx 30rpx;
 			padding: 0 30rpx;
 			box-sizing: border-box;
 			border-bottom: 1px solid #E0E0E0;
-			.screen-text{
+
+			.screen-text {
 				margin: 40rpx 0 36rpx 0;
 				font-size: 30rpx;
 				font-weight: 400;
 				color: #333333;
 				line-height: 30rpx;
 			}
-			.screen-sel{
+
+			.screen-sel {
 				display: flex;
 				justify-content: space-between;
 				width: 500rpx;
 				margin-left: 60rpx;
-				.screen-sel-img{
+
+				.screen-sel-img {
 					margin: 40rpx 0 36rpx 0;
 					width: 14rpx;
 					height: 30rpx;
 				}
-				.screen-inp{
+
+				.screen-inp {
 					margin-top: 20rpx;
 				}
 			}
 		}
-		.screen-record{
+
+		.screen-record {
 			height: 192rpx;
 			// width: 100%;
 			overflow: hidden;
 			padding: 0 30rpx;
 			box-sizing: border-box;
 			border-bottom: 1px solid #E0E0E0;
-			.screen-record-text{
+
+			.screen-record-text {
 				margin-top: 36rpx;
 				font-size: 30rpx;
 				font-weight: 400;
 				color: #333333;
 				line-height: 30rpx;
 			}
-			.screen-record-tab{
+
+			.screen-record-tab {
 				margin-top: 30rpx;
 				display: flex;
+
 				// justify-content: space-around;
-				.screen-record-chose{
+				.screen-record-chose {
 					width: 156rpx;
 					height: 60rpx;
 					background: #2671E2;
@@ -893,7 +1030,8 @@
 					margin-right: 22rpx;
 					color: #FFFFFF;
 				}
-				.screen-record-nochose{
+
+				.screen-record-nochose {
 					width: 156rpx;
 					height: 60rpx;
 					background: #FFFFFF;
@@ -903,14 +1041,16 @@
 					line-height: 60rpx;
 					margin-right: 22rpx;
 				}
-				
+
 			}
 		}
-		.screen-foot{
+
+		.screen-foot {
 			width: 100%;
 			height: 88rpx;
 			display: flex;
-			.screen-foot-reset{
+
+			.screen-foot-reset {
 				width: 50%;
 				text-align: center;
 				height: 88rpx;
@@ -919,7 +1059,8 @@
 				font-weight: 400;
 				color: #666666;
 			}
-			.screen-foot-sure{
+
+			.screen-foot-sure {
 				width: 50%;
 				text-align: center;
 				line-height: 88rpx;
diff --git a/pages/center/records/index.vue b/pages/center/records/index.vue
index 3988b1a..82968e4 100644
--- a/pages/center/records/index.vue
+++ b/pages/center/records/index.vue
@@ -10,60 +10,67 @@
 					<view class="search-text">输入客户姓名/手机号</view>
 				</view>
 			</view>
-		</view>	
-		
+		</view>
+
 		<!-- 选择器 -->
 		<view class="boxtittab">
+			<view class="tabbox" @click="tapsoltishow">
+				{{ sortFilter }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+			</view>
 			<view class="tabbox" @click="taptimeisshow">
-				接待时间<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ arriveFilter }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="taptimetuisshow">
-				接待时长<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
-			</view>
-			<view class="tabbox" @click="tapsoltishow">
-				排序<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ receptionDuration }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="screenshow">
 				更多筛选<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 		</view>
 		<view class="count" v-if="recordList.length > 0">
-			筛选结果：<text>{{totalRecords}}  </text>条
+			筛选结果：<text>{{totalRecords}} </text>条
 		</view>
 		<view class="content">
-			<view v-if="recordList.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;">
+			<view v-if="recordList.length==0"
+				style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;">
 				<view style="width: 100%;padding-top: 200rpx;">
 					<view style="width: 100%;text-align: center;">
-						<image style="width: 220rpx;height: 200rpx;" src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
+						<image style="width: 220rpx;height: 200rpx;"
+							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
 					</view>
-					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>	
+					<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' @click="tapThevisiting(item)">
+			<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index'
+				@click="tapThevisiting(item)">
 				<view class="content-first">
-				<view class="left">
-					<!-- <view class="img">{{item.agentName.slice(0,1)}}</view> -->
-					<view class="name">{{item.agentName}}</view>
-					<view class="status" v-if="item.replaceReception==1">代接待</view>
-					<view style="margin-left: 6rpx;margin-top: 11rpx;color: red;">{{item.receptionStatusName || ''}}</view>
-				</view>
-				
-				
-				<view class="right" v-if="item.recording!=0">
-					<view style="margin-right: 6rpx;">{{item.validInvalidName||''}}</view>
-					<view v-if="methodsisshow==true">
-						<text  style="color: red;" v-if="item.taboo==1">违禁接待</text>
-						<text v-if="item.taboo==1"> |</text>
+					<view class="left">
+						<!-- <view class="img">{{item.agentName.slice(0,1)}}</view> -->
+						<view class="name">{{item.agentName}}</view>
+						<view class="status" v-if="item.replaceReception==1">代接待</view>
+						<view style="margin-left: 6rpx;margin-top: 11rpx;color: red;">{{item.receptionStatusName || ''}}
+						</view>
 					</view>
-					<!-- <view class="point"></view> -->
-					<view v-if="item.markAdvisor==0" class="">未标记</view>
-					<view v-if="item.markAdvisor==1" class="">已标记</view>
-				</view>
-				<view class="right"  v-else>
-					<view class="">无录音</view>
-				</view>
-				
-				
+
+
+					<view class="right" v-if="item.recording!=0">
+						<view style="margin-right: 6rpx;">{{item.validInvalidName||''}}</view>
+						<view v-if="methodsisshow==true">
+							<text style="color: red;" v-if="item.taboo==1">违禁接待</text>
+							<text v-if="item.taboo==1"> |</text>
+						</view>
+						<!-- <view class="point"></view> -->
+						<view v-if="item.markAdvisor==0" class="">未标记</view>
+						<view v-if="item.markAdvisor==1" class="">已标记</view>
+					</view>
+					<view class="right" v-else>
+						<view class="">无录音</view>
+					</view>
+
+
 				</view>
 				<view class="content-sec">
 					<view class="left">
@@ -82,68 +89,75 @@
 		</view>
 
 		<u-popup v-model="screenShow" mode="top" height="880">
-				<view class="screen">
-					<!-- 顾问选择 -->
-					<view class="screen-counselor">
-						<view class="screen-text">
-							所属顾问
-						</view>
-						<view class="screen-sel" @click="selectshow = true">
-							<u-input v-model="screen.counselorName" type="text"  placeholder='请选择'  class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
+			<view class="screen">
+				<!-- 顾问选择 -->
+				<view class="screen-counselor">
+					<view class="screen-text">
+						所属顾问
 					</view>
-					<view class="screen-counselor">
-						<view class="screen-text">
-							客户阶段
-						</view>
-						<view class="screen-sel"  @click="selectPhaseShow = true">
-							<u-input v-model="screen.clientStageName" type="text"  placeholder='请选择' class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
+					<view class="screen-sel" @click="selectshow = true">
+						<u-input v-model="screen.counselorName" type="text" placeholder='请选择' class="screen-inp"
+							disabled />
+						<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
 					</view>
+				</view>
+				<view class="screen-counselor">
+					<view class="screen-text">
+						客户阶段
+					</view>
+					<view class="screen-sel" @click="selectPhaseShow = true">
+						<u-input v-model="screen.clientStageName" type="text" placeholder='请选择' class="screen-inp"
+							disabled />
+						<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
+					</view>
+				</view>
 
-					<view class="screen-record">
-						<view class="screen-record-text">
-							录音标识
+				<view class="screen-record">
+					<view class="screen-record-text">
+						录音标识
+					</view>
+					<view class="screen-record-tab">
+						<view :class="[screen.validInvalid==0?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisivalidInvalid(0)">
+							有效接待
 						</view>
-						<view class="screen-record-tab">
-							<view :class="[screen.validInvalid==0?'screen-record-chose':'screen-record-nochose']" @click="screenvisivalidInvalid(0)">
-								有效接待
-							</view>
-							<view :class="[screen.validInvalid==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisivalidInvalid(1)">
-								无效接待
-							</view>
-							<view :class="[screen.validInvalid==2?'screen-record-chose':'screen-record-nochose']" @click="screenvisivalidInvalid(2)">
-								无录音
-							</view>
+						<view :class="[screen.validInvalid==1?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisivalidInvalid(1)">
+							无效接待
 						</view>
+						<view :class="[screen.validInvalid==2?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisivalidInvalid(2)">
+							无录音
+						</view>
+					</view>
+				</view>
+				<view class="screen-record">
+					<view class="screen-record-text">
+						标记顾问
 					</view>
-					<view class="screen-record">
-						<view class="screen-record-text">
-							标记顾问
+					<view class="screen-record-tab">
+						<view :class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisitRecord(1)">
+							标记
 						</view>
-						<view class="screen-record-tab">
-							<view :class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(1)">
-								标记
-							</view>
-							<view :class="[screen.markAdvisor==0?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(0)">
-								未标记
-							</view>
+						<view :class="[screen.markAdvisor==0?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisitRecord(0)">
+							未标记
 						</view>
 					</view>
-					<view class="screen-record">
-						<view class="screen-record-text">
-							到访次数
-						</view>
-						<view class="screen-record-tab">
-							<block v-for="(item,index) in visitList" :key="index">
-								<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
-									@click="choice(index,item.value)">
-									{{item.label}}
-								</view>
-							</block>
-							<!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']" @click="recordclick(1)">
+				</view>
+				<view class="screen-record">
+					<view class="screen-record-text">
+						到访次数
+					</view>
+					<view class="screen-record-tab">
+						<block v-for="(item,index) in visitList" :key="index">
+							<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
+								@click="choice(index,item.value)">
+								{{item.label}}
+							</view>
+						</block>
+						<!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']" @click="recordclick(1)">
 								首次到访
 							</view>
 							<view :class="[screen.visitRecord==2?'screen-record-chose':'screen-record-nochose']" @click="recordclick(2)">
@@ -155,91 +169,141 @@
 							<view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']" @click="recordclick(4)">
 								3次以上
 							</view> -->
-						</view>
 					</view>
-					<view class="screen-foot">
-						<view class="screen-foot-reset" @click="reset">
-							重置
-						</view>
-						<view class="screen-foot-sure" @click="screensure">
-							确定
-						</view>
+				</view>
+				<view class="screen-foot">
+					<view class="screen-foot-reset" @click="reset">
+						重置
+					</view>
+					<view class="screen-foot-sure" @click="screensure">
+						确定
 					</view>
 				</view>
+			</view>
 		</u-popup>
 		<!-- 选择顾问的选择框 -->
 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
 		<!-- 客户阶段 -->
 		<u-select v-model="selectPhaseShow" :list="phaseList" @confirm="selectPhase"></u-select>
-		
+
 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
-	
+
+
 		<u-popup v-model="timeshow" mode="bottom">
-			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(5)">全部</view>
-			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(0)">今天</view>
-			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(1)">昨天</view>
-			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2)">近7天</view>
-			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(3)">近30天</view>
-			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4)">自定义</view>
+			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(5, '到访时间')">
+				全部</view>
+			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(0, '今天')">
+				今天</view>
+			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(1, '昨天')">
+				昨天</view>
+			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(2, '近7天')">
+				近7天</view>
+			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"
+				@click="tabtimetap(3, '近30天')">
+				近30天</view>
+			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(4, '')">
+				自定义</view>
 		</u-popup>
 		<u-popup v-model="timetushow" mode="bottom">
-			<view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }" @click="timetap(0)">全部</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }" @click="timetap(1)">0~15min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }" @click="timetap(2)">15~30min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }" @click="timetap(3)">30~60min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }" @click="timetap(4)">60~90min</view>
-			<view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }" @click="timetap(5)">90min以上</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 0 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(0, '接待时长')">全部
+			</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 1 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(1, '0~15min')">
+				0~15min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 2 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(2, '15~30min')">
+				15~30min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 3 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(3, '30~60min')">
+				30~60min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 4 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(4, '60~90min')">
+				60~90min</view>
+			<view class="timeview" :style="{ color: activeTotal2 == 5 ? '#2B6EFF' : '#333333' }"
+				@click="timetap(5, '90min以上')">
+				90min以上</view>
 		</u-popup>
 		<u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select>
 	</view>
 </template>
 
 <script>
-	export default{
-		data(){
-			return{
-				orderBylist:[
-					{label:'全部',value:'0'},
-					{label:'创建时间倒序',value:'1'},
-					{label:'创建时间正序',value:'2'},
-					{label:'接待时间倒序',value:'3'},
-					{label:'接待时间正序',value:'4'},
-					{label:'执行率正序',value:'5'},
-					{label:'执行率倒序',value:'6'},
-					{label:'接访次数正序',value:'7'},
-					{label:'接访次数倒序',value:'8'},
+	export default {
+		data() {
+			return {
+				orderBylist: [{
+						label: '全部',
+						value: '0'
+					},
+					{
+						label: '创建时间倒序',
+						value: '1'
+					},
+					{
+						label: '创建时间正序',
+						value: '2'
+					},
+					{
+						label: '接待时间倒序',
+						value: '3'
+					},
+					{
+						label: '接待时间正序',
+						value: '4'
+					},
+					{
+						label: '执行率正序',
+						value: '5'
+					},
+					{
+						label: '执行率倒序',
+						value: '6'
+					},
+					{
+						label: '接访次数正序',
+						value: '7'
+					},
+					{
+						label: '接访次数倒序',
+						value: '8'
+					},
 				],
 				activeTotal: 5,
-				value:'',
-				screenShow:false,
-				selectshow:false,
-				selectPhaseShow:false,
-				phaseList:[],
+				value: '',
+				screenShow: false,
+				selectshow: false,
+				selectPhaseShow: false,
+				phaseList: [],
 				totalTimeShow: false,
-				screen:{
-					agentId:'',//顾问id
-					record:'0',
-					markAdvisor:null,
-					visitRecord:[],
-					validInvalid:null,
-					clientStage:'',
-					clientStageName:''
+				screen: {
+					agentId: '', //顾问id
+					record: '0',
+					markAdvisor: null,
+					visitRecord: [],
+					validInvalid: null,
+					clientStage: '',
+					clientStageName: ''
 				},
-				freeList:[],//顾问
-				recordList:[],	
-				buildingID:'',
-				nextPage:1,
-				totalRecord:"",
-				staTime:'',
-				endtime:'',
-				isnorefresh:'',
-				activeTotal2:0,
-				timeshow:false,
-				timetushow:false,
-				soltishow:false,
-				orderBy:'',
-				methodsisshow:false,
-				userInfo:{},
+				freeList: [], //顾问
+				recordList: [],
+				buildingID: '',
+				nextPage: 1,
+				totalRecord: "",
+				staTime: '',
+				endtime: '',
+				isnorefresh: '',
+				activeTotal2: 0,
+				timeshow: false,
+				timetushow: false,
+				soltishow: false,
+				orderBy: '',
+				methodsisshow: false,
+				userInfo: {},
 				visitList: [{
 					label: '首次到访',
 					value: 1,
@@ -258,71 +322,91 @@
 					isShow: false,
 				}, ],
 				totalRecords: '',
-				isRefresh:false
+				isRefresh: false,
+
+				// 筛选文字展示
+				sortFilter: '排序',
+				arriveFilter: '到访时间',
+				receptionDuration: '接待时长',
 			}
 		},
 		onLoad(options) {
-			this.isnorefresh=options.refresh;
-			if(options.activeTotal){
-				this.activeTotal=options.activeTotal
+			this.isnorefresh = options.refresh;
+			if (options.activeTotal) {
+				this.activeTotal = options.activeTotal
 			}
-			if(options.markAdvisor){
-				this.screen.markAdvisor=options.markAdvisor
+			if (options.markAdvisor) {
+				this.screen.markAdvisor = options.markAdvisor
 			}
-			if(options.validInvalid){
-				this.screen.validInvalid=options.validInvalid
+			if (options.validInvalid) {
+				this.screen.validInvalid = options.validInvalid
 			}
-			if(options.staTime){
-				this.staTime=options.staTime;
-				this.endtime=options.endtime;
+			if (options.staTime) {
+				this.staTime = options.staTime;
+				this.endtime = options.endtime;
 			}
-			
+
 		},
 		onShow() {
-			
+
 			this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
-			if(this.userInfo.dataCode==6 || this.userInfo.dataCode==3){
-				this.methodsisshow=false;
-			}else{
-				this.methodsisshow=true;
+			if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {
+				this.methodsisshow = false;
+			} else {
+				this.methodsisshow = true;
 			}
-			
-			if(this.isnorefresh=='refresh'){
+
+			if (this.isnorefresh == 'refresh') {
 				this.buildingID = uni.getStorageSync('buildingID').id;
-				this.recordList=[];
-				this.nextPage=1;
+				this.recordList = [];
+				this.nextPage = 1;
 				this.isRefresh = false;
 				this.getMyCustom()
 				this.getFreeList();
-				this.isnorefresh='';
-			}	
-			
+				this.isnorefresh = '';
+			}
+
 			this.getCustomPhase()
 		},
-		onPullDownRefresh(){
+		onPullDownRefresh() {
+			this.resetFilter()
 			this.isRefresh = true;
 			this.nextPage = 1;
 			this.getMyCustom()
-			setTimeout(function () {
-			    uni.stopPullDownRefresh();
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
 			}, 1000);
 		},
 		onReachBottom() {
-			if(this.totalRecord==this.nextPage){
+			if (this.totalRecord == this.nextPage) {
 				uni.showToast({
-					icon:'none',
-				    title: '到底了',
-				    duration: 2000
+					icon: 'none',
+					title: '到底了',
+					duration: 2000
 				});
 				return
-			}else{
-				this.nextPage+=1;
+			} else {
+				this.nextPage += 1;
 				this.getMyCustom();
 				this.isRefresh = false;
 			}
 		},
-		methods:{
-			choice(index,e) {
+		methods: {
+			//  过滤
+			resetFilter() {
+				this.sortFilter = '排序';
+				this.orderBy = null;
+				this.arriveFilter = '到访时间';
+				this.staTime = '';
+				this.endtime = '';
+				this.nextPage = 1;
+				this.activeTotal = 5;
+				this.recordList = [];
+				this.receptionDuration = '接待时长';
+				this.activeTotal2 = 0;
+			},
+
+			choice(index, e) {
 				if (this.visitList[index].isShow == true) {
 					this.visitList[index].isShow = false;
 					for (var i = 0; i < this.screen.visitRecord.length; i++) {
@@ -335,122 +419,127 @@
 					this.screen.visitRecord.push(e)
 				}
 			},
-			getCustomPhase(){
-				this.phaseList=[]
-				this.$u.post("/customer/lifeTrackDefineList",{houseId:this.buildingID}).then(res => {
+			getCustomPhase() {
+				this.phaseList = []
+				this.$u.post("/customer/lifeTrackDefineList", {
+					houseId: this.buildingID
+				}).then(res => {
 					let tempArr = []
-					res.forEach(item=>{
+					res.forEach(item => {
 						let tempObj = {}
 						tempObj.label = item.stageName;
 						tempObj.value = item.id;
 						tempArr.push(tempObj)
 					})
-				  this.phaseList = tempArr;
-				}) 
+					this.phaseList = tempArr;
+				})
 			},
-			selectPhase(e){
-				this.screen.clientStageName=e[0].label;
-				this.screen.clientStage=e[0].value;
+			selectPhase(e) {
+				this.screen.clientStageName = e[0].label;
+				this.screen.clientStage = e[0].value;
 			},
-			tapsoltishow(){
-				this.soltishow=true;
+			tapsoltishow() {
+				this.soltishow = true;
 			},
-			taptimetuisshow(){
-				this.timetushow=true;
+			taptimetuisshow() {
+				this.timetushow = true;
 			},
-			taptimeisshow(){
-				this.timeshow=true;
+			taptimeisshow() {
+				this.timeshow = true;
 			},
 			//选择标签
-			selectCallback2(e){
-				this.orderBy=e[0].value;
-				this.nextPage=1;
-				this.recordList=[];
+			selectCallback2(e) {
+				this.sortFilter = e[0].label;
+				this.orderBy = e[0].value;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			//选择录音时长
-			timetap(index){
-				this.timetushow=false;
-				this.activeTotal2=index;
-				this.nextPage=1;
-				this.recordList=[];
+			timetap(index, text) {
+				if (text) this.receptionDuration = text
+				this.timetushow = false;
+				this.activeTotal2 = index;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			//时间选择
-			tabtimetap(index){
-				this.timeshow=false;
+			tabtimetap(index, text) {
+				this.timeshow = false;
+				if (text) this.arriveFilter = text
 				if (index == 4) {
 					this.totalTimeShow = true;
 				} else {
 					this.activeTotal = index;
-					this.staTime='';
-					this.endtime='';
-					this.nextPage=1;
-					this.recordList=[];
+					this.staTime = '';
+					this.endtime = '';
+					this.nextPage = 1;
+					this.recordList = [];
 					this.isRefresh = false;
 					this.getMyCustom();
 				}
 			},
 			//自定义时间
 			totalTimeChange(e) {
-				this.staTime=e.startDate;
-				this.endtime=e.endDate;
-				this.activeTotal=4;
-				this.nextPage=1;
-				this.recordList=[];
+				this.staTime = e.startDate;
+				this.endtime = e.endDate;
+				this.activeTotal = 4;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
 			tapThevisiting(item) {
 				uni.showLoading({
-				    title: '加载中',
-					mask:true
+					title: '加载中',
+					mask: true
 				});
-				if(item.status==0){
-					setTimeout(function () {
-					    uni.hideLoading();
+				if (item.status == 0) {
+					setTimeout(function() {
+						uni.hideLoading();
 					}, 2000);
 					uni.showToast({
 						icon: "none",
 						title: "排队中"
 					})
 					return
-				}else{
+				} else {
 					const parames = {
 						pageNum: 1,
 						pageSize: 100,
 						query: {
 							customerId: item.id,
 						}
-					}		
-					var item={
-						bg:0,
-						customerId:item.id,
+					}
+					var item = {
+						bg: 0,
+						customerId: item.id,
 					}
 					uni.setStorageSync("searchobj", item); //写入缓存
 					uni.setStorageSync("entrance", 1); //写入缓存
 					this.$u.post("/corpus/findByPage", parames).then(res => {
-						if(res==null){
-							setTimeout(function () {
-							    uni.hideLoading();
+						if (res == null) {
+							setTimeout(function() {
+								uni.hideLoading();
 							}, 2000);
 							uni.showToast({
 								icon: "none",
 								title: "暂无音频"
 							})
 							return
-						}else{
-							setTimeout(function () {
-							    uni.hideLoading();
+						} else {
+							setTimeout(function() {
+								uni.hideLoading();
 							}, 2000);
 							let newobj = res[0];
-							if(res[0].merge==0){
+							if (res[0].merge == 0) {
 								uni.navigateTo({
 									url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"2"}`
 								})
-							}else{
+							} else {
 								uni.navigateTo({
 									url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${"1"}`
 								})
@@ -458,139 +547,142 @@
 						}
 					})
 				}
-				
+
 			},
-			getMyCustom(){
-				let dateType=0;
-				let recDurationInterval=0;
-				let orderBy=0;
-				if(this.activeTotal==5){
-					dateType=null;
-				}else if(this.activeTotal==4){
-					dateType=null;
-				}else{
-					dateType=this.activeTotal;
+			getMyCustom() {
+				let dateType = 0;
+				let recDurationInterval = 0;
+				let orderBy = 0;
+				if (this.activeTotal == 5) {
+					dateType = null;
+				} else if (this.activeTotal == 4) {
+					dateType = null;
+				} else {
+					dateType = this.activeTotal;
 				}
-				
-				if(this.activeTotal2==0){
-					recDurationInterval=null
-				}else{
-					recDurationInterval=this.activeTotal2
+
+				if (this.activeTotal2 == 0) {
+					recDurationInterval = null
+				} else {
+					recDurationInterval = this.activeTotal2
 				}
-				
-				if(this.orderBy==0){
-					orderBy=null;
-				}else{
-					orderBy=this.orderBy;
+
+				if (this.orderBy == 0) {
+					orderBy = null;
+				} else {
+					orderBy = this.orderBy;
 				}
 				var parames = {
 					pageNum: this.nextPage,
 					pageSize: 10,
 					query: {
-						projectId:this.buildingID,
-						time:1,
-						staTime:this.staTime,
-						endtime:this.endtime,
-						visitRecords:this.screen.visitRecord.join(','),
-						markAdvisor:this.screen.markAdvisor,
-						dateType:dateType,
-						recDurationInterval:recDurationInterval,
-						orderBy:orderBy,
-						validInvalid:this.screen.validInvalid==2?null:this.screen.validInvalid,
-						clientStage:this.screen.clientStage,
-						recording:this.screen.validInvalid==2?0:null
+						projectId: this.buildingID,
+						time: 1,
+						staTime: this.staTime,
+						endtime: this.endtime,
+						visitRecords: this.screen.visitRecord.join(','),
+						markAdvisor: this.screen.markAdvisor,
+						dateType: dateType,
+						recDurationInterval: recDurationInterval,
+						orderBy: orderBy,
+						validInvalid: this.screen.validInvalid == 2 ? null : this.screen.validInvalid,
+						clientStage: this.screen.clientStage,
+						recording: this.screen.validInvalid == 2 ? 0 : null
 					}
 				};
-				if(this.screen.agentId){
+				if (this.screen.agentId) {
 					parames.query.agentId = this.screen.agentId
 				}
-				
-				
 				this.$u.post("/customer/findbypage", parames).then(data => {
+					if (this.staTime && this.endtime) {
+						this.arriveFilter = `${this.staTime}-${this.endtime}`
+					}
 					var list = data.results || [];
-					if(this.isRefresh){
+					if (this.isRefresh) {
 						this.recordList = list;
-					}else{
+					} else {
 						this.recordList = [...this.recordList, ...list];
 					}
-					this.totalRecord=data.totalPage;
+					this.totalRecord = data.totalPage;
 					this.totalRecords = data.totalRecord;
 				})
 			},
 			//获取顾问列表
 			getFreeList() {
-			  this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", { houseId: this.buildingID }).then(res => {
-			    this.freeList = res;
-				 this.freeList.forEach(item=>{
-					item.label=item.name;
-					item.value=item.accountId
+				this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {
+					houseId: this.buildingID
+				}).then(res => {
+					this.freeList = res;
+					this.freeList.forEach(item => {
+						item.label = item.name;
+						item.value = item.accountId
+					})
 				})
-			  })
 			},
 			// 筛选
-			screenshow(){
-				this.screenShow=true
+			screenshow() {
+				this.screenShow = true
 			},
-			actionSelectCallback(e){
-				this.screen.agentId=e[0].value;
-				this.screenShow=false;
-				this.recordList=[];
-				this.nextPage=1;
+			actionSelectCallback(e) {
+				this.screen.agentId = e[0].value;
+				this.screenShow = false;
+				this.recordList = [];
+				this.nextPage = 1;
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			reset(){
-				this.screen={
-					counselorName:'',
-					record:'0',
-					markAdvisor:null,
-					visitRecord:[],
-					validInvalid:null,
-					clientStage:'',
-					clientStageName:'',
-					recording:null,
-					visitRecords:"",
+			reset() {
+				this.screen = {
+					counselorName: '',
+					record: '0',
+					markAdvisor: null,
+					visitRecord: [],
+					validInvalid: null,
+					clientStage: '',
+					clientStageName: '',
+					recording: null,
+					visitRecords: "",
 				}
-				this.visitList.map(i=>{
-				   i.isShow = false
+				this.visitList.map(i => {
+					i.isShow = false
 				})
-				this.screenShow=false;
-				this.nextPage=1;
-				this.recordList=[];
+				this.screenShow = false;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.getMyCustom();
 			},
-			recordclick(i){
-				if(this.screen.visitRecord==i){
-					this.screen.visitRecord=null
-				}else{
-					this.screen.visitRecord=i
+			recordclick(i) {
+				if (this.screen.visitRecord == i) {
+					this.screen.visitRecord = null
+				} else {
+					this.screen.visitRecord = i
 				}
 			},
-			screenvisitRecord(i){
-				if(this.screen.markAdvisor==i){
-					this.screen.markAdvisor=null
-				}else{
-					this.screen.markAdvisor=i
+			screenvisitRecord(i) {
+				if (this.screen.markAdvisor == i) {
+					this.screen.markAdvisor = null
+				} else {
+					this.screen.markAdvisor = i
 				}
 			},
-			screenvisivalidInvalid(i){
-				console.log(this.screen.validInvalid,i)
-				if(this.screen.validInvalid==i){
-					this.screen.validInvalid=null
-				}else{
-					this.screen.validInvalid=i
+			screenvisivalidInvalid(i) {
+				console.log(this.screen.validInvalid, i)
+				if (this.screen.validInvalid == i) {
+					this.screen.validInvalid = null
+				} else {
+					this.screen.validInvalid = i
 				}
 			},
-			screensure(){
-				this.screenShow=false;
-				this.recordList=[];
-				this.nextPage=1;
+			screensure() {
+				this.screenShow = false;
+				this.recordList = [];
+				this.nextPage = 1;
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			goSearch(){
+			goSearch() {
 				uni.navigateTo({
-				    url: '/pages/center/records/recordSearch'
+					url: '/pages/center/records/recordSearch'
 				});
 			},
 		},
@@ -603,6 +695,7 @@
 		height: 100%;
 		background: #F8F8F8;
 	}
+
 	.count {
 		width: 100%;
 		height: 90rpx;
@@ -610,27 +703,32 @@
 		align-items: center;
 		justify-content: center;
 		background-color: #FBE4E4;
-		
+
 		text {
 			color: #F71616;
 		}
 	}
-	.timeview{
+
+	.timeview {
 		height: 80rpx;
 		line-height: 80rpx;
 		width: 100%;
 		text-align: center;
 		border-bottom: 1px solid #F8F8F8;
 	}
+
 	//时间切换的样式
 	.boxtittab {
+		position: sticky;
+		top: var(--window-top);
+		z-index: 999;
 		width: 100;
 		height: 92rpx;
 		background: #FFFFFF;
 		border: 1px solid #E0E0E0;
 		display: flex;
 		align-items: center;
-	
+
 		.tabbox {
 			flex: 1;
 			height: 100%;
@@ -638,63 +736,82 @@
 			line-height: 92rpx;
 			color: #666666;
 			font-size: 28rpx;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			/* 将对象作为弹性伸缩盒子模型显示 */
+			-webkit-line-clamp: 1;
+			/* 控制最多显示几行 */
+			-webkit-box-orient: vertical;
+			/* 设置或检索伸缩盒对象的子元素的排列方式 */
 		}
 	}
-	.search-box{
+
+	.search-box {
 		width: 100%;
 		height: 102rpx;
 		background: #FFFFFF;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		.search{
+
+		.search {
 			width: 94%;
 			height: 70rpx;
 			display: flex;
 			align-items: center;
 			background: #F8F8F8;
 			border-radius: 33rpx;
-			.search-img{
+
+			.search-img {
 				width: 26rpx;
 				height: 30rpx;
 				margin-left: 20rpx;
-				.search-img1{
+
+				.search-img1 {
 					width: 100%;
 					height: 100%;
 					margin-top: 2rpx;
-				}	
+				}
 			}
-			.search-text{
+
+			.search-text {
 				font-size: 28rpx;
 				font-weight: 400;
 				color: #999999;
-				margin-left:10rpx;
+				margin-left: 10rpx;
 			}
 		}
-		.search-screen{
+
+		.search-screen {
 			width: 40rpx;
 			height: 40rpx;
 			margin-left: 30rpx;
-			.search-screen1{
+
+			.search-screen1 {
 				width: 100%;
 				height: 100%;
 			}
 		}
 	}
-	.content{
-		.content-tips{
+
+	.content {
+		.content-tips {
 			background: #fff;
 			padding: 0 20rpx;
 			box-sizing: border-box;
 			overflow: hidden;
 			margin-top: 20rpx;
-			.content-first{
+
+			.content-first {
 				margin-top: 19rpx;
 				display: flex;
 				justify-content: space-between;
-				.left{
+
+				.left {
 					display: flex;
-					.img{
+
+					.img {
 						width: 52rpx;
 						height: 52rpx;
 						background: #FFFFFF;
@@ -703,13 +820,15 @@
 						text-align: center;
 						line-height: 52rpx;
 					}
-					.name{
+
+					.name {
 						font-weight: 600;
 						color: #333333;
 						// margin-left: 20rpx;
 						margin-top: 11rpx;
 					}
-					.status{
+
+					.status {
 						width: 110rpx;
 						height: 42rpx;
 						background: #FFF9F5;
@@ -723,42 +842,48 @@
 						margin-top: 11rpx;
 					}
 				}
-				.right{
+
+				.right {
 					display: flex;
 					margin-top: 11rpx;
-					.point{
+
+					.point {
 						width: 12rpx;
 						height: 12rpx;
 						background: #2B6EFF;
 						border-radius: 50%;
 						margin-right: 9rpx;
 						margin-top: 16rpx;
-						
+
 					}
 				}
 			}
-			
-			
-			.content-sec{
+
+
+			.content-sec {
 				display: flex;
 				justify-content: space-between;
 				margin-top: 19rpx;
-				.left{
+
+				.left {
 					display: flex;
-					.cus{
+
+					.cus {
 						font-size: 30rpx;
 						font-weight: 400;
 						color: #666666;
 						// line-height: 30rpx;
 					}
-					.arriveNum{
+
+					.arriveNum {
 						font-size: 30rpx;
 						font-weight: 400;
 						// line-height: 30rpx;
 						margin-left: 10rpx;
 					}
 				}
-				.right{
+
+				.right {
 					width: 120rpx;
 					height: 46rpx;
 					background: #F4F8FD;
@@ -769,7 +894,8 @@
 					color: #2671E2;
 				}
 			}
-			.content-last{
+
+			.content-last {
 				// margin: 30rpx 0;
 				font-size: 30rpx;
 				font-weight: 400;
@@ -778,62 +904,72 @@
 				margin-top: 22rpx;
 				margin-bottom: 30rpx;
 			}
-				
+
 		}
 	}
+
 	// 这是弹出层
-	.screen{
+	.screen {
 		// box-sizing: border-box;
 		// padding: 0 30rpx;
-		position:absolute;
-		.screen-counselor{
+		position: absolute;
+
+		.screen-counselor {
 			display: flex;
 			height: 106rpx;
 			// padding: 40rpx 30rpx 36rpx 30rpx;
 			padding: 0 30rpx;
 			box-sizing: border-box;
 			border-bottom: 1px solid #EEEEEE;
-			.screen-text{
+
+			.screen-text {
 				margin: 40rpx 0 36rpx 0;
 				font-size: 30rpx;
 				font-weight: 400;
 				color: #333333;
 				line-height: 30rpx;
 			}
-			.screen-sel{
+
+			.screen-sel {
 				display: flex;
 				justify-content: space-between;
 				width: 500rpx;
 				margin-left: 60rpx;
-				.screen-sel-img{
+
+				.screen-sel-img {
 					margin: 40rpx 0 36rpx 0;
 					width: 14rpx;
 					height: 30rpx;
 				}
-				.screen-inp{
+
+				.screen-inp {
 					margin-top: 20rpx;
 				}
 			}
 		}
-		.screen-record{
+
+		.screen-record {
 			height: 192rpx;
 			// width: 100%;
 			overflow: hidden;
 			padding: 0 30rpx;
 			box-sizing: border-box;
 			border-bottom: 1px solid #EEEEEE;
-			.screen-record-text{
+
+			.screen-record-text {
 				margin-top: 36rpx;
 				font-size: 30rpx;
 				font-weight: 400;
 				color: #333333;
 				line-height: 30rpx;
 			}
-			.screen-record-tab{
+
+			.screen-record-tab {
 				margin-top: 30rpx;
 				display: flex;
+
 				// justify-content: space-around;
-				.screen-record-chose{
+				.screen-record-chose {
 					width: 156rpx;
 					height: 60rpx;
 					background: #2671E2;
@@ -844,7 +980,8 @@
 					margin-right: 22rpx;
 					color: #FFFFFF;
 				}
-				.screen-record-nochose{
+
+				.screen-record-nochose {
 					width: 156rpx;
 					height: 60rpx;
 					background: #FFFFFF;
@@ -854,14 +991,16 @@
 					line-height: 60rpx;
 					margin-right: 22rpx;
 				}
-				
+
 			}
 		}
-		.screen-foot{
+
+		.screen-foot {
 			width: 100%;
 			height: 100rpx;
 			display: flex;
-			.screen-foot-reset{
+
+			.screen-foot-reset {
 				width: 50%;
 				text-align: center;
 				height: 100rpx;
@@ -870,7 +1009,8 @@
 				font-weight: 400;
 				color: #666666;
 			}
-			.screen-foot-sure{
+
+			.screen-foot-sure {
 				width: 50%;
 				text-align: center;
 				line-height: 100rpx;