diff --git a/pages/center/records/index.vue b/pages/center/records/index.vue
index 9e770f9..65ecb2c 100644
--- a/pages/center/records/index.vue
+++ b/pages/center/records/index.vue
@@ -15,7 +15,10 @@
 			</view>
 		</view>
 		<!-- 选择器 -->
-		<view class="boxtittab">
+		<view class="choose">
+			<u-tabs :list="receptionList" :activeItemStyle="activeItemStyle" :isScroll="false" lineColor="#2671E2"  @change="reception" :current="current"></u-tabs>
+		</view>
+<!-- 		<view class="boxtittab">
 			<view class="tabbox">
 				<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">今日</view>
 			</view>
@@ -28,210 +31,278 @@
 			<view class="tabbox">
 				<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view>
 			</view>
-		</view>
+		</view> -->
 		<view class="content">
-			<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 v-if="recordList.length==0"
+				style="width: 100%;height: 100%;display: flex;align-items: center;background: #FFFFFF;">
+				<view style="width: 100%;padding: 200rpx 0;">
 					<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>
-					</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 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>
-				<view class="right">
-					<!-- <view class="point"></view> -->
-					<view v-if="item.markAdvisor==0" class="">未标记</view>
-					<view v-if="item.markAdvisor==1" class="">已标记</view>
-				</view>
-				</view>
-				<view class="content-sec">
-					<view class="left">
-						<view class="cus">客户：{{item.name || '--'}} |</view>
-						<view class="arriveNum">{{item.visitRecord || "--"}}次到访</view>
-					</view>
-					<view class="right">
-						<!-- {{item.fraction || '0'}}% | {{item.fraction || '0'}}分 -->
-						{{item.fraction || '0'}}%
+						<image style="width: 220rpx;height: 200rpx;"
+							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>
 					</view>
-				</view>
-				<view class="content-last">
-					{{item.createTime}} | {{item.mm || '0'}} min
+					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
 				</view>
 			</view>
-			
-			
-			
-		</view>
-		
-		
-		
-		
-		<u-popup v-model="screenShow" mode="top" height="590">
-				<view class="screen">
-					<!-- 顾问选择 -->
-					<view class="screen-counselor">
-						<view class="screen-text">
-							所属顾问
+
+			<template v-if="recordList.length != 0">
+				<view class="content-tips" v-for="(item,index) in recordList" :key='index'
+					@click="tapThevisiting(item)">
+					<view class="content-first">
+						<view class="left">
+							<view class="tag-id">顾</view>
+							<view class="name">{{item.agentName || '--'}}</view>
+							<view class="status" v-if="item.replaceReception==1">代接待</view>
 						</view>
-						<view class="screen-sel">
-							<u-input v-model="screen.counselorName" type="text"  placeholder='请选择' @click="selectshow = true" class="screen-inp" disabled />
-							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
+						<view class="middle">自动结束{{ nowTime }}</view>
+						<view class="right">
+							<!-- 文字状态 -->
+							<template v-if="false">
+								<view v-if="item.markAdvisor==0" class="">未标记</view>
+								<view v-if="item.markAdvisor==1" class="">已标记</view>
+							</template>
+							
+							<!-- 文字状态 -->
+							<template v-if="true">
+								<image src="../static/image/note.png" class="img1" mode=""></image>
+								<image src="../static/image/power.png" class="img2" mode=""></image>
+								<image src="../../../static/images/Thtapedrive1.png" class="img3" mode=""></image>
+							</template>
 						</view>
 					</view>
-					<!-- 录音标示 -->
-				<!-- 	<view class="screen-record">
-						<view class="screen-record-text">录音标识</view>
-						<view class="screen-record-tab">
-							<view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="screen.record=0">
-								有效录音
-							</view>
-							<view :class="[screen.record==1?'screen-record-chose':'screen-record-nochose']" @click="screen.record=1">
-								无效录音
+					<view class="content-sec">
+						<view class="c-left">
+							<view class="left">
+								<view class="tag-id">客</view>
+								<view class="cus">{{item.name || '--'}}</view>
+								<view class="phone">{{ item.phone | encryptionPhone }}</view>
 							</view>
+							<template>
+								<view class="percent">
+									<image src="../static/image/percent.png" mode=""></image>
+									{{item.fraction || '0'}}%
+								</view>
+							</template>
 						</view>
-					</view> -->
-					<view class="screen-record">
-						<view class="screen-record-text">
-							标记顾问
-						</view>
-						<view class="screen-record-tab">
-							<view :class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(1)">
-								标记
+						
+						<view class="right">
+							<view class="items">
+								<image class="img" src="../static/image/people.png"></image>
+								<text class="i-right">{{ item.visitRecord || "--" }}次到访</text>
+							</view>
+							<view class="items">
+								<image class="img" src="../static/image/time.png"></image>
+								<text class="i-right"> {{ item.createTime }} </text>
 							</view>
-							<view :class="[screen.markAdvisor==0?'screen-record-chose':'screen-record-nochose']" @click="screenvisitRecord(0)">
-								未标记
+							<view class="items">
+								<image class="img" src="../static/image/voice.png"></image>
+								<text class="i-right"> {{ item.mm || '0' }} </text>
 							</view>
 						</view>
 					</view>
-					<view class="screen-record">
-						<view class="screen-record-text">
-							到访次数
+					<view class="content-last">
+						<template v-if="true">
+							<view class="btns">接待延迟</view>
+						</template>
+						
+						<template v-if="false">
+							<view class="btns">重新接待</view>
+						</template>
+						
+						<template v-if="true">
+							<view class="btns">结束接待</view>
+						</template>
+						
+						<template v-if="false">
+							<view class="btns">指派顾问</view>
+						</template>
+					</view>
+				</view>
+			</template>
+
+		</view>
+
+
+
+		<u-popup v-model="screenShow" mode="top" height="590">
+			<view class="screen">
+				<!-- 顾问选择 -->
+				<view class="screen-counselor">
+					<view class="screen-text">
+						所属顾问
+					</view>
+					<view class="screen-sel">
+						<u-input v-model="screen.counselorName" type="text" placeholder='请选择' @click="selectshow = true"
+							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">
+						<view :class="[screen.markAdvisor==1?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisitRecord(1)">
+							标记
 						</view>
-						<view class="screen-record-tab">
-							<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)">
-								第二次
-							</view>
-							<view :class="[screen.visitRecord==3?'screen-record-chose':'screen-record-nochose']" @click="recordclick(3)">
-								第三次
-							</view>
-							<view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']" @click="recordclick(4)">
-								三次以上
-							</view>
+						<view :class="[screen.markAdvisor==0?'screen-record-chose':'screen-record-nochose']"
+							@click="screenvisitRecord(0)">
+							未标记
 						</view>
 					</view>
-					<view class="screen-foot">
-						<view class="screen-foot-reset" @click="reset">
-							重置
+				</view>
+				<view class="screen-record">
+					<view class="screen-record-text">
+						到访次数
+					</view>
+					<view class="screen-record-tab">
+						<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)">
+							第二次
+						</view>
+						<view :class="[screen.visitRecord==3?'screen-record-chose':'screen-record-nochose']"
+							@click="recordclick(3)">
+							第三次
 						</view>
-						<view class="screen-foot-sure" @click="screensure">
-							确定
+						<view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']"
+							@click="recordclick(4)">
+							三次以上
 						</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>
 		</u-popup>
 		<!-- 选择顾问的选择框 -->
 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
-		
+
 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>
 	</view>
 </template>
 
 <script>
-	export default{
-		data(){
-			return{
+	export default {
+		data() {
+			return {
 				activeTotal: 2,
-				value:'',
-				screenShow:false,
-				selectshow:false,
+				value: '',
+				screenShow: false,
+				selectshow: false,
 				totalTimeShow: false,
-				screen:{
-					agentId:'',//顾问id
-					record:'0',
-					markAdvisor:null,
-					visitRecord:null
-					
+				screen: {
+					agentId: '', //顾问id
+					record: '0',
+					markAdvisor: null,
+					visitRecord: null
+
+				},
+				freeList: [], //顾问
+				recordList: [],
+				buildingID: '',
+				nextPage: 1,
+				totalRecord: "",
+				staTime: '',
+				endtime: '',
+				isnorefresh: '',
+				
+				receptionList: [ // 接待类型列表
+					{
+						name: '接待中'
+					},
+					{
+						name: '未标记'
+					},
+					{
+						name: '已标记'
+					}
+				], 
+				current: 0, // 当前选中项下标
+				activeItemStyle: {
+					fontWeight: '400',
+					color: '#2671E2'
 				},
-				freeList:[],//顾问
-				recordList:[],	
-				buildingID:'',
-				nextPage:1,
-				totalRecord:"",
-				staTime:'',
-				endtime:'',
-				isnorefresh:'',
+				
+				nowTime: new Date().getFullYear(), // 获取到的当前时间
 			}
 		},
 		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.recordList=[];
-				this.nextPage=1;
+				this.recordList = [];
+				this.nextPage = 1;
 				this.getMyCustom()
 				this.getFreeList();
-				this.isnorefresh='';
-			}	
+				this.isnorefresh = '';
+			}
 		},
 		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();
 			}
 		},
-		methods:{
+		methods: {
+			// 接待类型
+			reception(e) {
+				this.current = e
+			},
+			
+			
 			tapThevisiting(item) {
-				if(item.status==0){
+				if (item.status == 0) {
 					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,
 					}
 					this.$u.post("/corpus/findByPage", parames).then(res => {
-						if(res==null){
+						if (res == null) {
 							uni.showToast({
 								icon: "none",
 								title: "暂无音频"
 							})
 							return
-						}else{
+						} else {
 							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}&itemobj=${JSON.stringify(item)}&stateisshow=${"2"}`
 								})
-							}else{
+							} else {
 								uni.navigateTo({
 									url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&itemobj=${JSON.stringify(item)}&stateisshow=${"1"}`
 								})
@@ -239,185 +310,230 @@
 						}
 					})
 				}
-				
+
 			},
-			getMyCustom(){
-				let dateType=0;
-				if(this.activeTotal==3){
-					dateType=null;
-				}else{
-					dateType=this.activeTotal
+			getMyCustom() {
+				let dateType = 0;
+				if (this.activeTotal == 3) {
+					dateType = null;
+				} else {
+					dateType = this.activeTotal
 				}
 				var parames = {
 					pageNum: this.nextPage,
 					pageSize: 10,
 					query: {
-						projectId:this.buildingID,
-						time:1,
-						staTime:this.staTime,
-						endtime:this.endtime,
-						visitRecord:this.screen.visitRecord,
-						markAdvisor:this.screen.markAdvisor,
-						dateType:dateType
-						
+						projectId: this.buildingID,
+						time: 1,
+						staTime: this.staTime,
+						endtime: this.endtime,
+						visitRecord: this.screen.visitRecord,
+						markAdvisor: this.screen.markAdvisor,
+						dateType: dateType
+
 					}
 				};
-				if(this.screen.agentId){
+				if (this.screen.agentId) {
 					parames.query.agentId = this.screen.agentId
 				}
-				
-				
+
+
 				this.$u.post("/customer/findbypage", parames).then(data => {
 					var list = data.results || [];
 					this.recordList = [...this.recordList, ...list];
-					this.totalRecord=data.totalPage;
+					this.totalRecord = data.totalPage;
 				})
 			},
 			//获取顾问列表
 			getFreeList() {
-			  this.$u.get("/zkAgentPool/freeList?itemId="+this.buildingID).then(res => {
-			    this.freeList = res;
-				 this.freeList.forEach(item=>{
-					item.label=item.name;
-					item.value=item.agentId
+				this.$u.get("/zkAgentPool/freeList?itemId=" + this.buildingID).then(res => {
+					this.freeList = res;
+					this.freeList.forEach(item => {
+						item.label = item.name;
+						item.value = item.agentId
+					})
 				})
-			  })
 			},
-			
-			tabtimetap(index){
+
+			tabtimetap(index) {
 				if (index == 3) {
 					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.getMyCustom();
 				}
 			},
 			//自定义时间
 			totalTimeChange(e) {
-				this.staTime=e.startDate;
-				this.endtime=e.endDate;
-				this.activeTotal=3;
-				this.nextPage=1;
-				this.recordList=[];
+				this.staTime = e.startDate;
+				this.endtime = e.endDate;
+				this.activeTotal = 3;
+				this.nextPage = 1;
+				this.recordList = [];
 				this.getMyCustom();
 			},
 			// 筛选
-			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.getMyCustom();
 			},
-			reset(){
-				this.screen={
-					counselorName:'',
-					record:'0',
-					markAdvisor:null,
-					visitRecord:null
+			reset() {
+				this.screen = {
+					counselorName: '',
+					record: '0',
+					markAdvisor: null,
+					visitRecord: null
 				}
-				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
 				}
 			},
-			screensure(){
-				this.screenShow=false;
-				this.recordList=[];
-				this.nextPage=1;
+			screensure() {
+				this.screenShow = false;
+				this.recordList = [];
+				this.nextPage = 1;
 				this.getMyCustom();
 			},
-			goSearch(){
+			goSearch() {
 				uni.navigateTo({
-				    url: '/pages/center/records/recordSearch'
+					url: '/pages/center/records/recordSearch'
 				});
 			},
 		},
+		
+		filters: {
+			// 加密手机号 中间四位
+			encryptionPhone(phone) {
+				if (!phone) return
+				let reg=/(\d{3})\d{4}(\d{4})/; //正则表达式
+				return phone.toString().replace(reg, "$1****$2")
+			},
+		}
 	}
 </script>
 
 <style lang="scss" scoped>
 	.box {
 		width: 100%;
-		height: 100%;
+		min-height: calc(100vh - var(--window-top));
 		background: #F8F8F8;
+
+		.boxtittab {
+			border-top: none;
+			border-color: #E0E0E0;
+		}
 	}
-	.search-box{
+
+	.search-box {
 		width: 100%;
 		height: 102rpx;
 		background: #FFFFFF;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		.search{
+
+		.search {
 			width: 620rpx;
 			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{
-			background: #fff;
-			padding: 0 20rpx;
+
+	.content {
+
+		.content-tips {
+			margin-top: 20rpx;
 			box-sizing: border-box;
 			overflow: hidden;
-			margin-top: 20rpx;
-			.content-first{
-				margin-top: 19rpx;
+			background: #fff;
+
+			.content-first {
+				padding: 0 30rpx;
+				width: 100%;
+				height: 92rpx;
 				display: flex;
+				align-items: center;
 				justify-content: space-between;
-				.left{
+
+				.left,
+				.middle,
+				.right {
+					flex: 1;
+				}
+
+				.left {
 					display: flex;
-					.img{
+					align-items: center;
+
+					.tag-id {
+						margin: 0 12rpx 0 0;
+						padding: 5rpx 11rpx;
+						font-size: 30rpx;
+						color: #2671E2;
+						line-height: 42rpx;
+						border: 1rpx solid #2671E2;
+						border-radius: 50%;
+					}
+
+					.img {
 						width: 52rpx;
 						height: 52rpx;
 						background: #FFFFFF;
@@ -426,13 +542,13 @@
 						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;
@@ -446,117 +562,214 @@
 						margin-top: 11rpx;
 					}
 				}
-				.right{
+
+				.middle {
+					color: #E7483C;
+					font-size: 30rpx;
+					text-align: center;
+				}
+
+				.right {
 					display: flex;
-					margin-top: 11rpx;
-					.point{
+					justify-content: flex-end;
+
+					.point {
 						width: 12rpx;
 						height: 12rpx;
 						background: #2B6EFF;
 						border-radius: 50%;
 						margin-right: 9rpx;
 						margin-top: 16rpx;
-						
+					}
+					
+					.img1 {
+						width: 24rpx;
+						height: 32rpx;
+					}
+					
+					.img2 {
+						margin-left: 24rpx;
+						width: 22rpx;
+						height: 32rpx;
+					}
+					
+					.img3 {
+						margin-left: 24rpx;
+						width: 28rpx;
+						height: 32rpx;
 					}
 				}
 			}
-			
-			
-			.content-sec{
-				display: flex;
-				justify-content: space-between;
-				margin-top: 19rpx;
-				.left{
+
+
+			.content-sec {
+				padding: 28rpx 30rpx 24rpx;
+				border: 1rpx solid #E0E0E0;
+				border-left: none;
+				border-right: none;
+				
+				.c-left {
+					width: 100%;
 					display: flex;
-					.cus{
+					
+					.percent {
+						flex-shrink: 0;
+						display: flex;
+						align-items: center;
 						font-size: 30rpx;
-						font-weight: 400;
-						color: #666666;
-						// line-height: 30rpx;
+						color: #333;
+						
+						image {
+							margin-right: 10rpx;
+							width: 32rpx;
+							height: 32rpx;
+						}
 					}
-					.arriveNum{
+				}
+
+				.left {
+					flex-grow: 1;
+					display: flex;
+					align-items: center;
+
+					.tag-id {
+						margin: 0 12rpx 0 0;
+						padding: 5rpx 11rpx;
+						font-size: 30rpx;
+						color: #fff;
+						line-height: 42rpx;
+						border: 1rpx solid #2671E2;
+						background: #2671E2;
+						border-radius: 50%;
+					}
+
+					.cus {
+						font-size: 30rpx;
+						font-weight: 600;
+						color: #333;
+					}
+					
+					.phone {
+						margin-left: 20rpx;
+						font-size: 30rpx;
+						color: #333;
+					}
+
+					.arriveNum {
 						font-size: 30rpx;
 						font-weight: 400;
-						// line-height: 30rpx;
 						margin-left: 10rpx;
 					}
 				}
-				.right{
-					width: 120rpx;
-					height: 46rpx;
-					background: #F4F8FD;
-					border-radius: 6rpx;
-					text-align: center;
-					line-height: 46rpx;
-					font-weight: 400;
-					color: #2671E2;
+
+				.right {
+					margin-top: 24rpx;
+					display: flex;
+					justify-content: space-between;
+
+					.items {
+						display: flex;
+						align-items: center;
+
+						.img {
+							margin-right: 10rpx;
+							width: 30rpx;
+							height: 30rpx;
+							flex-shrink: 0;
+						}
+
+						.i-right {
+							flex-shrink: 0;
+							color: #333;
+							font-size: 28rpx;
+						}
+					}
 				}
 			}
-			.content-last{
-				// margin: 30rpx 0;
-				font-size: 30rpx;
-				font-weight: 400;
-				color: #666666;
-				line-height: 30rpx;
-				margin-top: 22rpx;
-				margin-bottom: 30rpx;
-			}
+
+			.content-last {
+				padding: 0 30rpx;
+				height: 108rpx;
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
 				
+				.btns {
+					margin-left: 30rpx;
+					height: 60rpx;
+					padding: 0 18rpx;
+					border: 1rpx solid #999999;
+					font-size: 30rpx;
+					border-radius: 30rpx;
+					line-height: 60rpx;
+				}
+			}
+
 		}
 	}
+
 	// 这是弹出层
-	.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;
@@ -567,7 +780,8 @@
 					margin-right: 22rpx;
 					color: #FFFFFF;
 				}
-				.screen-record-nochose{
+
+				.screen-record-nochose {
 					width: 156rpx;
 					height: 60rpx;
 					background: #FFFFFF;
@@ -577,14 +791,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;
@@ -593,7 +809,8 @@
 				font-weight: 400;
 				color: #666666;
 			}
-			.screen-foot-sure{
+
+			.screen-foot-sure {
 				width: 50%;
 				text-align: center;
 				line-height: 100rpx;
diff --git a/pages/center/static/image/ban.png b/pages/center/static/image/ban.png
new file mode 100644
index 0000000..a4d9521
Binary files /dev/null and b/pages/center/static/image/ban.png differ
diff --git a/pages/center/static/image/low_power.png b/pages/center/static/image/low_power.png
new file mode 100644
index 0000000..77104bd
Binary files /dev/null and b/pages/center/static/image/low_power.png differ
diff --git a/pages/center/static/image/note.png b/pages/center/static/image/note.png
new file mode 100644
index 0000000..e291a7f
Binary files /dev/null and b/pages/center/static/image/note.png differ
diff --git a/pages/center/static/image/people.png b/pages/center/static/image/people.png
new file mode 100644
index 0000000..791a26f
Binary files /dev/null and b/pages/center/static/image/people.png differ
diff --git a/pages/center/static/image/percent.png b/pages/center/static/image/percent.png
new file mode 100644
index 0000000..beadd03
Binary files /dev/null and b/pages/center/static/image/percent.png differ
diff --git a/pages/center/static/image/power.png b/pages/center/static/image/power.png
new file mode 100644
index 0000000..cd549cb
Binary files /dev/null and b/pages/center/static/image/power.png differ
diff --git a/pages/center/static/image/time.png b/pages/center/static/image/time.png
new file mode 100644
index 0000000..d966f7a
Binary files /dev/null and b/pages/center/static/image/time.png differ
diff --git a/pages/center/static/image/unlink.png b/pages/center/static/image/unlink.png
new file mode 100644
index 0000000..14f09c3
Binary files /dev/null and b/pages/center/static/image/unlink.png differ
diff --git a/pages/center/static/image/voice.png b/pages/center/static/image/voice.png
new file mode 100644
index 0000000..7a86073
Binary files /dev/null and b/pages/center/static/image/voice.png differ
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ba8e7ce..eb51ff5 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -182,6 +182,10 @@
 						mode=""></image>
 					<image v-if="item.name=='值班顾问'" class="commonly-img1" src="../../static/images/function6.png"
 						mode=""></image>
+					<image v-if="item.name=='顾问排名'" class="commonly-img1" src="../../static/images/rankingguwen.png"
+						mode=""></image>	
+					<image v-if="item.name=='违禁记录'" class="commonly-img1" src="../../static/images/prohibited.png"
+						mode=""></image>
 				</view>
 				<view class="commonly-text">{{item.name}}</view>
 			</view>
diff --git a/pages/mine/details.vue b/pages/mine/details.vue
index 445da25..72b0cbb 100644
--- a/pages/mine/details.vue
+++ b/pages/mine/details.vue
@@ -252,13 +252,13 @@
 			this.init(info)
 		},
 		// 在组件实例被从页面节点树移除时执行
-		destroyed: function() {
-			if (this.innerAudioContext) {
-				this.innerAudioContext.destroy();
-			}
+		onHide() {
+			this.innerAudioContext.stop();
+			this.innerAudioContext.destroy();
 		},
 		// 销毁实例
-		onUnload: function() {
+		onUnload() {
+			this.innerAudioContext.stop();
 			this.innerAudioContext.destroy();
 		},
 		methods: {
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index d8c0d97..349982f 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -5,7 +5,7 @@
 			<view class="headboxhead">
 				<view class="boxhead1">{{date}}</view>
 				<view class="boxhead2" v-if="jiaoseshow">
-					<image v-if="status==1" @click="tappick()"   src="../../static/images/pike.png" mode=""></image>
+					<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>
 			</view>
@@ -17,8 +17,9 @@
 			<!-- 标记顾问 -->
 			<view class="headboxbott">
 				<view class="headovfu">
-					<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 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>
 				</view>
 				<view class="headpade">
@@ -26,9 +27,8 @@
 				</view>
 			</view>
 		</view>
-		<scroll-view :scroll-top="scrollTop" lower-threshold='100px' @scrolltolower="ltolower()"
-		upper-threshold='40px'  @scrolltoupper="rolltoupper()"
-		:scroll-into-view="scrollId" scroll-y="true"  class="zhuti text scroll-Y">
+		<scroll-view :scroll-top="scrollTop" lower-threshold='100px' @scrolltolower="ltolower()" upper-threshold='40px'
+			@scrolltoupper="rolltoupper()" :scroll-into-view="scrollId" scroll-y="true" class="zhuti text scroll-Y">
 			<!-- 聊天记录-->
 			<view class="dialog-block" v-for="(dialog,i) in dialogList" :key="i">
 				<view :id="'dialog'+i" class="fileName">录音文件</view>
@@ -38,68 +38,68 @@
 					<view class="avatar">
 						<view v-if="item.speaker == 1" style="color: #60CBEC;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>A</text>
+							<text v-else>A</text>
 						</view>
 						<view v-if="item.speaker == 2" style="color: #EC8B47;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>B</text>
+							<text v-else>B</text>
 						</view>
 						<view v-if="item.speaker == 3" style="color: #4F861E;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>C</text>
+							<text v-else>C</text>
 						</view>
 						<view v-if="item.speaker == 4" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>D</text>
+							<text v-else>D</text>
 						</view>
 						<view v-if="item.speaker == 5" style="color: #4980C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>E</text>
+							<text v-else>E</text>
 						</view>
-						
+
 						<view v-if="item.speaker == 6" style="color: #60CBEC;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>F</text>
+							<text v-else>F</text>
 						</view>
 						<view v-if="item.speaker == 7" style="color: #EC8B47;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>G</text>
+							<text v-else>G</text>
 						</view>
 						<view v-if="item.speaker == 8" style="color: #4F861E;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>H</text>
+							<text v-else>H</text>
 						</view>
 						<view v-if="item.speaker == 9" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>I</text>
+							<text v-else>I</text>
 						</view>
 						<view v-if="item.speaker == 10" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>J</text>
+							<text v-else>J</text>
 						</view>
 						<view v-if="item.speaker == 11" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>K</text>
+							<text v-else>K</text>
 						</view>
 						<view v-if="item.speaker == 12" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>L</text>
+							<text v-else>L</text>
 						</view>
 						<view v-if="item.speaker == 13" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>M</text>
+							<text v-else>M</text>
 						</view>
 						<view v-if="item.speaker == 14" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>N</text>
+							<text v-else>N</text>
 						</view>
 						<view v-if="item.speaker == 15" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>O</text>
+							<text v-else>O</text>
 						</view>
 						<view v-if="item.speaker == 16" style="color: #9F61C8;">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<text  v-else>P</text>
+							<text v-else>P</text>
 						</view>
 					</view>
 					<view class="content">
@@ -134,8 +134,8 @@
 					<view class="audio-time">
 						<text>{{currentTimeStr}}</text>
 					</view>
-					<slider class="slider" min="0" :max="sliderMax" 
-						@change="sliderChangeComplate" block-size="14" :value="sliderValue" activeColor="blue"></slider>
+					<slider class="slider" min="0" :max="sliderMax" @change="sliderChangeComplate" block-size="14"
+						:value="sliderValue" activeColor="blue"></slider>
 					<view class="audio-time">
 						<text>{{timeStr}}</text>
 					</view>
@@ -164,14 +164,15 @@
 				</view>
 			</view>
 		</view>
-		
+
 		<!-- 标记 -->
 		<view class="zhezhoa" v-if="biojiisshow" @tap="unmarktap()"></view>
 		<view class="bounced" v-if="biojiisshow">
 			<view class="jiajinghuatit">标记为顾问</view>
-			<view style="width: 95%;display: flex;flex-wrap: wrap;margin: 0 auto;padding-top: 30rpx;padding-bottom: 30rpx;">
-				<view class="viewclace" :class="roleindexbiaoji == index ? 'bosdttom' : ''" 
-				@click="biaojixuanze(index)" v-for="(item,index) in tablist.slice(1,tablist.length)" :key="index">
+			<view
+				style="width: 95%;display: flex;flex-wrap: wrap;margin: 0 auto;padding-top: 30rpx;padding-bottom: 30rpx;">
+				<view class="viewclace" :class="roleindexbiaoji == index ? 'bosdttom' : ''" @click="biaojixuanze(index)"
+					v-for="(item,index) in tablist.slice(1,tablist.length)" :key="index">
 					<view>{{item.name}}</view>
 				</view>
 			</view>
@@ -180,7 +181,7 @@
 				<view class="bounced3-2" @tap="Confirmthetag()">确认</view>
 			</view>
 		</view>
-	
+
 		<!-- 加入常错词 -->
 		<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view>
 		<view class="bounced" v-if="isshow2">
@@ -203,7 +204,7 @@
 				<view class="bounced3-2" @tap="Confirmtheexit">确认</view>
 			</view>
 		</view>
-		
+
 		<!-- 加精华 -->
 		<view class="zhezhoa" v-if="isshow3" @tap="Cancelout2"></view>
 		<view class="bounced" v-if="isshow3">
@@ -220,138 +221,155 @@
 				<view class="bounced3-2" @tap="Confirmtheexit2">确认</view>
 			</view>
 		</view>
-	
-	<!-- 接待详情 -->
-	<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="Receivedetailsabout"></view>
-	<view class="followingpop-up" v-if="Receivedetailsabout">
-		<view class="guanbibox">
-			<view class="guanbixen">
-				<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
-			</view>
-			<view class="cenisboxtab">
-				<view class="cenisboxtabview">
-					<view>接待详情</view>
+
+		<!-- 接待详情 -->
+		<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="Receivedetailsabout"></view>
+		<view class="followingpop-up" v-if="Receivedetailsabout">
+			<view class="guanbibox">
+				<view class="guanbixen">
+					<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
+				</view>
+				<view class="cenisboxtab">
+					<view class="cenisboxtabview">
+						<view>接待详情</view>
+					</view>
 				</view>
 			</view>
-		</view>
-		<view class="cenisbox">
-			<view style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
-				<view style="width: 25%;color: #666666;font-size: 26rpx;">接待顾问</view>
-				<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.agentName}}</view>
-			</view>
-			<view style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
-				<view style="width: 25%;color: #666666;font-size: 26rpx;">意向楼盘</view>
-				<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.projectName}}</view>
-			</view>
-			<view style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
-				<view style="width: 25%;color: #666666;font-size: 26rpx;">接待开始时间</view>
-				<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.staTime}}</view>
-			</view>
-			<view style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
-				<view style="width: 25%;color: #666666;font-size: 26rpx;">接待结束时间</view>
-				<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.endTime1}}</view>
-			</view>
-			<view style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
-				<view style="width: 25%;color: #666666;font-size: 26rpx;">录音时长</view>
-				<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.mm}}分钟</view>
-			</view>
-		</view>
-	</view>
-	
-	<!-- 销讲执行 -->
-	<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="Pinspeak"></view>
-	<view class="followingpop-up" v-if="Pinspeak">
-		<view class="guanbibox">
-			<view class="guanbixen">
-				<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
-			</view>
-			<view class="cenisboxtab">
-				<view class="cenisboxtabview">
-					<view>销讲执行</view>
+			<view class="cenisbox">
+				<view
+					style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
+					<view style="width: 25%;color: #666666;font-size: 26rpx;">接待顾问</view>
+					<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.agentName}}</view>
+				</view>
+				<view
+					style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
+					<view style="width: 25%;color: #666666;font-size: 26rpx;">意向楼盘</view>
+					<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.projectName}}</view>
+				</view>
+				<view
+					style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
+					<view style="width: 25%;color: #666666;font-size: 26rpx;">接待开始时间</view>
+					<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.staTime}}</view>
+				</view>
+				<view
+					style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
+					<view style="width: 25%;color: #666666;font-size: 26rpx;">接待结束时间</view>
+					<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.endTime1}}</view>
+				</view>
+				<view
+					style="width: 96%;height: 26rpx;display: flex;margin: 0 auto; margin-top: 40rpx;align-items: center;">
+					<view style="width: 25%;color: #666666;font-size: 26rpx;">录音时长</view>
+					<view style="width: 75%;color: #333333;font-size: 26rpx;">{{userlistobj.mm}}分钟</view>
 				</view>
 			</view>
 		</view>
-		<view class="cenisbox">
-			<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="zhezhoa" @click="clenReceivedetailsabout()" v-if="Pinspeak"></view>
+		<view class="followingpop-up" v-if="Pinspeak">
+			<view class="guanbibox">
+				<view class="guanbixen">
+					<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
+				</view>
+				<view class="cenisboxtab">
+					<view class="cenisboxtabview">
+						<view>销讲执行</view>
+					</view>
+				</view>
 			</view>
-				<view class="Level-box"   v-for="(item,index) in ratelist" :key="index">
+			<view class="cenisbox">
+				<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>
+				<view class="Level-box" v-for="(item,index) in ratelist" :key="index">
 					<view class="Level1che">
 						<view class="title1">{{item.name}}</view>
 						<view class="leve1-jindu">
 							<view class="jindutiao">
-								<view class="huanxing"  :style="{width: item.ratepercent/item.rate*100+'%'}"></view>
+								<view class="huanxing" :style="{width: item.ratepercent/item.rate*100+'%'}"></view>
 								<view class="text">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%</view>
 							</view>
 						</view>
 						<view class="jiantobox">
-							<image @click="changeshow(item,1)"  v-if="!item.show" class="arrow rotatearrow"  src="/static/images/down.png" mode="" />
-							<image @click="changeshow(item,0)" v-else class="arrow" src="/static/images/up.png" mode="" />
+							<image @click="changeshow(item,1)" v-if="!item.show" class="arrow rotatearrow"
+								src="/static/images/down.png" mode="" />
+							<image @click="changeshow(item,0)" v-else class="arrow" src="/static/images/up.png"
+								mode="" />
 						</view>
 					</view>
-					<view class="hhhbox" v-if="item.show"  v-for="(subitem,i) in item.children" :key="i">
-						<view class="Level2che" >
+					<view class="hhhbox" v-if="item.show" v-for="(subitem,i) in item.children" :key="i">
+						<view class="Level2che">
 							<view class="title1" @tap="clickaudeopal(subitem)">{{subitem.name}}</view>
 							<view class="leve1-jindu" @tap="clickaudeopal(subitem)">
-								<view class="zhixing"  v-if="!subitem.selected">已执行</view>
+								<view class="zhixing" v-if="!subitem.selected">已执行</view>
 								<view class="zhixing2" v-else>未执行</view>
 							</view>
 							<view class="jiantobox">
-								<image @click="changeshow2(subitem,1)"  v-if="!subitem.show" class="arrow rotatearrow"  src="/static/images/down.png" mode="" />
-								<image @click="changeshow2(subitem,0)" v-else class="arrow" src="/static/images/up.png" mode="" />
+								<image @click="changeshow2(subitem,1)" v-if="!subitem.show" class="arrow rotatearrow"
+									src="/static/images/down.png" mode="" />
+								<image @click="changeshow2(subitem,0)" v-else class="arrow" src="/static/images/up.png"
+									mode="" />
 							</view>
 						</view>
 						<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="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="jiantobox">
-								<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png" mode="" />
+								<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
+									mode="" />
 							</view>
 						</view>
 						<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
 					</view>
 				</view>
-				
-				
-		</view>
-	</view>
-	
-	<!-- 客户意向 -->
-	<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="intention"></view>
-	<view class="followingpop-up" v-if="intention">
-		<view class="guanbibox">
-			<view class="guanbixen">
-				<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
-			</view>
-			<view class="cenisboxtab">
-				<view class="cenisboxtabview">
-					<view>客户意向</view>
-				</view>
+
+
 			</view>
 		</view>
-		<view  class="cenisbox">
-			<view style="width: 100%;height: 100%;text-align: center;margin-top: 200rpx;" v-if="Acquirecustomerintentlist.length==0">
-				暂无数据
-			</view>
-			<view class="jianbox" v-if="Acquirecustomerintentlist.length!=0" v-for="(item,index) in Acquirecustomerintentlist" :key='index'>
-				<view class="jianbox-cen">
-					<view class="jianboxtext">{{item.name}}</view>
-					<view class="jianboxjian" @click="Acquishow(index)">
-						<image v-if="item.isshow==false" class="jiantop" src="../../static/images/jiantop.png" mode=""></image>
-						<image v-if="item.isshow==true" class="jiantop1" src="../../static/images/jianbutton.png" mode=""></image>
+
+		<!-- 客户意向 -->
+		<view class="zhezhoa" @click="clenReceivedetailsabout()" v-if="intention"></view>
+		<view class="followingpop-up" v-if="intention">
+			<view class="guanbibox">
+				<view class="guanbixen">
+					<image @click="clenReceivedetailsabout()" src="../../static/images/Shutdown.png" mode=""></image>
+				</view>
+				<view class="cenisboxtab">
+					<view class="cenisboxtabview">
+						<view>客户意向</view>
 					</view>
 				</view>
-				<view class="bioqianwayl"  v-if="item.isshow==true">
-					<view :class="chend.selected == 0 ? 'jiangshang' : ''" 
-					v-for="(chend,i) in item.children" :key='i' @click="Edittag(item,chend,index,i)">{{chend.text}}</view>
+			</view>
+			<view class="cenisbox">
+				<view style="width: 100%;height: 100%;text-align: center;margin-top: 200rpx;"
+					v-if="Acquirecustomerintentlist.length==0">
+					暂无数据
 				</view>
+				<view class="jianbox" v-if="Acquirecustomerintentlist.length!=0"
+					v-for="(item,index) in Acquirecustomerintentlist" :key='index'>
+					<view class="jianbox-cen">
+						<view class="jianboxtext">{{item.name}}</view>
+						<view class="jianboxjian" @click="Acquishow(index)">
+							<image v-if="item.isshow==false" class="jiantop" src="../../static/images/jiantop.png"
+								mode=""></image>
+							<image v-if="item.isshow==true" class="jiantop1" src="../../static/images/jianbutton.png"
+								mode=""></image>
+						</view>
+					</view>
+					<view class="bioqianwayl" v-if="item.isshow==true">
+						<view :class="chend.selected == 0 ? 'jiangshang' : ''" v-for="(chend,i) in item.children"
+							:key='i' @click="Edittag(item,chend,index,i)">{{chend.text}}</view>
+					</view>
+				</view>
+
 			</view>
-		
 		</view>
-	</view>
-	
-	
+
+
 	</view>
 </template>
 
@@ -361,12 +379,12 @@
 	export default {
 		data() {
 			return {
-				guanjianciishow:false,
-				
+				guanjianciishow: false,
+
 				Aimg: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAACqVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9/f3////9/f39/f3////////9/f3////////////9/f3////9/f39/f3////9/f3////////9/f3////9/f3////////////////9/f39/f3////////9/f39/f3////9/f39/f3////////9/f39/f3////////9/f39/f39/f3////////////////+/v7+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7////+/v7////+/v7////////////////////////////+/v7////+/v7////+/v7+/v7////////////+/v7////+/v7////+/v7+/v7////////+/v7////+/v7////////+/v7////////+/v7////+/v7+/v7+/v7////////+/v7+/v7////+/v7+/v7////+/v7////+/v7////+/v7////+/v7+/v7////+/v7+/v7////+/v7////+/v7////+/v7+/v7////+/v5jdC9iAAAA4nRSTlMAAQIDBAUGBwgLDA0ODxARExQVFhgbHB4fICEiIyQmJygpKy4wMTIzNDY3ODk6Oz0+P0BBQkRGR0lKTE5PUFFTVFVXWFlcXV9gYWJjZWZnaGlqa2xtbm9wcXJzdHV2d3h6e319foGBgoODh4mKiouMjI2QkZKSk5OUlpeYmZmam5ycnZ+foKGio6SmqKmpq6yur7CwsbGytba5uru8wMDBwcLCw8XGx8jJysrLzM7P0dLT1dXW1tfY2drc3N7f4OHh5Obm5+jp6uvs7vDx8vLz8/T09fX29/f4+fn6+vz8/f7+RVDt+wAAA55JREFUGBntwf9/1HMAB/DX7XYbuXWV1cyMoixfugrRGNXytW33pbVdJ83XkiMLSb4LJd/zZUi0SKT5FmGS77HUVaixnHP2+kt8vt3Zbp/3+7P3XR5+8XziP1E4uiYcrh1bjMNi6NzXumnoeX3eSOSrpHUv+zi0ogJ5qd3JLN1XuJGzwqW0sW4oclT0Im19XIqcuNdQ4D0vcnEDhdYgB2f+SbFZUHbEdkrsLYeqFko9CEVH7qJUohxqLqODO6BmLR18XwAVRQfpZDxUnExHjVBRR0eroGIZHX0AFe10tA8qdtNZIRR00VEPVLxLRzuh4jk62gIVy+joSaiI0tECqPDT0blQ4f6RDpI+KHmYDjZBzWQ6aIaibZSK+6BoOqViUOXqoER8BJSdlqJYFDm4h0LveJAD7+cUiFciJ1U/01aiGjk65zfaSF6EnE3azQEO1iAPFZuZZes45MUT3cM+emLFyNfwK3fQ8k1sFA6L0cElTzx9d1OVC/8bNG/gzY+GQaKk461gCQZr8iMHSNZD4nySv6wYj0EYFv2UhqcgcTsN70ePhtzER3+lJe6BxXP9jTctvrl1yS1jkLaNlkTbBR6IlF3dyT78sHh+oqkSlrJe/uOH1jGw4apem2I/1yLtGRo6kRZiP73t57mQxb+Z2dqRdikNtyLtBWb78Cz05bomyQH+KIGljIYaWNxxDtC72ouMgsdpZzosHhqqYDmFdraOQNpttHUfLKU0TITlKtra6IZpCu3tgMVPQx0sG2ivDqaVFDgOppk0LIbJm6C9DTB1UCAMU4SGZ2GqocAumL6jQBtMMRq2wLScAik3dMV/UWB/EQwrafgSpk6KlEJ3LIXOgGE9DQdgqKDQSdBNoNAiGL6i6SjowhSaAt1UCm2CzpOk6QTonqfQJdBdSKGkD5pKWqZCU7iHQtdB10KxWmjOpqUJmtMp9gB091LsIWiCtCyFZiHFXoZuHcW+hiZGy0vQvE2xT6DbTolKAI/R8hmA4SmKdUG3jxIhAG/QkigAZlAi6QJQTJk2AF1MGwXcRRkfgJGU2V8EHzP8wBeUqQQwllKTcCozpuFESk0AMJNSC3AxM8KYT6lpAFootRGLmLEQ6ynVCCBAqcSQ1cy4f8ghSs0HcMzvlKp+lRmvVFMqNQ6aaIoyd3Yy49vllOmuh+H4WZFIpFnTpJmjadTM1oQ1oVAgFNQENA0N9f01BIKh8OzGOU3NkbmXzwuV41/wNztgHKhu7WKTAAAAAElFTkSuQmCC",
-				tablist:[],
-				roleindex:0,
-				roleindexbiaoji:0,
+				tablist: [],
+				roleindex: 0,
+				roleindexbiaoji: 0,
 				audioPlay: false, //当前的播放状态控制
 				sliderValue: 0, //进度条最小值
 				sliderMax: 0, //进度条最大值
@@ -376,7 +394,7 @@
 				recordPath: "",
 				customerId: "",
 				luyinList: [], //录音文件
-				newluyinList:[],
+				newluyinList: [],
 				dialogList: [], //录音识别列表
 				csdFileindex: 0,
 				date: "", //年月日
@@ -400,27 +418,27 @@
 				status: 0,
 				userInfo: {},
 				jiaoseshow: true,
-				itemobj:{},
-				textindex:0,//下拉  转写文件下标
-				toptextindex:0,//上拉  转写文件下标
-				biojiisshow:false,
-				speaker:'',
-				dshfkjsdkksodofydwfkhwdfkjh:0,
-				userlistobj:{},
-				Acquirecustomerintentlist:[],
-				options1:[],
-				Receivedetailsabout:false,
-				Pinspeak:false,
-				intention:false,
-				yixingindex:0,//意向，统计切换
-				buildingID:''
+				itemobj: {},
+				textindex: 0, //下拉  转写文件下标
+				toptextindex: 0, //上拉  转写文件下标
+				biojiisshow: false,
+				speaker: '',
+				dshfkjsdkksodofydwfkhwdfkjh: 0,
+				userlistobj: {},
+				Acquirecustomerintentlist: [],
+				options1: [],
+				Receivedetailsabout: false,
+				Pinspeak: false,
+				intention: false,
+				yixingindex: 0, //意向，统计切换
+				buildingID: ''
 			};
 		},
 		onLoad: function(options) {
 			this.status = options.status;
 			this.customerId = options.customerId;
-			this.itemobj=JSON.parse(options.itemobj);
-			this.stateisshow=options.stateisshow;
+			this.itemobj = JSON.parse(options.itemobj);
+			this.stateisshow = options.stateisshow;
 		},
 		onShow() {
 			this.buildingID = uni.getStorageSync('buildingID').id;
@@ -428,21 +446,21 @@
 			if (this.userInfo.dataCode == 6) {
 				this.jiaoseshow = false
 			}
-			this.roleindex=0;
-			if(this.stateisshow==2){
-				var  info =this.itemobj;
-			}else{
+			this.roleindex = 0;
+			if (this.stateisshow == 2) {
+				var info = this.itemobj;
+			} else {
 				var pages = getCurrentPages();
 				var currPage = pages[pages.length - 1]; //当前页面
 				var info = currPage.data.info;
 			}
 			console.log(info)
-			
-			
+
+
 			this.innerAudioContext = uni.createInnerAudioContext();
 			this.innerAudioContext.autoplay = false;
 			this.innerAudioContext.title = '音频';
-			
+
 			this.onPlay()
 			this.onPause()
 			this.onCanplay()
@@ -452,153 +470,158 @@
 			this.TimeUpdate()
 			this.init(info)
 		},
-		// 在组件实例被从页面节点树移除时执行
-		destroyed: function() {
-			if (this.innerAudioContext) {
-				this.innerAudioContext.destroy();
-			}
+		
+		onHide() {
+			this.innerAudioContext.stop();
+			this.innerAudioContext.destroy();
 		},
-		// 销毁实例
-		onUnload: function() {
+		
+		onUnload() {
+			this.innerAudioContext.stop();
 			this.innerAudioContext.destroy();
 		},
+		
+		// 销毁实例
 		methods: {
 			//评分点击
-			clickaudeopal(item){
+			clickaudeopal(item) {
 				this.innerAudioContext.destroy();
-				if(item.selected==0){
+				if (item.selected == 0) {
 					console.log(item)
 					uni.navigateTo({
-						url: '/pages/mine/ScoringPlaylist?customerId='+this.customerId +"&id="+item.marketingId
+						url: '/pages/mine/ScoringPlaylist?customerId=' + this.customerId + "&id=" + item
+							.marketingId
 					})
 				}
 			},
 			//获取用户信息
-			gituserlist(){
+			gituserlist() {
 				this.$u.get("/matchKeywords/personalReceptionRecord", {
 					customerId: this.customerId
 				}).then(res => {
-					res.endTime1=res.endTime.substring(0, 19);
-					this.userlistobj=res;	
+					res.endTime1 = res.endTime.substring(0, 19);
+					this.userlistobj = res;
 				})
 			},
 			//获取意向信息
-			Acquirecustomerintent(){
+			Acquirecustomerintent() {
 				this.$u.get("/matchKeywords/findPersonalMatchData", {
 					customerId: this.customerId
 				}).then(res => {
-					res.forEach(item=>{
-						item.isshow=true;
-						item.children.forEach(chend=>{
-							if(item.name=='意向面积'){
-								chend.text=chend.name+'m²'+'-'+chend.endName+'m²'
-							}else if(item.name=='购房预算'){
-								chend.text=chend.name+'万'+'-'+chend.endName+'万'
-							}else{
-								chend.text=chend.name
-							}	
+					res.forEach(item => {
+						item.isshow = true;
+						item.children.forEach(chend => {
+							if (item.name == '意向面积') {
+								chend.text = chend.name + 'm²' + '-' + chend.endName + 'm²'
+							} else if (item.name == '购房预算') {
+								chend.text = chend.name + '万' + '-' + chend.endName + '万'
+							} else {
+								chend.text = chend.name
+							}
 						})
 					})
-					this.Acquirecustomerintentlist=res;
+					this.Acquirecustomerintentlist = res;
 				})
 			},
-			Acquishow(i){
-				this.Acquirecustomerintentlist[i].isshow=!this.Acquirecustomerintentlist[i].isshow;
+			Acquishow(i) {
+				this.Acquirecustomerintentlist[i].isshow = !this.Acquirecustomerintentlist[i].isshow;
 			},
-			Edittag(item,chend,index,i){
-				var selected='';
-				if(chend.selected==0){
-					selected=1;
-					this.Acquirecustomerintentlist[index].children[i].selected=1;
-				}else{
-					selected=0;
-					this.Acquirecustomerintentlist[index].children[i].selected=0;
+			Edittag(item, chend, index, i) {
+				var selected = '';
+				if (chend.selected == 0) {
+					selected = 1;
+					this.Acquirecustomerintentlist[index].children[i].selected = 1;
+				} else {
+					selected = 0;
+					this.Acquirecustomerintentlist[index].children[i].selected = 0;
 				}
 				this.$u.post("/matchKeywords/updatePersonalMatchData", {
 					carId: this.customerId,
-					selected:selected,
-					name:chend.name,
-					pid:chend.pid,
-					level:chend.level,
-					endName:chend.endName,
-					keywordsId:chend.keywordsId
+					selected: selected,
+					name: chend.name,
+					pid: chend.pid,
+					level: chend.level,
+					endName: chend.endName,
+					keywordsId: chend.keywordsId
 				}).then(res => {
-					
+
 				})
 			},
 			//取消接待详情
-			clenReceivedetailsabout(){
-				this.Receivedetailsabout=false;
-				this.Pinspeak=false;
-				this.intention=false;
+			clenReceivedetailsabout() {
+				this.Receivedetailsabout = false;
+				this.Pinspeak = false;
+				this.intention = false;
 			},
 			//意向统计切换
-			Intentiontoswitch(i){
-				this.yixingindex=i;
-				if(i==1){
+			Intentiontoswitch(i) {
+				this.yixingindex = i;
+				if (i == 1) {
 					this.statistical()
 				}
 			},
-			statistical(){
+			statistical() {
 				this.$u.get("/matchKeywords/findCARKeywords", {
 					customerId: this.customerId
 				}).then(res => {
-					 res.forEach(item=>{
-						if(item.isInterval==0){
-							item.name=item.name+item.unit+ '-'+ item.endName+item.unit;
+					res.forEach(item => {
+						if (item.isInterval == 0) {
+							item.name = item.name + item.unit + '-' + item.endName + item.unit;
 						}
-						
+
 					})
-					this.options1=res;
+					this.options1 = res;
 				})
 			},
 			//接待详情点击
-			Receivedetailsabouttab(stringa){
-				if(stringa=='Receivedetailsabout'){
+			Receivedetailsabouttab(stringa) {
+				if (stringa == 'Receivedetailsabout') {
 					this.gituserlist()
-					this.Receivedetailsabout=true;
-				}else if(stringa=='Pinspeak'){
+					this.Receivedetailsabout = true;
+				} else if (stringa == 'Pinspeak') {
 					this.getRatelist()
-					this.Pinspeak=true;
-				}else{
+					this.Pinspeak = true;
+				} else {
 					this.Acquirecustomerintent()
-					this.intention=true;
-				}	
+					this.intention = true;
+				}
 			},
-			guanjiancishifo(){
+			guanjiancishifo() {
 				// this.guanjianciishow=!this.guanjianciishow;
 				this.innerAudioContext.destroy();
-				
-				this.stateisshow=1;
+
+				this.stateisshow = 1;
 				uni.navigateTo({
-					url: '/pages/learning/Keywordsearch?customerId='+this.customerId +"&status="+this.status +"&skpl="+"1"
+					url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&status=" + this.status +
+						"&skpl=" + "1"
 				})
 			},
 			//标记选择角色
-			biaojixuanze(index){
-				this.roleindexbiaoji=index;
+			biaojixuanze(index) {
+				this.roleindexbiaoji = index;
 			},
 			//标记顾问
-			tagtap(){
-				this.biojiisshow=!this.biojiisshow;
+			tagtap() {
+				this.biojiisshow = !this.biojiisshow;
 			},
 			//取消标记
-			unmarktap(){
-				this.biojiisshow=false;
-				this.roleindexbiaoji=this.dshfkjsdkksodofydwfkhwdfkjh;
+			unmarktap() {
+				this.biojiisshow = false;
+				this.roleindexbiaoji = this.dshfkjsdkksodofydwfkhwdfkjh;
 			},
 			//确认标记
-			Confirmthetag(){
-				var num=this.roleindexbiaoji+1;
+			Confirmthetag() {
+				var num = this.roleindexbiaoji + 1;
 				uni.request({
-					url: config.service.markConsultant + '?id=' + this.luyinList[this.csdFileindex].id+"&speaker="+num+'&customerId='+this.customerId, //仅为示例，并非真实接口地址。	
+					url: config.service.markConsultant + '?id=' + this.luyinList[this.csdFileindex].id +
+						"&speaker=" + num + '&customerId=' + this.customerId, //仅为示例，并非真实接口地址。	
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (data) => {
-						this.biojiisshow=false;
+						this.biojiisshow = false;
 						this.biaojiyuyi()
 						this.fenjiaoseunfo()
 						uni.showToast({
@@ -609,157 +632,160 @@
 				})
 			},
 			//标记语义词
-			biaojiyuyi(){
-				let parames={
-					carId:this.customerId
+			biaojiyuyi() {
+				let parames = {
+					carId: this.customerId
 				}
 				this.$u.post("/matchKeywords/toMatchKeywords", parames).then(res => {
 					console.log(res)
 				})
 			},
 			//分角色
-			tapspagek(index){
-				this.roleindex=index;
-				this.newluyinList=[];
+			tapspagek(index) {
+				this.roleindex = index;
+				this.newluyinList = [];
 				this.fenjiaoseunfo()
 			},
 			//分角色标记刷新
-			fenjiaoseunfo(){
-				var bgcd=this.sliderValue*1000;
-				this.newluyinList=[];
+			fenjiaoseunfo() {
+				var bgcd = this.sliderValue * 1000;
+				this.newluyinList = [];
 				this.dialogList = [];
 				uni.request({
-					url: config.service.getCorpusAnal + '?corpusId=' + this.luyinList[this.csdFileindex].id+"&bg="+bgcd+"&speaker="+this.roleindex, //仅为示例，并非真实接口地址。	
+					url: config.service.getCorpusAnal + '?corpusId=' + this.luyinList[this.csdFileindex].id +
+						"&bg=" + bgcd + "&speaker=" + this.roleindex, //仅为示例，并非真实接口地址。	
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (data) => {
-						this.tablist=[];
+						this.tablist = [];
 						let jsonInfo = JSON.parse(data.data.data.audioContent);
-						for(var i=0;i<=data.data.data.speakerNum;i++){
-							if(i==0){
+						for (var i = 0; i <= data.data.data.speakerNum; i++) {
+							if (i == 0) {
 								this.tablist.push({
-									name:'全部'
+									name: '全部'
 								})
-							}else if(i==1){
+							} else if (i == 1) {
 								this.tablist.push({
-									name:'A'
+									name: 'A'
 								})
-							}else if(i==2){
+							} else if (i == 2) {
 								this.tablist.push({
-									name:'B'
+									name: 'B'
 								})
-							}else if(i==3){
+							} else if (i == 3) {
 								this.tablist.push({
-									name:'C'
+									name: 'C'
 								})
-							}else if(i==4){
+							} else if (i == 4) {
 								this.tablist.push({
-									name:'D'
+									name: 'D'
 								})
-							}else if(i==5){
+							} else if (i == 5) {
 								this.tablist.push({
-									name:'E'
+									name: 'E'
 								})
-							}else if(i==6){
+							} else if (i == 6) {
 								this.tablist.push({
-									name:'F'
+									name: 'F'
 								})
-							}else if(i==7){
+							} else if (i == 7) {
 								this.tablist.push({
-									name:'G'
+									name: 'G'
 								})
-							}else if(i==8){
+							} else if (i == 8) {
 								this.tablist.push({
-									name:'H'
+									name: 'H'
 								})
-							}else if(i==9){
+							} else if (i == 9) {
 								this.tablist.push({
-									name:'I'
+									name: 'I'
 								})
-							}else if(i==10){
+							} else if (i == 10) {
 								this.tablist.push({
-									name:'J'
+									name: 'J'
 								})
-							}else if(i==11){
+							} else if (i == 11) {
 								this.tablist.push({
-									name:'K'
+									name: 'K'
 								})
-							}else if(i==12){
+							} else if (i == 12) {
 								this.tablist.push({
-									name:'L'
+									name: 'L'
 								})
-							}else if(i==13){
+							} else if (i == 13) {
 								this.tablist.push({
-									name:'M'
+									name: 'M'
 								})
-							}else if(i==14){
+							} else if (i == 14) {
 								this.tablist.push({
-									name:'N'
+									name: 'N'
 								})
-							}else if(i==15){
+							} else if (i == 15) {
 								this.tablist.push({
-									name:'O'
+									name: 'O'
 								})
-							}else{
+							} else {
 								this.tablist.push({
-									name:'P'
+									name: 'P'
 								})
-							}							
-						}		
-							
-							
-							
-							
-						if(data.data.data.speaker==null){
-							this.roleindexbiaoji=0;
-							this.dshfkjsdkksodofydwfkhwdfkjh=0;
-						}else{
-							this.tablist[data.data.data.speaker].name=this.tablist[data.data.data.speaker].name+"顾问";
-							this.roleindexbiaoji=data.data.data.speaker-1;
-							this.dshfkjsdkksodofydwfkhwdfkjh=data.data.data.speaker-1;
+							}
+						}
+
+
+
+
+						if (data.data.data.speaker == null) {
+							this.roleindexbiaoji = 0;
+							this.dshfkjsdkksodofydwfkhwdfkjh = 0;
+						} else {
+							this.tablist[data.data.data.speaker].name = this.tablist[data.data.data.speaker]
+								.name + "顾问";
+							this.roleindexbiaoji = data.data.data.speaker - 1;
+							this.dshfkjsdkksodofydwfkhwdfkjh = data.data.data.speaker - 1;
 						}
-						
-						
-						this.speaker=data.data.data.speaker;
+
+
+						this.speaker = data.data.data.speaker;
 						//上拉标记点
-						this.textindex=data.data.data.index;
+						this.textindex = data.data.data.index;
 						//下拉标记点
-						this.toptextindex=data.data.data.index;
-						
-						jsonInfo.forEach(item=>{
-							item.message=JSON.parse(item.onebest)
-							item.backindex=this.csdFileindex
+						this.toptextindex = data.data.data.index;
+
+						jsonInfo.forEach(item => {
+							item.message = JSON.parse(item.onebest)
+							item.backindex = this.csdFileindex
 						})
 						console.log(jsonInfo)
-						
-						this.newluyinList=jsonInfo;
-						if(this.textindex==null){
+
+						this.newluyinList = jsonInfo;
+						if (this.textindex == null) {
 							return
-						}else{
+						} else {
 							this.dialogList.push(jsonInfo[this.textindex]);
-						}	
+						}
 					}
 				})
 			},
-			toKeywordsearch(){
+			toKeywordsearch() {
 				this.innerAudioContext.destroy();
-				
-				this.stateisshow=1;
+
+				this.stateisshow = 1;
 				uni.navigateTo({
-					url: '/pages/learning/Keywordsearch?customerId='+this.customerId +"&status="+this.status +"&skpl="+"1"
+					url: '/pages/learning/Keywordsearch?customerId=' + this.customerId + "&status=" + this.status +
+						"&skpl=" + "1"
 				})
 			},
-			onPlay(){
+			onPlay() {
 				this.innerAudioContext.onPlay(() => {
 					// 播放监听
 					console.log('播放!');
 					this.audioPlay = true;
 				});
 			},
-			onPause(){
+			onPause() {
 				this.innerAudioContext.onPause(() => {
 					// 暂停监听
 					console.log('暂停播放!');
@@ -767,29 +793,29 @@
 				});
 			},
 			onCanplay() {
-			    this.innerAudioContext.onCanplay((callback) => {  
-			        console.log("缓冲回调",this.innerAudioContext.duration);  
-			    })  
-			},  
-			onEnded(){
+				this.innerAudioContext.onCanplay((callback) => {
+					console.log("缓冲回调", this.innerAudioContext.duration);
+				})
+			},
+			onEnded() {
 				this.innerAudioContext.onEnded(() => {
 					// 结束播放监听
 					console.log('播放结束!');
 					this.audioPlay = false;
 				});
 			},
-			onSeeking(){
+			onSeeking() {
 				this.innerAudioContext.onSeeking((res) => {
 					console.log("进行跳转", res);
 				})
 			},
-			onSeeked(){
+			onSeeked() {
 				this.innerAudioContext.onSeeked((res) => {
 					console.log("结束跳转", res);
 					this.$forceUpdate()
 				});
 			},
-			TimeUpdate(){
+			TimeUpdate() {
 				this.innerAudioContext.onTimeUpdate(() => {
 					const {
 						currentTime,
@@ -816,8 +842,8 @@
 					this.$forceUpdate()
 				});
 			},
-			
-			
+
+
 			init(info) {
 				this.sliderMax = 0; //进度条最大值
 				this.timeStr = "00:00"; //总的时间
@@ -830,24 +856,24 @@
 				}
 				this.$u.post("/corpus/findByPage", parames).then(res => {
 					if (res && res.length) {
-						let alltime = 1+res[0].recordDuration;
+						let alltime = 1 + res[0].recordDuration;
 						this.alltimeStr = this.getTime(alltime)
-						if(info.bg!=0){
+						if (info.bg != 0) {
 							this.luyinList = res;
 							this.recordPath = res[0].recordPath
 							this.sliderMax = this.getTime(res[0].recordDuration)
 							this.timeStr = this.getTime(res[0].recordDuration)
 							this.date = res[0].receptionTime;
-							
+
 							this.getCorpusAnalysis(info);
 							this.creatAudio()
-						}else{	
+						} else {
 							this.luyinList = res;
 							this.recordPath = res[0].recordPath
 							this.sliderMax = this.getTime(res[0].recordDuration)
 							this.timeStr = this.getTime(res[0].recordDuration)
 							this.date = res[0].receptionTime;
-							
+
 							this.getCorpusAnalysis(info);
 							this.creatAudio()
 						}
@@ -863,42 +889,42 @@
 			},
 			//下一页
 			ltolower() {
-				var lengthcz=this.newluyinList.length-1;
+				var lengthcz = this.newluyinList.length - 1;
 				if (this.textindex >= lengthcz) {
 					uni.showToast({
 						title: '到底了',
 						duration: 2000
 					});
 					return
-				}else {
-					this.textindex=this.textindex+1;
-					this.newluyinList[this.textindex].message.forEach(item=>{
-						 this.dialogList[0].message.push(item)
+				} else {
+					this.textindex = this.textindex + 1;
+					this.newluyinList[this.textindex].message.forEach(item => {
+						this.dialogList[0].message.push(item)
 					})
 				}
-				console.log("下一页",this.textindex)
+				console.log("下一页", this.textindex)
 			},
 			//上一页
 			rolltoupper() {
-				if(this.toptextindex == 0){
+				if (this.toptextindex == 0) {
 					// uni.showToast({
 					// 	title: '到头了',
 					// 	duration: 2000
 					// });
 					return
-				}else {
-					if(this.dialogList[0]==undefined ){
+				} else {
+					if (this.dialogList[0] == undefined) {
 						return
-					}else{
-						this.toptextindex=this.toptextindex-1;
-						let reverselist=this.newluyinList[this.toptextindex].message;
-						let runlist=reverselist.reverse();
-						runlist.forEach(item=>{
+					} else {
+						this.toptextindex = this.toptextindex - 1;
+						let reverselist = this.newluyinList[this.toptextindex].message;
+						let runlist = reverselist.reverse();
+						runlist.forEach(item => {
 							this.dialogList[0].message.unshift(item)
 						})
 					}
 				}
-				console.log("上一页",this.toptextindex)	
+				console.log("上一页", this.toptextindex)
 			},
 			// 取消全部加精
 			notappick() {
@@ -910,7 +936,8 @@
 						if (res.confirm) {
 							console.log('用户点击确定');
 							uni.request({
-								url: config.service.delATD + "?carId=" + that.customerId+'&itemId='+that.buildingID,
+								url: config.service.delATD + "?carId=" + that.customerId + '&itemId=' +
+									that.buildingID,
 								method: "GET",
 								header: {
 									'content-type': 'application/json',
@@ -950,7 +977,7 @@
 							let objdata = {
 								"carId": that.customerId, //客户id
 								"status": 0,
-								"itemId":that.buildingID,
+								"itemId": that.buildingID,
 							}
 							uni.request({
 								url: config.service.addATD,
@@ -1008,7 +1035,7 @@
 				if (this.thewrongword) {
 					if (this.reswrongword) {
 						let parames = {
-							customerId:this.customerId,
+							customerId: this.customerId,
 							cupid: this.luyinList[this.csdFileindex].id,
 							wrongWord: this.thewrongword, //错误词
 							correctWord: this.reswrongword, //正确词
@@ -1058,8 +1085,8 @@
 			Addtheessence() {
 				this.isshow3 = true;
 				this.biaoqianlist = []
-				let parames={
-					"itemId":this.buildingID
+				let parames = {
+					"itemId": this.buildingID
 				}
 				this.$u.post("/addtodigest/findAllYi", parames).then(data => {
 					this.biaoqianlist = data
@@ -1099,7 +1126,7 @@
 					})
 				})
 				let objdata = {
-					"itemId":this.buildingID,
+					"itemId": this.buildingID,
 					"carId": this.customerId, //客户id
 					"startTime": this.changanitem.bg, //开始时间
 					"startFile": this.duihuawenjianid, //对话所在录音文件id
@@ -1172,7 +1199,7 @@
 					item.show = false
 				}
 			},
-			changeshow2(item, type){
+			changeshow2(item, type) {
 				if (type == 1) {
 					item.show = true
 				} else {
@@ -1201,7 +1228,7 @@
 										ratepercent: 0,
 										children: []
 									})
-								} 
+								}
 							})
 							// this.totalRate = level2rate;
 							res.forEach(subitem => {
@@ -1217,7 +1244,7 @@
 											selected: subitem.selected,
 											name: subitem.name,
 											show: false,
-											marketingId:subitem.marketingId,
+											marketingId: subitem.marketingId,
 											children: []
 										})
 									}
@@ -1225,16 +1252,16 @@
 							})
 							res.forEach(subitem => {
 								let subitempid = subitem.pid
-								level1.forEach(chen=>{
-									chen.children.forEach(zxc=>{
-										if(subitempid == zxc.marketingId){
+								level1.forEach(chen => {
+									chen.children.forEach(zxc => {
+										if (subitempid == zxc.marketingId) {
 											zxc.children.push({
-											id: subitem.id,
-											rate: subitem.fraction,
-											selected: subitem.selected,
-											name: subitem.name,
-											marketingId:subitem.marketingId,
-										})
+												id: subitem.id,
+												rate: subitem.fraction,
+												selected: subitem.selected,
+												name: subitem.name,
+												marketingId: subitem.marketingId,
+											})
 										}
 									})
 								})
@@ -1249,134 +1276,137 @@
 					})
 				}
 			},
-		
+
 			// 获取转义后的对话结果
 			getCorpusAnalysis(info) {
 				this.dialogList = [];
-				this.newluyinList=[]
+				this.newluyinList = []
 				uni.request({
-					url: config.service.getCorpusAnal + '?corpusId=' + this.luyinList[this.csdFileindex].id+"&bg="+info.bg+"&speaker="+this.roleindex, //仅为示例，并非真实接口地址。	
+					url: config.service.getCorpusAnal + '?corpusId=' + this.luyinList[this.csdFileindex].id +
+						"&bg=" + info.bg + "&speaker=" + this.roleindex, //仅为示例，并非真实接口地址。	
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (data) => {
-						this.tablist=[];
+						this.tablist = [];
 						let jsonInfo = JSON.parse(data.data.data.audioContent);
-						
-						
-						for(var i=0;i<=data.data.data.speakerNum;i++){
-							if(i==0){
+
+
+						for (var i = 0; i <= data.data.data.speakerNum; i++) {
+							if (i == 0) {
 								this.tablist.push({
-									name:'全部'
+									name: '全部'
 								})
-							}else if(i==1){
+							} else if (i == 1) {
 								this.tablist.push({
-									name:'A'
+									name: 'A'
 								})
-							}else if(i==2){
+							} else if (i == 2) {
 								this.tablist.push({
-									name:'B'
+									name: 'B'
 								})
-							}else if(i==3){
+							} else if (i == 3) {
 								this.tablist.push({
-									name:'C'
+									name: 'C'
 								})
-							}else if(i==4){
+							} else if (i == 4) {
 								this.tablist.push({
-									name:'D'
+									name: 'D'
 								})
-							}else if(i==5){
+							} else if (i == 5) {
 								this.tablist.push({
-									name:'E'
+									name: 'E'
 								})
-							}else if(i==6){
+							} else if (i == 6) {
 								this.tablist.push({
-									name:'F'
+									name: 'F'
 								})
-							}else if(i==7){
+							} else if (i == 7) {
 								this.tablist.push({
-									name:'G'
+									name: 'G'
 								})
-							}else if(i==8){
+							} else if (i == 8) {
 								this.tablist.push({
-									name:'H'
+									name: 'H'
 								})
-							}else if(i==9){
+							} else if (i == 9) {
 								this.tablist.push({
-									name:'I'
+									name: 'I'
 								})
-							}else if(i==10){
+							} else if (i == 10) {
 								this.tablist.push({
-									name:'J'
+									name: 'J'
 								})
-							}else if(i==11){
+							} else if (i == 11) {
 								this.tablist.push({
-									name:'K'
+									name: 'K'
 								})
-							}else if(i==12){
+							} else if (i == 12) {
 								this.tablist.push({
-									name:'L'
+									name: 'L'
 								})
-							}else if(i==13){
+							} else if (i == 13) {
 								this.tablist.push({
-									name:'M'
+									name: 'M'
 								})
-							}else if(i==14){
+							} else if (i == 14) {
 								this.tablist.push({
-									name:'N'
+									name: 'N'
 								})
-							}else if(i==15){
+							} else if (i == 15) {
 								this.tablist.push({
-									name:'O'
+									name: 'O'
 								})
-							}else{
+							} else {
 								this.tablist.push({
-									name:'P'
+									name: 'P'
 								})
-							}							
-						}		
-						if(data.data.data.speaker==null){
-							this.roleindexbiaoji=0;
-							this.dshfkjsdkksodofydwfkhwdfkjh=0;
-						}else{
-							this.tablist[data.data.data.speaker].name=this.tablist[data.data.data.speaker].name+"顾问";
-							this.roleindexbiaoji=data.data.data.speaker-1;
-							this.dshfkjsdkksodofydwfkhwdfkjh=data.data.data.speaker-1;
+							}
+						}
+						if (data.data.data.speaker == null) {
+							this.roleindexbiaoji = 0;
+							this.dshfkjsdkksodofydwfkhwdfkjh = 0;
+						} else {
+							this.tablist[data.data.data.speaker].name = this.tablist[data.data.data.speaker]
+								.name + "顾问";
+							this.roleindexbiaoji = data.data.data.speaker - 1;
+							this.dshfkjsdkksodofydwfkhwdfkjh = data.data.data.speaker - 1;
 						}
-						
-						this.speaker=data.data.data.speaker;
+
+						this.speaker = data.data.data.speaker;
 						//上拉标记点
-						this.textindex=data.data.data.index;
+						this.textindex = data.data.data.index;
 						//下拉标记点
-						this.toptextindex=data.data.data.index;
-						
-						jsonInfo.forEach(item=>{
-							item.message=JSON.parse(item.onebest)
-							item.backindex=this.csdFileindex;
-							if(info.onebest){
-								item.message.forEach(che=>{
-									if(che.onebest==info.onebest){
-										che.onebest=`<font style='color: red'>${che.onebest}</font>`;
+						this.toptextindex = data.data.data.index;
+
+						jsonInfo.forEach(item => {
+							item.message = JSON.parse(item.onebest)
+							item.backindex = this.csdFileindex;
+							if (info.onebest) {
+								item.message.forEach(che => {
+									if (che.onebest == info.onebest) {
+										che.onebest =
+											`<font style='color: red'>${che.onebest}</font>`;
 									}
 								})
 							}
-						
+
 						})
-						
-						
-						this.newluyinList=jsonInfo;
+
+
+						this.newluyinList = jsonInfo;
 						this.dialogList.push(jsonInfo[this.textindex]);
-						var itc=parseInt(info.bg/1000)
-						this.adasdasdasd(itc)	
+						var itc = parseInt(info.bg / 1000)
+						this.adasdasdasd(itc)
 					}
 				})
 			},
 
-			
-			
-			
+
+
+
 			getTime(time) {
 				return util.formatSecond(time)
 			},
@@ -1390,21 +1420,22 @@
 			},
 			//音频前进回退
 			sliderChangeComplate(e) {
-				let platetime=e.detail.value*1000;
-				this.dialogList=[]
+				let platetime = e.detail.value * 1000;
+				this.dialogList = []
 				uni.request({
-					url: config.service.fastForward + '?corpusId=' + this.luyinList[this.csdFileindex].id+"&bg="+platetime, //仅为示例，并非真实接口地址。	
+					url: config.service.fastForward + '?corpusId=' + this.luyinList[this.csdFileindex].id +
+						"&bg=" + platetime, //仅为示例，并非真实接口地址。	
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (data) => {
-						this.textindex=data.data.data.index;
-						this.toptextindex=data.data.data.index;
-						if(data.data.data.index>this.newluyinList.length){
+						this.textindex = data.data.data.index;
+						this.toptextindex = data.data.data.index;
+						if (data.data.data.index > this.newluyinList.length) {
 							this.dialogList.push(this.newluyinList[0])
-						}else{
+						} else {
 							this.dialogList.push(this.newluyinList[data.data.data.index])
 						}
 						const currTimeStr = this.formatTime(e.detail.value)
@@ -1415,7 +1446,7 @@
 				})
 			},
 			//长按点击播放
-			clickbofang(dialog,item) {
+			clickbofang(dialog, item) {
 				this.innerAudioContext.pause()
 				this.dialogList.forEach(res => {
 					res.message.forEach(asd => {
@@ -1423,19 +1454,20 @@
 					})
 				})
 				this.$forceUpdate()
-				let platetime=item.bg;
-				let newtime=item.bg/1000;
-				this.dialogList=[]
+				let platetime = item.bg;
+				let newtime = item.bg / 1000;
+				this.dialogList = []
 				uni.request({
-					url: config.service.fastForward + '?corpusId=' + this.luyinList[this.csdFileindex].id+"&bg="+platetime, //仅为示例，并非真实接口地址。	
+					url: config.service.fastForward + '?corpusId=' + this.luyinList[this.csdFileindex].id +
+						"&bg=" + platetime, //仅为示例，并非真实接口地址。	
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
 						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (data) => {
-						this.textindex=data.data.data.index;
-						this.toptextindex=data.data.data.index;
+						this.textindex = data.data.data.index;
+						this.toptextindex = data.data.data.index;
 						this.dialogList.push(this.newluyinList[data.data.data.index])
 						const currTimeStr = this.formatTime(newtime)
 						this.currentTimeStr = currTimeStr
@@ -1449,6 +1481,7 @@
 				this.innerAudioContext = uni.createInnerAudioContext();
 				this.innerAudioContext.autoplay = true;
 				this.innerAudioContext.src = this.recordPath;
+				console.log(this.recordPath, '音频')
 				this.innerAudioContext.title = '音频';
 				this.onPlay()
 				this.onPause()
@@ -1469,7 +1502,7 @@
 			},
 			changeEditing() {
 				this.dialogListres[0].message.forEach(asd => {
-						asd.isshow = false;
+					asd.isshow = false;
 				})
 			}
 		},
@@ -1478,481 +1511,548 @@
 
 
 <style lang="scss" scoped>
-.box{
-	width: 100%;
-	height: 100vh;
-	display:flex;
-	flex-direction:column;
-	.headbox{
-		width: 100%;
-		min-height: 173rpx;
-		border-bottom: 1px solid #E0E0E0;
-	}
-	.zhuti{
-		flex:1;
-		overflow:auto;
-	}
-	.bottombox{
+	.box {
 		width: 100%;
-		height: 150rpx;
-		border-top: 1px solid #E0E0E0;
-		.bottomhead{
+		height: 100vh;
+		display: flex;
+		flex-direction: column;
+
+		.headbox {
 			width: 100%;
-			height: 61rpx;
+			min-height: 173rpx;
 			border-bottom: 1px solid #E0E0E0;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			.audio-slider {
-				width: 87%;
+		}
+
+		.zhuti {
+			flex: 1;
+			overflow: auto;
+		}
+
+		.bottombox {
+			width: 100%;
+			height: 150rpx;
+			border-top: 1px solid #E0E0E0;
+
+			.bottomhead {
+				width: 100%;
+				height: 61rpx;
+				border-bottom: 1px solid #E0E0E0;
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-				padding-right: 30rpx;
+
+				.audio-slider {
+					width: 87%;
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					padding-right: 30rpx;
+				}
+
+				.audio-slider .slider {
+					width: 100%;
+					padding: 0px 15rpx;
+					box-sizing: border-box;
+				}
+
+				.audio-time {
+					width: 110rpx;
+					text-align: right;
+					font-size: 24rpx;
+					line-height: 28rpx;
+					color: #70798D;
+					display: flex;
+					justify-content: space-between;
+				}
+
+				.audio-play {
+					width: 40rpx;
+					height: 40rpx;
+					flex-shrink: 0;
+				}
+
+				.audio-play .image {
+					width: 100%;
+					height: 100%;
+					margin-left: 30rpx;
+				}
 			}
-			.audio-slider .slider {
+
+			.botbotmm {
 				width: 100%;
-				padding: 0px 15rpx;
-				box-sizing: border-box;
-			}
-			.audio-time {
-				width: 110rpx;
-				text-align: right;
-				font-size: 24rpx;
-				line-height: 28rpx;
-				color: #70798D;
+				height: 88rpx;
 				display: flex;
-				justify-content: space-between;
-			}
-			.audio-play {
-				width: 40rpx;
-				height: 40rpx;
-				flex-shrink: 0;
-			}
-			.audio-play .image {
-				width: 100%;
-				height: 100%;
-				margin-left: 30rpx;
+				align-items: center;
 			}
 		}
-		.botbotmm{
-			width: 100%;
-			height: 88rpx;
-			display: flex;
-			align-items: center;
-		}
 	}
-}
-.headboxhead{
-	width: 100%;
-	height: 84rpx;
-	border-bottom: 1px solid #E0E0E0;
-	display: flex;
-	.boxhead1{
-		width: 50%;
-		color: #303030;
+
+	.headboxhead {
+		width: 100%;
 		height: 84rpx;
-		line-height: 84rpx;
-		font-size: 28rpx;
-		text-indent: 30rpx;
+		border-bottom: 1px solid #E0E0E0;
+		display: flex;
+
+		.boxhead1 {
+			width: 50%;
+			color: #303030;
+			height: 84rpx;
+			line-height: 84rpx;
+			font-size: 28rpx;
+			text-indent: 30rpx;
+		}
+
+		.boxhead2 {
+			width: 46%;
+			height: 84rpx;
+			text-align: right;
+		}
 	}
-	.boxhead2{
-		width: 46%;
-		height: 84rpx;
-		text-align: right;
+
+	.boxhead2 image {
+		width: 36rpx;
+		height: 36rpx;
+		margin-top: 24rpx;
 	}
-}
-.boxhead2 image{
-	width: 36rpx;
-	height: 36rpx;
-	margin-top: 24rpx;
-}
-.headboxbott{
-	width: 100%;
-	height:88rpx;
-	display: flex;
-	align-items: center;
-	.headovfu{
-		flex: 1;
+
+	.headboxbott {
+		width: 100%;
 		height: 88rpx;
-		overflow: hidden;
-	}
-	.headpade{
-		width: 160rpx;
-		height: 60rpx;
 		display: flex;
-		justify-content: center;
 		align-items: center;
-		border-left: 1px solid #D6D6D6;
-		.biaoji{
-			width: 100rpx;
-			height: 48rpx;
-			background: #E6625B;
-			border-radius: 24rpx;
-			text-align: center;
-			line-height: 48rpx;
-			color: #FFFFFF;
-			font-size: 26rpx;
-		}
-	}
-}
-.fill{
-	width: 2rpx;
-	height: 41rpx;
-	background: #E0E0E0;
-}
-.tmmchen{
-	width: 25%;
-	height: 88rpx;
-	text-align: center;
-	color: #666666;
-	font-size: 18rpx;
-}
-.tmmchen image{
-	width: 40rpx;
-	height: 40rpx;
-	margin-top: 10rpx;
-	margin-bottom: 2rpx;
-}
-
-
-.zhezhoa {
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 999;
-	width: 100%;
-	height: 100vh;
-	opacity: 0.5;
-	background-color: #666666;
-}
-.followingpop-up{
-	width: 100%;
-	height: 700rpx;
-	background: #FFFFFF;
-	position: fixed;
-	background: #FFFFFF;
-	left: 0px;
-	bottom: 0px;
-	z-index: 1000;
-	display:flex;
-	flex-direction:column;
-	.guanbibox{
-		width: 100%;
-		padding-bottom: 20rpx;
-		border-bottom: 1px solid #E0E0E0;
-		.guanbixen{
-			width: 95%;
-			text-align: right;
-			padding-top: 24rpx;
-		}
-		.guanbixen image{
-			width:30rpx;
-			height:30rpx;
+
+		.headovfu {
+			flex: 1;
+			height: 88rpx;
+			overflow: hidden;
 		}
-		.cenisboxtab{
-			width: 100%;
+
+		.headpade {
+			width: 160rpx;
+			height: 60rpx;
 			display: flex;
-			.cenisboxtabview{
-				flex: 1;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				color: #333333;
-				font-size: 30rpx;
-				font-weight: 600;
+			justify-content: center;
+			align-items: center;
+			border-left: 1px solid #D6D6D6;
+
+			.biaoji {
+				width: 100rpx;
+				height: 48rpx;
+				background: #E6625B;
+				border-radius: 24rpx;
+				text-align: center;
+				line-height: 48rpx;
+				color: #FFFFFF;
+				font-size: 26rpx;
 			}
 		}
 	}
-	.cenisbox{
-		flex:1;
-		overflow:auto;
-		.jianbox{
+
+	.fill {
+		width: 2rpx;
+		height: 41rpx;
+		background: #E0E0E0;
+	}
+
+	.tmmchen {
+		width: 25%;
+		height: 88rpx;
+		text-align: center;
+		color: #666666;
+		font-size: 18rpx;
+	}
+
+	.tmmchen image {
+		width: 40rpx;
+		height: 40rpx;
+		margin-top: 10rpx;
+		margin-bottom: 2rpx;
+	}
+
+
+	.zhezhoa {
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 999;
+		width: 100%;
+		height: 100vh;
+		opacity: 0.5;
+		background-color: #666666;
+	}
+
+	.followingpop-up {
+		width: 100%;
+		height: 700rpx;
+		background: #FFFFFF;
+		position: fixed;
+		background: #FFFFFF;
+		left: 0px;
+		bottom: 0px;
+		z-index: 1000;
+		display: flex;
+		flex-direction: column;
+
+		.guanbibox {
 			width: 100%;
+			padding-bottom: 20rpx;
 			border-bottom: 1px solid #E0E0E0;
-			padding-top: 24rpx;
-			padding-bottom: 24rpx;
-			.jianbox-cen{
+
+			.guanbixen {
+				width: 95%;
+				text-align: right;
+				padding-top: 24rpx;
+			}
+
+			.guanbixen image {
+				width: 30rpx;
+				height: 30rpx;
+			}
+
+			.cenisboxtab {
 				width: 100%;
-				height: 78rpx;
-				border-bottom: 1px solid #E0E0E0;
 				display: flex;
-				.jianboxtext{
+
+				.cenisboxtabview {
 					flex: 1;
-					height: 100%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					color: #333333;
 					font-size: 30rpx;
 					font-weight: 600;
-					line-height: 78rpx;
-					color: #333333;
-					text-indent: 30rpx;
 				}
-				.jianboxjian{
-					width: 80rpx;
-					height: 100%;
-					line-height: 78rpx;
-					text-align: center;
-				}
-			}
-			.bioqianwayl{
-				width: 690rpx;
-				margin: 0 auto;
-				display: flex;
-				flex-wrap: wrap;
 			}
-			.bioqianwayl view{
-				padding-left: 24rpx;
-				padding-right: 24rpx;
-				padding-top: 10rpx;
-				padding-bottom: 10rpx;
-				margin-right: 24rpx;
-				margin-top: 20rpx;
-				border-radius: 8rpx;
-				font-size: 26rpx;
+		}
+
+		.cenisbox {
+			flex: 1;
+			overflow: auto;
+
+			.jianbox {
+				width: 100%;
+				border-bottom: 1px solid #E0E0E0;
+				padding-top: 24rpx;
+				padding-bottom: 24rpx;
+
+				.jianbox-cen {
+					width: 100%;
+					height: 78rpx;
+					border-bottom: 1px solid #E0E0E0;
+					display: flex;
+
+					.jianboxtext {
+						flex: 1;
+						height: 100%;
+						font-size: 30rpx;
+						font-weight: 600;
+						line-height: 78rpx;
+						color: #333333;
+						text-indent: 30rpx;
+					}
+
+					.jianboxjian {
+						width: 80rpx;
+						height: 100%;
+						line-height: 78rpx;
+						text-align: center;
+					}
+				}
+
+				.bioqianwayl {
+					width: 690rpx;
+					margin: 0 auto;
+					display: flex;
+					flex-wrap: wrap;
+				}
+
+				.bioqianwayl view {
+					padding-left: 24rpx;
+					padding-right: 24rpx;
+					padding-top: 10rpx;
+					padding-bottom: 10rpx;
+					margin-right: 24rpx;
+					margin-top: 20rpx;
+					border-radius: 8rpx;
+					font-size: 26rpx;
+				}
 			}
 		}
 	}
-}
-.jiantop{
-	width: 14rpx;
-	height: 24rpx;
-}
-.jiantop1{
-	width: 20rpx;
-	height: 14rpx;
-}
-.yixingindexclass{
-	border-bottom: 3px solid #2671E2;
-}
-.cenisboxdspl{
-	width: 94%;
-	margin: 0 auto;
-	padding-bottom: 24rpx;
-	display: flex;
-	flex-wrap: wrap;
-	.cenisboxdsplview{
-		padding-left: 24rpx;
-		padding-right: 24rpx;
-		padding-top: 10rpx;
-		padding-bottom: 10rpx;
-		background: #F4F8FD;
-		color: #2671E2;
-		font-size: 26rpx;
-		margin-right: 24rpx;
-		margin-top: 24rpx;
+
+	.jiantop {
+		width: 14rpx;
+		height: 24rpx;
 	}
-}
-.bounced {
-	width: 570upx;
-	background: #FFFFFF;
-	z-index: 1000;
-	border-radius: 10upx;
-	position: fixed;
-	left: 50%;
-	top: 50%;
-	transform: translate(-50%, -50%);
-	/* 50%为自身尺寸的一半 */
-	.jiajinghuatit {
-		width: 100%;
-		height: 68rpx;
-		font-size: 30rpx;
-		text-align: center;
-		line-height: 68rpx;
+
+	.jiantop1 {
+		width: 20rpx;
+		height: 14rpx;
 	}
-	.jiajinghuaview {
-		padding: 18rpx 18rpx 18rpx 18rpx;
+
+	.yixingindexclass {
+		border-bottom: 3px solid #2671E2;
+	}
+
+	.cenisboxdspl {
+		width: 94%;
+		margin: 0 auto;
+		padding-bottom: 24rpx;
 		display: flex;
 		flex-wrap: wrap;
-		.jiajinghuaview1 {
-			padding: 8rpx 8rpx 8rpx 8rpx;
+	
+	.cenisboxdsplview {
+			padding-left: 24rpx;
+			padding-right: 24rpx;
+			padding-top: 10rpx;
+			padding-bottom: 10rpx;
+			background: #F4F8FD;
+			color: #2671E2;
 			font-size: 26rpx;
-			border-radius: 12rpx;
-			border: 1px solid #979797;
-			margin-left: 8rpx;
+			margin-right: 24rpx;
+			margin-top: 24rpx;
 		}
-		.jighuaview2 {
-			padding: 8rpx 18rpx 8rpx 18rpx;
-			font-size: 26rpx;
-			border-radius: 12rpx;
-			border: 1px solid #979797;
-			margin-left: 20rpx;
-			margin-top: 10rpx;
+	}
+
+	.bounced {
+		width: 570upx;
+		background: #FFFFFF;
+		z-index: 1000;
+		border-radius: 10upx;
+		position: fixed;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+
+		/* 50%为自身尺寸的一半 */
+		.jiajinghuatit {
+			width: 100%;
+			height: 68rpx;
+			font-size: 30rpx;
+			text-align: center;
+			line-height: 68rpx;
+		}
+
+		.jiajinghuaview {
+			padding: 18rpx 18rpx 18rpx 18rpx;
 			display: flex;
-			.view1-text {
-				text-align: center;
+			flex-wrap: wrap;
+
+			.jiajinghuaview1 {
+				padding: 8rpx 8rpx 8rpx 8rpx;
+				font-size: 26rpx;
+				border-radius: 12rpx;
+				border: 1px solid #979797;
+				margin-left: 8rpx;
 			}
-			.view1-img {
-				width: 50rpx;
+
+			.jighuaview2 {
+				padding: 8rpx 18rpx 8rpx 18rpx;
+				font-size: 26rpx;
+				border-radius: 12rpx;
+				border: 1px solid #979797;
+				margin-left: 20rpx;
+				margin-top: 10rpx;
+				display: flex;
+
+				.view1-text {
+					text-align: center;
+				}
+
+				.view1-img {
+					width: 50rpx;
+				}
 			}
 		}
+
+		.bounced3 {
+			height: 100upx;
+			width: 100%;
+			margin-top: 40upx;
+			border-top: 1px solid #dddddd;
+			display: flex;
+		}
+
+		.bounced3-1 {
+			width: 50%;
+			height: 100%;
+			text-align: center;
+			line-height: 100upx;
+			border-right: 1px solid #dddddd;
+			font-size: 36upx;
+			color: #999999;
+		}
+
+		.bounced3-2 {
+			width: 50%;
+			height: 100%;
+			text-align: center;
+			line-height: 100upx;
+			font-size: 36upx;
+			color: #108ee9;
+		}
 	}
-	.bounced3 {
-		height: 100upx;
-		width: 100%;
-		margin-top: 40upx;
-		border-top: 1px solid #dddddd;
-		display: flex;
-	}
-	.bounced3-1 {
-		width: 50%;
-		height: 100%;
+
+	.viewclace {
+		width: 100rpx;
+		height: 40rpx;
 		text-align: center;
-		line-height: 100upx;
-		border-right: 1px solid #dddddd;
+		line-height: 40rpx;
+		border-radius: 14rpx;
+		margin-right: 34rpx;
+		margin-top: 16rpx;
+		font-size: 24rpx;
+	}
+
+	.bosdttom {
+		color: #FFFFFF;
+		background-color: #2671E2;
+	}
+
+
+
+
+	.dialog-block {
+		margin: 20rpx 0;
+		border-bottom: 1px solid #ccc;
+
+		.fileName {
+			text-align: center;
+			margin: 10rpx auto;
+			width: 115rpx;
+			height: 42rpx;
+			line-height: 42rpx;
+			background: #EFEFEF;
+			border-radius: 4rpx;
+			font-size: 20rpx;
+			font-weight: 400;
+			color: #333333;
+		}
+	}
+
+	.scroll-Y {
 		font-size: 36upx;
 		color: #999999;
+		background: #FFFFFF;
+		margin-top: 30upx;
+		flex: 1;
+		overflow-y: scroll;
+		width: 100%;
 	}
-	.bounced3-2 {
-		width: 50%;
-		height: 100%;
-		text-align: center;
-		line-height: 100upx;
-		font-size: 36upx;
-		color: #108ee9;
+
+	.scroll-Y .text {
+		margin: 50upx 30upx;
+		line-height: 80upx;
+		display: flex;
+		align-items: center;
 	}
-}
-.viewclace{
-	width: 100rpx;
-	height: 40rpx;
-	text-align: center;
-	line-height: 40rpx;
-	border-radius: 14rpx;
-	margin-right: 34rpx;
-	margin-top: 16rpx;
-	font-size: 24rpx;
-}
-.bosdttom{
-	color: #FFFFFF;
-	background-color: #2671E2;
-}
-
-
-
-
-.dialog-block {
-			margin: 20rpx 0;
-			border-bottom: 1px solid #ccc;
-			.fileName {
-				text-align: center;
-				margin: 10rpx auto;
-				width: 115rpx;
-				height: 42rpx;
-				line-height: 42rpx;
-				background: #EFEFEF;
-				border-radius: 4rpx;
-				font-size: 20rpx;
-				font-weight: 400;
-				color: #333333;
-			}
-		}
-		.scroll-Y {
-			font-size: 36upx;
+
+	.scroll-Y .text[data-speaker="2"],
+	.scroll-Y .text[data-speaker="4"],
+	.scroll-Y .text[data-speaker="6"] {
+		flex-direction: row-reverse;
+		text-align: right;
+
+		.content {
+			margin-left: 0;
+			margin-right: 30upx;
+			background: #F6F6F6;
 			color: #999999;
-			background: #FFFFFF;
-			margin-top: 30upx;
-			flex: 1;
-			overflow-y: scroll;
-			width: 100%;
-		}
-		.scroll-Y .text {
-			margin: 50upx 30upx;
-			line-height: 80upx;
-			display: flex;
-			align-items: center;
-		}
-		.scroll-Y .text[data-speaker="2"],
-		.scroll-Y .text[data-speaker="4"],
-		.scroll-Y .text[data-speaker="6"] {
-			flex-direction: row-reverse;
-			text-align: right;
-			.content {
-				margin-left: 0;
-				margin-right: 30upx;
-				background: #F6F6F6;
-				color: #999999;
-			}
 		}
-		.scroll-Y .text .avatar {
-			width: 64upx;
-			height: 64upx;
-			line-height: 64upx;
-			text-align: center;
-			// border: 1rpx solid red;
-			font-size: 36rpx;
-			border-radius: 50%;
-			background: #F2F2F2;
-			color: #008EF2;
-			// display: flex;
-			// justify-content: center;
-			// align-items: center;
-			image {
-				width: 40upx;
-			}
+	}
+
+	.scroll-Y .text .avatar {
+		width: 64upx;
+		height: 64upx;
+		line-height: 64upx;
+		text-align: center;
+		// border: 1rpx solid red;
+		font-size: 36rpx;
+		border-radius: 50%;
+		background: #F2F2F2;
+		color: #008EF2;
+
+		// display: flex;
+		// justify-content: center;
+		// align-items: center;
+		image {
+			width: 40upx;
 		}
-		.scroll-Y .text .content {
-			margin-left: 30upx;
-			line-height: 60rpx;
-			text-align: left;
-			padding: 0 5px;
-			background: #2BC805;
-			border-radius: 8upx;
-			max-width: 442rpx;
+	}
+
+	.scroll-Y .text .content {
+		margin-left: 30upx;
+		line-height: 60rpx;
+		text-align: left;
+		padding: 0 5px;
+		background: #2BC805;
+		border-radius: 8upx;
+		max-width: 442rpx;
+		color: #FFFFFF;
+		position: relative;
+
+		.tankuangcss {
+			position: absolute;
+			top: -140rpx;
+			left: -120rpx;
+			width: 308rpx;
+			height: 130rpx;
+			background-color: #333333;
+			font-size: 24rpx;
 			color: #FFFFFF;
-			position: relative;
-			.tankuangcss {
-				position: absolute;
-				top: -140rpx;
-				left: -120rpx;
-				width: 308rpx;
-				height: 130rpx;
-				background-color: #333333;
-				font-size: 24rpx;
-				color: #FFFFFF;
-				padding-top: 4rpx;
-				padding-bottom: 4rpx;
-				display: flex;
-				flex-wrap: wrap;
-				border-radius: 15rpx;
-				z-index: 1000;
-			}
-		}
-		.scroll-Y .text.active .content {
-			color: #38FFF1;
-			position: relative;
-		}
-		.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;
-			position: relative;
+			padding-top: 4rpx;
+			padding-bottom: 4rpx;
+			display: flex;
+			flex-wrap: wrap;
+			border-radius: 15rpx;
+			z-index: 1000;
 		}
-.backTop {
-	width: 60upx;
-	height: 60upx;
-	background: rgba(211, 235, 253, 1);
-	box-shadow: 0upx 0upx 2upx 4upx rgba(38, 161, 255, 0.04);
-	border-radius: 50%;
-	position: fixed;
-	bottom: 200upx;
-	right: 8upx;
-	display: flex;
-	justify-content: center;
-	align-items: center;
+	}
+
+	.scroll-Y .text.active .content {
+		color: #38FFF1;
+		position: relative;
+	}
+
+	.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;
+		position: relative;
+	}
+
+	.backTop {
+		width: 60upx;
+		height: 60upx;
+		background: rgba(211, 235, 253, 1);
+		box-shadow: 0upx 0upx 2upx 4upx rgba(38, 161, 255, 0.04);
+		border-radius: 50%;
+		position: fixed;
+		bottom: 200upx;
+		right: 8upx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	
 	image {
-		width: 26upx;
-		height: 34upx;
+			width: 26upx;
+			height: 34upx;
+		}
 	}
-}
-.jiangshang{
+
+	.jiangshang {
 		color: #2671E2;
 		background: #F4F8FD;
 	}
-// 表单
+
+	// 表单
 	.tian-view {
 		width: 570upx;
 		background-color: #FFFFFF;
 		border-bottom: 1px solid #ededee;
 		display: flex;
 		min-height: 96rpx;
+
 		.tian-view-t1 {
 			width: 20rpx;
 			font-size: 34rpx;
@@ -1961,6 +2061,7 @@
 			letter-spacing: 0px;
 			color: red;
 		}
+
 		.tian-view-t2 {
 			width: 30%;
 			min-height: 96rpx;
@@ -1968,11 +2069,13 @@
 			font-size: 34rpx;
 			color: #333;
 		}
+
 		.tian-view-t3 {
 			width: 61%;
 			padding-top: 31rpx;
 			padding-bottom: 31rpx;
 			display: flex;
+
 			.tian-input {
 				width: 98%;
 				font-size: 34rpx;
@@ -1980,15 +2083,17 @@
 			}
 		}
 	}
-	.inputbox{
+
+	.inputbox {
 		width: 100%;
 		height: 100rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		border-bottom: 1px solid #E0E0E0;
-		.thisinput{
-			width:94%;
+
+		.thisinput {
+			width: 94%;
 			height: 52rpx;
 			background: #FFFFFF;
 			border-radius: 8rpx;
@@ -1999,70 +2104,82 @@
 			line-height: 52rpx;
 		}
 	}
+
 	.biaoqiantom {
 		background-color: #008EF2;
 		color: #FFFFFF;
 		border: none;
 	}
-	.Level-box{
+
+	.Level-box {
 		padding-bottom: 2rpx;
-		.hhhbox{
-			width:100%;
+
+		.hhhbox {
+			width: 100%;
 			padding-left: 30rpx;
 			padding-right: 30rpx;
 			border-bottom: 1rpx solid #E0E0E0;
 			background: #FFFFFF;
+
 			// padding-bottom: 32rpx;
-			.hsnrtest{
+			.hsnrtest {
 				height: 24rpx;
 				font-size: 24rpx;
 				font-weight: 400;
 				color: #666666;
 				line-height: 24rpx;
 			}
-			.Level3che{
-				width:100%;
-				height:28rpx;
+
+			.Level3che {
+				width: 100%;
+				height: 28rpx;
 				display: flex;
 				line-height: 28rpx;
 				align-items: center;
 				margin-top: 30rpx;
-				.title1{
+
+				.title1 {
 					flex: 1;
 					font-size: 28rpx;
-					color:#2671E2;
+					color: #2671E2;
 					font-weight: 400;
 				}
-				.jiantobox{
+
+				.jiantobox {
 					width: 30rpx;
 					height: 30rpx;
 					display: flex;
 					align-items: center;
-					.arrow{
+
+					.arrow {
 						width: 28rpx;
-						height:28rpx;
+						height: 28rpx;
 					}
 				}
 			}
 		}
-		.Level2che{
-			width:100%;
+
+		.Level2che {
+			width: 100%;
 			height: 88rpx;
 			display: flex;
 			line-height: 88rpx;
 			align-items: center;
-			.title1{
+
+			.title1 {
 				flex: 2;
 				font-size: 28rpx;
 				color: #333333;
 				font-weight: 400;
 			}
-			.leve1-jindu{
+
+			.leve1-jindu {
 				flex: 3;
 				display: flex;
 				justify-content: center;
 				align-items: center;
-				.zhixing{
+
+				.zhixing {
 					width: 108rpx;
 					height: 44rpx;
 					background: #2671E2;
@@ -2072,7 +2189,8 @@
 					line-height: 44rpx;
 					color: #FFFFFF;
 				}
-				.zhixing2{
+
+				.zhixing2 {
 					width: 108rpx;
 					height: 44rpx;
 					background: #F8F8F8;
@@ -2083,19 +2201,22 @@
 					color: #999999;
 				}
 			}
-			.jiantobox{
+
+			.jiantobox {
 				width: 30rpx;
 				height: 30rpx;
 				display: flex;
 				align-items: center;
-				.arrow{
+
+				.arrow {
 					width: 30rpx;
-					height:18rpx;
+					height: 18rpx;
 				}
 			}
 		}
-		.Level1che{
-			width:100%;
+
+		.Level1che {
+			width: 100%;
 			height: 94rpx;
 			background: #E0E0E0;
 			display: flex;
@@ -2103,27 +2224,32 @@
 			align-items: center;
 			padding-left: 30rpx;
 			padding-right: 30rpx;
-			.title1{
+
+			.title1 {
 				flex: 2;
 				font-size: 30rpx;
 				color: #333333;
 				font-weight: 400;
 			}
-			.leve1-jindu{
+
+			.leve1-jindu {
 				flex: 3;
-				.jindutiao{
+
+				.jindutiao {
 					width: 96%;
 					height: 28rpx;
 					background: #D5EEE2;
 					line-height: 28rpx;
 					border-radius: 14rpx;
 					position: relative;
-					.huanxing{
+
+					.huanxing {
 						height: 100%;
 						background: #4FC78F;
 						border-radius: 14rpx;
 					}
-					.text{
+
+					.text {
 						position: absolute;
 						top: 0rpx;
 						right: 0rpx;
@@ -2133,19 +2259,22 @@
 					}
 				}
 			}
-			.jiantobox{
+
+			.jiantobox {
 				width: 30rpx;
 				height: 30rpx;
 				display: flex;
 				align-items: center;
-				.arrow{
+
+				.arrow {
 					width: 30rpx;
-					height:18rpx;
+					height: 18rpx;
 				}
 			}
 		}
 	}
+
 	.rotatearrow {
 		transform: rotate(270deg);
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/static/images/prohibited.png b/static/images/prohibited.png
new file mode 100644
index 0000000..2259922
Binary files /dev/null and b/static/images/prohibited.png differ
diff --git a/static/images/rankingguwen.png b/static/images/rankingguwen.png
new file mode 100644
index 0000000..055736c
Binary files /dev/null and b/static/images/rankingguwen.png differ