diff --git a/App.vue b/App.vue
index e9f3865..b11624a 100644
--- a/App.vue
+++ b/App.vue
@@ -1,12 +1,80 @@
-<template>
-	<view>
-	</view>
-</template>
 <script>
+	import Vue from 'vue';
 	//app.js
 	var config = require("./config");
 	export default {
-		onLaunch: function(options) {
+		onLaunch(options) {
+
+			uni.getSystemInfo({
+				success: function(e) {
+					console.log(e, 'adjsakljdklasjdklsakjdslakjd')
+					// #ifdef MP-WEIXIN
+					Vue.prototype.StatusBar = e.statusBarHeight;
+					let custom = wx.getMenuButtonBoundingClientRect();
+					Vue.prototype.Custom = custom;
+					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
+					Vue.prototype.windowHeight = e.safeArea.height
+					// #endif
+					Vue.mixin({
+						data() {
+							return {
+								StatusBar: Vue.prototype.StatusBar,
+								CustomBar: Vue.prototype.CustomBar,
+								windowHeight: Vue.prototype.windowHeight
+							};
+						},
+
+						methods: {
+							// 目前使用页面为录音页面
+							SPEAKERSTYLE(index) {
+								let obj = {
+									color: '',
+								}
+								switch (index) {
+									case 1:
+										obj.color = '#60CBEC';
+										break;
+									case 2:
+										obj.color = '#EC8B47';
+										break;
+									case 3:
+										obj.color = '#4F861E';
+										break;
+									case 5:
+										obj.color = '#4980C8';
+										break;
+									case 6:
+										obj.color = '#60CBEC';
+										break;
+									case 7:
+										obj.color = '#EC8B47';
+										break;
+									case 8:
+										obj.color = '#4F861E';
+										break;
+									default:
+										obj.color = '#9F61C8';
+										break;
+								}
+								return obj
+							},
+						},
+
+						filters: {
+							// ASCII码转换 大写字母A是65 演讲人是从1开始所以num+64
+							toCapital(num) {
+								let str = ''
+								if (num) {
+									str = String.fromCharCode(num + 64)
+								}
+								return str
+							}
+						}
+					});
+				}
+			});
+
+
 			if (wx.canIUse('getUpdateManager')) {
 				const updateManager = wx.getUpdateManager()
 				updateManager.onCheckForUpdate(function(res) {
@@ -49,70 +117,72 @@
 			this.$u.get("/user/getMenu").then(data => {
 				uni.setStorageSync("weapp_session_Menu_data", data)
 			})
-			
-			
+
+
 			wx.setInnerAudioOption({
 				obeyMuteSwitch: false
-			});	
+			});
 		},
 		onShow(options) {
 			const token = uni.getStorageSync("weapp_session_login_data")
 			if (typeof token.token != "string") {
 				console.log("没有")
 				return
-			}else{
+			} else {
 				this.infoscoket()
 			}
 		},
 		onHide() {},
 		methods: {
-			infoscoket(){
-				let pushon=uni.getStorageSync('weapp_session_userInfo_data').loginName
+			infoscoket() {
+				let pushon = uni.getStorageSync('weapp_session_userInfo_data').loginName
 				uni.connectSocket({
-				  url: 'wss://hfju.com/ws?uid='+pushon+'_applets',
-				  header: {
-					  "content-type": "application/json",
-					  'Access-Token': uni.getStorageSync('weapp_session_login_data').token
-				  }
+					url: 'wss://hfju.com/ws?uid=' + pushon + '_applets',
+				 header: {
+					 "content-type": "application/json",
+						'Access-Token': uni.getStorageSync('weapp_session_login_data').token
+					}
 				});
-				uni.onSocketOpen(function (res) {
-				  console.log('WebSocket连接已打开！');
+				uni.onSocketOpen(function(res) {
+					console.log('WebSocket连接已打开！');
 				});
-				uni.onSocketError(function (res) {
-				  console.log('WebSocket连接打开失败，请检查！');
+				uni.onSocketError(function(res) {
+					console.log('WebSocket连接打开失败，请检查！');
 				});
-				uni.onSocketMessage(function (res) {
-					  console.log('收到服务器内容：' + res.data);
-					  let cedata=JSON.stringify(res);
-					  let data=JSON.parse(cedata);
-					  let zdata=JSON.parse(data.data) 
-					  if(zdata.to=="recCmd"){
-						   uni.$emit('update',{msg:'页面更新'})
-						  return
-					  }
-					  uni.showModal({
-					      title: '提示',
-					      content: zdata.to+'的设备电量过低请检查！',
-						  cancelText: "取消", // 取消按钮的文字  
-						  confirmText: "查看", // 确认按钮文字  
-					      success: function (res) {
-					          if (res.confirm) {
-					              console.log('用户点击确定');
-								  uni.navigateTo({
-								  	url: `/pages/main/toviewtherecording/index?jump=`+"jump"
-								  })
-								  
-					          } else if (res.cancel) {
-					              console.log('用户点击取消');
-					          }
-					      }
-					  });
+				uni.onSocketMessage(function(res) {
+					console.log('收到服务器内容：' + res.data);
+					let cedata = JSON.stringify(res);
+					let data = JSON.parse(cedata);
+					let zdata = JSON.parse(data.data)
+					if (zdata.to == "recCmd") {
+						uni.$emit('update', {
+							msg: '页面更新'
+						})
+						return
+					}
+					uni.showModal({
+						title: '提示',
+						content: zdata.to + '的设备电量过低请检查！',
+						cancelText: "取消", // 取消按钮的文字  
+						confirmText: "查看", // 确认按钮文字  
+						success: function(res) {
+							if (res.confirm) {
+								console.log('用户点击确定');
+								uni.navigateTo({
+									url: `/pages/main/toviewtherecording/index?jump=` + "jump"
+								})
+
+							} else if (res.cancel) {
+								console.log('用户点击取消');
+							}
+						}
+					});
 				});
 			},
-			Closewebsocke(){
+			Closewebsocke() {
 				uni.closeSocket();
-				uni.onSocketClose(function (res) {
-				  console.log('WebSocket 已关闭！');
+				uni.onSocketClose(function(res) {
+					console.log('WebSocket 已关闭！');
 				});
 			},
 		}
@@ -124,17 +194,20 @@
 </style>
 <style lang="scss">
 	@import "uview-ui/index.scss";
+
 	/*每个页面公共css */
 	//图表样式等
-	.single{
+	.single {
 		width: 100%;
 		background: #FFFFFF;
-		.title{
+
+		.title {
 			width: 100%;
 			height: 90rpx;
 			border-bottom: 1rpx solid #E0E0E0;
 			display: flex;
-			.title1{
+
+			.title1 {
 				flex: 2;
 				font-size: 30rpx;
 				font-weight: 600;
@@ -142,28 +215,33 @@
 				line-height: 90rpx;
 				text-indent: 30rpx;
 			}
-			.title3{
+
+			.title3 {
 				flex: 3;
 				height: 90rpx;
 				display: flex;
 				align-items: center;
 				justify-content: flex-end;
-				.title3-box{
+
+				.title3-box {
 					display: flex;
 					align-items: center;
 					width: 25%;
 					justify-content: center;
-					.activecltab{
+
+					.activecltab {
 						border-bottom: 2px solid #2671E2;
 					}
 				}
 			}
-			.title2{
+
+			.title2 {
 				flex: 3;
 				height: 90rpx;
 				display: flex;
 				align-items: center;
-				.title2-che{
+
+				.title2-che {
 					width: 178rpx;
 					height: 48rpx;
 					background: #FFFFFF;
@@ -176,7 +254,8 @@
 					text-indent: 12rpx;
 					margin-left: 35rpx;
 					position: relative;
-					.righttochoose{
+
+					.righttochoose {
 						width: 18rpx;
 						height: 24rpx;
 						position: absolute;
@@ -186,15 +265,18 @@
 				}
 			}
 		}
-		.swiper-box{
+
+		.swiper-box {
 			width: 97%;
 			margin: 0 auto;
 		}
-		.hejibox{
+
+		.hejibox {
 			width: 100%;
 			height: 80rpx;
 			display: flex;
-			.heji{
+
+			.heji {
 				width: 50%;
 				height: 100%;
 				font-size: 28rpx;
@@ -204,7 +286,8 @@
 				text-indent: 30rpx;
 			}
 		}
-		.danwei{
+
+		.danwei {
 			width: 100%;
 			height: 40rpx;
 			font-size: 24rpx;
@@ -213,31 +296,37 @@
 			line-height: 40rpx;
 			text-indent: 30rpx;
 		}
-		.uchaserbox{
+
+		.uchaserbox {
 			width: 95%;
 			height: 470rpx;
 		}
-		.jindu{
+
+		.jindu {
 			width: 100%;
 			height: 300rpx;
-			.jindu-box{
-				width: 100%; 
+
+			.jindu-box {
+				width: 100%;
 				padding-left: 30rpx;
 				padding-right: 30rpx;
-				.jindu-boxche{
+
+				.jindu-boxche {
 					width: 100%;
 					height: 46rpx;
 					display: flex;
 					align-items: center;
 					height: 50rpx;
-					.jindu-name{
+
+					.jindu-name {
 						width: 120rpx;
-						font-size: 28rpx; 
+						font-size: 28rpx;
 						color: #666666;
 					}
-					.jindu-zxl{
+
+					.jindu-zxl {
 						width: 120rpx;
-						font-size: 26rpx; 
+						font-size: 26rpx;
 						margin-left: 16rpx;
 						color: #666666;
 						text-align: center;
@@ -246,6 +335,7 @@
 			}
 		}
 	}
+
 	//时间切换的样式
 	.boxtittab {
 		width: 100;
@@ -254,7 +344,7 @@
 		border: 1px solid #E0E0E0;
 		display: flex;
 		align-items: center;
-	
+
 		.tabbox {
 			flex: 1;
 			height: 100%;
@@ -264,40 +354,46 @@
 			font-size: 28rpx;
 			display: flex;
 			justify-content: center;
-	
+
 			.activecllasscet {
 				width: 96rpx;
 				border-bottom: 2px solid #2671E2;
 			}
 		}
 	}
+
 	//多个格子的样式
 	.boxzonglan {
 		width: 100%;
 		min-height: 496rpx;
 		background: #FFFFFF;
 		padding: 30rpx 30rpx 30rpx 30rpx;
+
 		.zonglantit {
 			font-size: 30rpx;
 			color: #333333;
 			font-family: PingFangSC-Semibold, PingFang SC;
 			font-weight: 600;
 		}
+
 		.zonglanbox {
 			width: 100%;
 			display: flex;
 			flex-wrap: wrap;
 			margin-top: 24rpx;
+
 			.grid {
 				width: 50%;
 				height: 128rpx;
 				border: 1px solid #E0E0E0;
+
 				.audonum {
 					color: #666666;
 					text-indent: 40rpx;
 					font-size: 26rpx;
 					margin-top: 20rpx;
 				}
+
 				.num {
 					color: #333333;
 					text-indent: 40rpx;
diff --git a/components/yz-audio/audioBg.js b/components/yz-audio/audioBg.js
new file mode 100644
index 0000000..e9507fd
--- /dev/null
+++ b/components/yz-audio/audioBg.js
@@ -0,0 +1,87 @@
+import {
+	mapState,
+	mapActions,
+	mapMutations
+} from 'vuex'
+export const audios = {
+	data() {
+		return {
+			isBgPlay: false, // 是否禁止拖拽进度条
+		}
+	},
+
+	computed: {
+		...mapState(['bgAudioMannager']),
+	},
+
+	methods: {
+		setAudio(obj) {
+			this.bgAudioMannager.title = '录音音频';
+			this.bgAudioMannager.src = obj.src
+			this.bgAudioMannager.startTime = obj.currentTime
+		},
+
+		setAudioFunc() {
+			this.bgAudioMannager.onCanplay(() => {
+				console.log('可以播放');
+			});
+			this.bgAudioMannager.onStop(() => {
+				console.log('停止播放');
+				this.isBgPlay = false
+			});
+
+			this.bgAudioMannager.onPause(() => {
+				console.log('暂停播放');
+				this.isBgPlay = false
+				// 设置当前暂停的视频播放位置
+				// this.seek(this.bgAudioMannager.currentTime)
+				// this.play()
+			});
+			
+			this.bgAudioMannager.onEnded(() => {
+				console.log('自然播放结束事件');
+				this.isBgPlay = false
+			});
+			
+			this.bgAudioMannager.onError((res) => {
+				console.log(res.errMsg);
+				console.log(res.errCode);
+			});
+
+			this.bgAudioMannager.onTimeUpdate(() => {
+				this.isBgPlay = true
+				this.duration = this.bgAudioMannager.duration;
+				this.currentTime = this.bgAudioMannager.currentTime;
+				this.$emit('timeUpdate', {
+					duration: this.bgAudioMannager.duration,
+					currentTime: this.bgAudioMannager.currentTime
+				})
+			});
+		},
+		
+		// 背景音频暂停
+		audioPause() {
+			this.bgAudioMannager.pause()
+		},
+		
+		// 背景音频播放
+		audioPlay() {
+			this.pause()
+			this.bgAudioMannager.play()
+		},
+		
+		//背景音频指定秒数播放
+		audioSeek(t) {
+			this.bgAudioMannager.seek(t)
+		},
+		
+		// 停止背景音频播放
+		stopAduio() {
+			console.log(this.bgAudioMannager)
+			this.bgAudioMannager.pause()
+			if (this.bgAudioMannager && this.bgAudioMannager.src) {
+				this.bgAudioMannager.src = ''
+			}
+		}
+	}
+}
diff --git a/components/yz-audio/index.scss b/components/yz-audio/index.scss
new file mode 100644
index 0000000..53c375b
--- /dev/null
+++ b/components/yz-audio/index.scss
@@ -0,0 +1,119 @@
+@mixin textoverflow() {
+	display: -webkit-box;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 1;
+}
+@keyframes rowup {
+	0% {
+		-webkit-transform: translate(-50%, -50%) rotate(0deg);
+		transform-origin: center center;
+	}
+
+	100% {
+		-webkit-transform: translate(-50%, -50%) rotate(360deg);
+		transform-origin: center center;
+	}
+}
+.imt-audio{
+	position:relative;
+	width: 100%;
+	display: flex;
+	box-sizing: border-box;
+	background: #fff;
+	overflow: hidden;
+	
+	.top {
+		width: 140rpx;
+		position: relative;
+	}
+
+	.audio-wrapper {
+		display: flex;
+		flex-direction: column; 
+		flex: 1;
+		color: #fff;
+		margin-left: 20rpx;
+	}
+	.slidebox {
+		display: flex;
+		justify-content: space-between;
+		width: 96%;
+	}
+	/deep/ .uni-slider-tap-area {
+		padding: 0;
+	}
+	/deep/ .uni-slider-wrapper {
+		min-height: 0;
+	}
+	/deep/ .uni-slider-handle-wrapper {
+		height: 6px;
+	}
+	.audio-slider {
+		padding-top: 10rpx;
+		margin-left: 150rpx;
+		position: absolute;
+		bottom: 40rpx;		
+		width: 75vw;
+		left: 0;
+		padding: 0;
+	}
+	
+
+	// .cover {
+	// 	width: 120rpx;
+	// 	height: 120rpx;
+	// 	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
+	// 	position: absolute;
+	// 	top: 50%;
+	// 	left: 50%;
+	// 	transform: translate(-50%, -50%);
+	// 	animation-fill-mode: forwards;
+	// 	-webkit-animation-fill-mode: forwards;
+	// }
+
+	.play {
+		width: 48rpx;
+		height: 48rpx;
+		z-index: 99;
+		background: rgba(0, 0, 0, 0.4);
+		border-radius: 50%;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		&.loading{
+			width: 48rpx;
+			height: 48rpx;
+			animation: rotating_theme3 2s linear infinite;
+		}
+	}
+}
+
+@keyframes rotating {
+	0% {
+		  transform: rotateZ(0deg)
+	}
+	100% {
+		  transform: rotateZ(360deg)
+	}
+}
+@keyframes rotating_theme3 {
+	0% {
+		  transform: translate(-50%, -50%) rotateZ(0deg)
+	}
+	100% {
+		  transform: translate(-50%, -50%) rotateZ(360deg)
+	}
+}
+
+.hItem
+{
+	margin-left: 16rpx;
+}
+
+.extrButton
+{
+	font-size: 36rpx;
+}
\ No newline at end of file
diff --git a/components/yz-audio/static/backimg.png b/components/yz-audio/static/backimg.png
new file mode 100644
index 0000000..fef382f
Binary files /dev/null and b/components/yz-audio/static/backimg.png differ
diff --git a/components/yz-audio/static/bg.png b/components/yz-audio/static/bg.png
new file mode 100644
index 0000000..b49474e
Binary files /dev/null and b/components/yz-audio/static/bg.png differ
diff --git a/components/yz-audio/static/bg_act.png b/components/yz-audio/static/bg_act.png
new file mode 100644
index 0000000..01b1d6c
Binary files /dev/null and b/components/yz-audio/static/bg_act.png differ
diff --git a/components/yz-audio/static/loading.png b/components/yz-audio/static/loading.png
new file mode 100644
index 0000000..edd7142
Binary files /dev/null and b/components/yz-audio/static/loading.png differ
diff --git a/components/yz-audio/static/loading2.png b/components/yz-audio/static/loading2.png
new file mode 100644
index 0000000..3483c9d
Binary files /dev/null and b/components/yz-audio/static/loading2.png differ
diff --git a/components/yz-audio/static/pausebtn.png b/components/yz-audio/static/pausebtn.png
new file mode 100644
index 0000000..f2bc86c
Binary files /dev/null and b/components/yz-audio/static/pausebtn.png differ
diff --git a/components/yz-audio/static/playbtn.png b/components/yz-audio/static/playbtn.png
new file mode 100644
index 0000000..3f51b61
Binary files /dev/null and b/components/yz-audio/static/playbtn.png differ
diff --git a/components/yz-audio/yz-audio.vue b/components/yz-audio/yz-audio.vue
new file mode 100644
index 0000000..c246769
--- /dev/null
+++ b/components/yz-audio/yz-audio.vue
@@ -0,0 +1,432 @@
+<template>
+	<view class="imt-audio">
+		<template>
+			<view class="top">
+				<view class="audio-control-wrapper">
+					<image :src="require('./static/loading.png')" v-if="playState=='loading'" class="play loading">
+					</image>
+					<template v-else>
+						<image :src="require('./static/playbtn.png')" alt="play" @click="play" class="play"
+							v-if="playState=='pause'"></image>
+						<image :src="require('./static/pausebtn.png')" alt="pause" @click="pause" class="play" v-else>
+						</image>
+					</template>
+				</view>
+			</view>
+			<view class="audio-wrapper">
+				<view class="audio-flex">
+					<text>
+						{{formatSeconds(currentTime)}}
+					</text>
+					<slider class="audio-slider" block-size="12" :max="duration" :value="currentTime"
+						@change="sliderChange" @changing="sliderChanging"></slider>
+					<text>
+						{{formatSeconds(duration)}}
+					</text>
+				</view>
+
+				<view class="slidebox" @click="showTip">
+					<slot name="extraCtrls">
+						<image class="slide-img" :src="require('./static/backimg.png')" mode=""></image>
+					</slot>
+				</view>
+				<!-- 后台播放按钮区域 -->
+				<view class="popup" v-if="show" :class="{close: closeing}" @click="checkPlayer">
+					<template v-if="!isBgPlay">
+						<image :src="require('./static/bg.png')" mode=""></image>
+					</template>
+					<template v-else>
+						<image :src="require('./static/bg_act.png')" mode=""></image>
+					</template>
+					<text :class="{'act-test': isBgPlay}">后台播放</text>
+				</view>
+			</view>
+			<!--video在ios中不能完全隐藏，否则无法播放-->
+			<video id="videoPlayer" :autoplay="true" class="videoPlayer" :src="src" :muted="false"
+				style="width: 10rpx;height:10rpx;" @play="playerOnPlay" @pause="playerOnPause" @ended="playerOnEnded"
+				@timeupdate="playerOnTimeupdate" @waiting="playerOnWaiting" @error="playerOnError"></video>
+		</template>
+	</view>
+</template>
+
+<script>
+	/*
+	createInnerAudioContext()是audio组件的内部实现，不能熄屏播放、不能后台播放、不能倍速播放。
+	getBackgroundAudioManager() 可以熄屏播放、后台播放，不能倍速播放。缺点是响应速度很慢，无法实现精细、及时的进度控制，而且可能被别的程序占用。
+	因此这里只能用video来实现，video能倍速播放，不能熄屏播放、不能后台播放。而且避免了用createInnerAudioContext()实现的跳转到别的页面，还在播放的问题
+	因此应用程序可以在需要后台播放的时候（需要用户操作触发），再暂停这个控件的播放，然后自己用getBackgroundAudioManager实现后台播放
+	*/
+
+	import Vue from 'vue';
+	import {
+		mapMutations
+	} from 'vuex'
+	import {
+		audios
+	} from './audioBg.js'
+	export default {
+		mixins: [audios],
+		props: {
+			nowFileTime: {
+				type: [String, Number],
+				default: 0
+			},
+		},
+
+		watch: {
+			nowFileTime(oValue, nValue) {
+				this.duration = nValue
+			}
+		},
+
+		data() {
+			return {
+				src: '', // 
+				poster: "",
+				name: "...",
+				singer: "...",
+				duration: 0,
+				currentTime: 0,
+				playState: "pause", //"loading"/"playing"/"pause"
+				isSliderChanging: false,
+				isFirst: false, // 是否阻止第一次赋值
+				audio: null, // 音频对象
+				show: false, // 控制展示用的
+				closeing: false, //  默认关闭
+			};
+		},
+		created() {
+			// 自定义组件，需要传递第二个参数为this，否则后续的pause等操作不起作用
+			this.videoCtx = uni.createVideoContext("videoPlayer", this);
+			this.audio = uni.createInnerAudioContext();
+			this.audio.autoplay = false;
+			this.createAudio()
+			this.setAudioFunc()
+		},
+
+		mounted() {
+			this.audio.onCanplay((e) => {
+				if (this.audio.duration != 0) {
+					this.playState = "pause"
+					this.$forceUpdate()
+				}
+			})
+		},
+
+		methods: {
+			...mapMutations(['createAudio', 'stopAduio']),
+			setSrc(value) {
+				console.log(this, ' 我打印this')
+				this.src = value;
+				console.log(this.src, '我在这儿里更换src')
+				// 获取当前音频的总时长
+				this.audio.src = value;
+			},
+
+			setPoster(value) {
+				this.poster = value;
+			},
+			setName(value) {
+				this.name = value;
+			},
+			setSinger(value) {
+				this.singer = value;
+			},
+
+			playerOnPlay(e) {
+				this.playState = "playing";
+				console.log('playerOnPlay', e)
+				this.$emit("play");
+			},
+			playerOnPause(e) {
+				this.playState = "pause";
+				console.log('playerOnPause', e)
+				this.$emit("pause");
+			},
+			playerOnEnded(e) {
+				this.playState = "pause";
+				console.log('playerOnEnded', e)
+				this.$emit("ended");
+			},
+
+			playerOnTimeupdate(e) {
+				if (this.isFirst) this.playState = "playing";
+				this.isFirst = true
+				this.duration = e.detail.duration;
+				this.currentTime = e.detail.currentTime;
+				this.$emit("timeUpdate", e.detail);
+			},
+
+			playerOnWaiting(e) {
+				this.playState = "loading";
+				console.log('playerOnWaiting', e)
+			},
+			playerOnError(e) {
+				console.log('playerOnError', e)
+				this.playState = "pause";
+				this.$emit("error", e);
+			},
+			formatSeconds(seconds) {
+				var result = typeof seconds === "string" ? parseFloat(seconds) : seconds;
+				if (isNaN(result)) return "";
+				let h = Math.floor(result / 3600) < 10 ?
+					"0" + Math.floor(result / 3600) :
+					Math.floor(result / 3600);
+				let m = Math.floor((result / 60) % 60) < 10 ?
+					"0" + Math.floor((result / 60) % 60) :
+					Math.floor((result / 60) % 60) + h * 60;
+				let s = Math.floor(result % 60) < 10 ?
+					"0" + Math.floor(result % 60) :
+					Math.floor(result % 60);
+				return `${h}:${m}:${s}`;
+			},
+			stop() {
+				this.videoCtx.stop();
+			},
+			seek(t) {
+				this.videoCtx.seek(t);
+			},
+			play() {
+				// if (this.videoCtx.currentTime != this.videoCtx.currentTime) {
+				// 	this.seek(this.currentTime)
+				// }
+				console.log('触发方法play')
+				this.videoCtx.play(); //在有的H5浏览器里，如果play不是用户触发的，则play()会报错
+				// 暂停后台播放
+				this.stopAduio()
+			},
+			pause() {
+				console.log('触发方法pause')
+				this.videoCtx.pause();
+			},
+			playbackRate(value) {
+				this.videoCtx.playbackRate(value);
+				//playbackRate不能在play之前或者之后立即调用，否则只有很少几率会成功
+			},
+			sliderChange(e) {
+				this.isSliderChanging = false;
+				//要通过e.detail.value获取，否则如果通过dom去读取slider的value
+				//就会存在滚动条拖不动的情况
+				// this.videoCtx.seek(e.detail.value);
+				let type = 'audio'
+				
+				if (this.bgAudioMannager.paused === false) {
+					type = 'bgAudio'
+				}
+				this.$emit('sliderChangeComplate', { ...e, isType: type })
+			},
+			sliderChanging(e) {
+				this.isSliderChanging = true;
+				console.log(e, '当前正在改变')
+			},
+			
+			// 关闭后台播放按钮
+			closeTip() {
+				this.closeing = false
+				setTimeout(() => {
+					this.show = false
+				}, 250)
+			},
+			
+			// 展示后台播放按钮
+			showTip() {
+				this.show = true
+				setTimeout(() => {
+					this.closeing = true
+				}, 50)
+			},
+
+			// 点击后台播放音频事件
+			backAudio() {
+				this.pause()
+				let obj = {
+					src: this.src,
+					currentTime: this.currentTime
+				}
+				this.setAudio(obj)
+			},
+
+			// 切换播放源
+			checkPlayer() {
+				this.closeTip()
+				if (this.bgAudioMannager.paused === false) {
+					this.stopAduio()
+				} else {
+					this.backAudio()
+				}
+			}
+		},
+	}
+</script>
+
+<style lang="scss">
+	// @import './index.scss';
+	@mixin textoverflow() {
+		display: -webkit-box;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 1;
+	}
+
+	@keyframes rowup {
+		0% {
+			-webkit-transform: translate(-50%, -50%) rotate(0deg);
+			transform-origin: center center;
+		}
+
+		100% {
+			-webkit-transform: translate(-50%, -50%) rotate(360deg);
+			transform-origin: center center;
+		}
+	}
+
+	.imt-audio {
+		position: relative;
+		width: 100%;
+		height: 81rpx;
+		display: flex;
+		box-sizing: border-box;
+		background: #fff;
+
+		.top {
+			position: relative;
+			width: 100rpx;
+		}
+
+		.audio-wrapper {
+			position: relative;
+			padding: 0 20rpx;
+			display: flex;
+			flex: 1;
+			color: #fff;
+			
+			.popup {
+				position: absolute;
+				right: 32rpx;
+				top: -122rpx;
+				z-index: 100;
+				width: 136rpx;
+				height: 122rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-direction: column;
+				background: #fff;
+				border: 1rpx solid #E0E0E0;
+				transition: all 0.25s linear;
+				opacity: 0;
+				
+				image {
+					width: 32rpx;
+					height: 32rpx;
+				}
+				
+				text {
+					margin-top: 10rpx;
+					color: #333;
+					font-size: 24rpx;
+				}
+				
+				.act-test {
+					color: #2671E2;
+				}
+			}
+			
+			.close {
+				opacity: 1;
+			}
+		}
+
+		.slidebox {
+			flex-shrink: 0;
+			display: flex;
+			align-items: center;
+			
+			.slide-img {
+				width: 32rpx;
+				height: 8rpx;
+			}
+		}
+
+		/deep/ .uni-slider-tap-area {
+			padding: 0;
+		}
+
+		/deep/ .uni-slider-wrapper {
+			min-height: 0;
+		}
+
+		/deep/ .uni-slider-handle-wrapper {
+			height: 6px;
+		}
+
+		.audio-slider {
+			flex-grow: 1;
+		}
+
+		.play {
+			width: 48rpx;
+			height: 48rpx;
+			z-index: 99;
+			background: rgba(0, 0, 0, 0.4);
+			border-radius: 50%;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+
+			&.loading {
+				width: 48rpx;
+				height: 48rpx;
+				animation: rotating_theme3 2s linear infinite;
+			}
+		}
+	}
+
+	.audio-flex {
+		padding: 0 32rpx 0 0;
+		flex-grow: 1;
+		display: flex;
+		align-items: center;
+
+		text {
+			color: #70798D;
+		}
+	}
+
+	@keyframes rotating {
+		0% {
+			transform: rotateZ(0deg)
+		}
+
+		100% {
+			transform: rotateZ(360deg)
+		}
+	}
+
+	@keyframes rotating_theme3 {
+		0% {
+			transform: translate(-50%, -50%) rotateZ(0deg)
+		}
+
+		100% {
+			transform: translate(-50%, -50%) rotateZ(360deg)
+		}
+	}
+
+	.hItem {
+		margin-left: 16rpx;
+	}
+
+	.extrButton {
+		font-size: 36rpx;
+	}
+
+	.videoPlayer {
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		z-index: -1;
+	}
+</style>
diff --git a/main.js b/main.js
index 696540a..9c46a47 100644
--- a/main.js
+++ b/main.js
@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import App from './App';
 import dayjs from './utils/dayjs.min.js'
+import store from './store/index.js'
 Vue.config.productionTip = false;
 
 Vue.prototype.$dayjs = dayjs;
@@ -20,6 +21,7 @@ Vue.use(http, app)
 App.mpType = 'app';
 
 const app = new Vue({
-    ...App
+    ...App,
+	store
 });
 app.$mount();
diff --git a/manifest.json b/manifest.json
index 3e1779f..18f4a72 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
 {
-    "name" : "去房质控管家",
+    "name" : "去房智控管家",
     "appid" : "__UNI__D88F14A",
     "description" : "AI营销助理",
     "versionName" : "1.1.0",
@@ -100,6 +100,7 @@
         },
         "usingComponents" : true,
         "permission" : {},
+        "requiredBackgroundModes" : [ "audio" ],
         "plugins" : {
             "WechatSI" : {
                 "version" : "0.3.4",
diff --git a/pages/mine/details.vue b/pages/mine/details.vue
index d32e0aa..b37cca5 100644
--- a/pages/mine/details.vue
+++ b/pages/mine/details.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="translation">
-	<!-- 	<view style="width: 690rpx;height: 64rpx;margin: 0 auto;margin-top: 30rpx;background: #F2F2F2;border-radius: 32rpx;
+		<!-- 	<view style="width: 690rpx;height: 64rpx;margin: 0 auto;margin-top: 30rpx;background: #F2F2F2;border-radius: 32rpx;
 		display: flex;align-items: center;" @tap="toKeywordsearch()">
 			<image style="width: 28rpx;height: 28rpx;margin-left: 30rpx;" src="/static/images/search.png" mode=""></image>
 			<text style="margin-left: 10rpx;color: #999999;font-size: 24rpx;">请输入关键字</text>
@@ -26,27 +26,12 @@
 						src="../../static/images/nopike.png" mode=""></image>
 				</view>
 			</view>
-			<view class="audio-container">
-				<view class="audio-play" @tap="changePlayState">
-					<image class="image" mode="widthFix"
-						:src="audioPlay ? 'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/pause.png' : 'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/play.png'">
-					</image>
-				</view>
-				<view class="audio-slider">
-					<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>
-					<view class="audio-time">
-						<text>{{timeStr}}</text>
-					</view>
-				</view>
-			</view>
+
+			<yz-audio :nowFileTime="nowTime" class="audio-container" ref="zyAudio" @ended="qeihuanwenjian"
+				@timeUpdate="TimeUpdate" @sliderChangeComplate="sliderChangeComplate"></yz-audio>
 		</view>
-		<scroll-view :scroll-top="scrollTop"
-			lower-threshold='20px' @scrolltolower="ltolower()" :scroll-into-view="scrollId" scroll-y="true"
-			class="text scroll-Y">
+		<scroll-view :scroll-top="scrollTop" lower-threshold='20px' @scrolltolower="ltolower()"
+			:scroll-into-view="scrollId" scroll-y="true" class="text scroll-Y">
 			<!-- tab 栏切换 -->
 			<view class="tab-box" id="top">
 				<view class="yinpinshibie" @click="changeTab(0)" :class="{active: tab==0}">
@@ -67,20 +52,11 @@
 						:class="{active: item.bg < playNow &&  item.ed > playNow &&  i==0}"
 						v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker">
 						<view class="avatar">
-							<text v-if="item.speaker == 1" style="color: #60CBEC;">A</text>
-							<text v-if="item.speaker == 2" style="color: #EC8B47;">B</text>
-							<text v-if="item.speaker == 3" style="color: #4F861E;">C</text>
-							<text v-if="item.speaker == 4" style="color: #9F61C8;">D</text>
-							<text v-if="item.speaker == 5" style="color: #4980C8;">E</text>
-							
-							<text v-if="item.speaker == 6" style="color: #60CBEC;">F</text>
-							<text v-if="item.speaker == 7" style="color: #EC8B47;">G</text>
-							<text v-if="item.speaker == 8" style="color: #4F861E;">H</text>
-							<text v-if="item.speaker == 9" style="color: #9F61C8;">I</text>
+							<text :style="[SPEAKERSTYLE(item.speaker)]">{{ item.speaker | toCapital }}</text>
 						</view>
 						<view class="content">
 							<view @longpress="changanxiaoguo(item,index,i)" v-html="item.onebest"></view>
-							<view class="tankuangcss" :class="{bottoms:index == 0}"  v-if="item.isshow">
+							<view class="tankuangcss" :class="{bottoms:index == 0}" v-if="item.isshow">
 								<view @click="clickcopy()"
 									style="width: 60rpx;font-size: 24rpx;text-align: center;margin-left: 24rpx;">复制
 								</view>
@@ -112,14 +88,13 @@
 						<view class="level-rate">{{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%</view>
 						<image v-if="!item.show" class="arrow rotatearrow" @click="changeshow(item,1)"
 							src="/static/images/down.png" mode="" />
-						<image v-else class="arrow" @click="changeshow(item,0)" src="/static/images/up.png"
-							mode="" />
+						<image v-else class="arrow" @click="changeshow(item,0)" src="/static/images/up.png" mode="" />
 					</view>
 					<view class="level1-subbox" v-if="item.show">
 						<view class="sub-name" v-for="(subitem,i) in item.children" :key="i">
 							<view class="subitem-name u-line-1">{{subitem.name}}</view>
-							<image class="checkimg" v-if="!subitem.selected"
-								src="/static/images/rate-checked.png" mode="" />
+							<image class="checkimg" v-if="!subitem.selected" src="/static/images/rate-checked.png"
+								mode="" />
 							<image class="checkimg" v-else src="/static/images/rate-nocheck.png" mode="" />
 						</view>
 					</view>
@@ -169,33 +144,33 @@
 				<view class="bounced3-2" @tap="Confirmtheexit2">确认</view>
 			</view>
 		</view>
-	
+
 		<view class="zhezhoa" v-if="effective"></view>
 		<view class="bounced" v-if="effective">
 			<view class="jiajinghuatit">选择</view>
 			<view>
-			<view class="uni-list">
-				<radio-group @change="radioChange">
-					<label style="display: flex;align-items: center;font-size: 30rpx;
+				<view class="uni-list">
+					<radio-group @change="radioChange">
+						<label style="display: flex;align-items: center;font-size: 30rpx;
 					width: 94%;height: 80rpx;margin: 0 auto;" v-for="(item, index) in effectiveitems" :key="item.value">
-						<view style="margin-top: 2rpx;flex: 1; text-indent: 20rpx;">{{item.name}}</view>
-						<view style="width: 80rpx;">
-							<radio :value="item.value" :checked="index == effectiveindex" />
-						</view>
-					</label>
-				</radio-group>
-			</view>
-			<view v-if="effectiveindex==4">
-				<textarea class="ffectivetext" v-model="effectiveitext" placeholder="备注" />
-			</view>
+							<view style="margin-top: 2rpx;flex: 1; text-indent: 20rpx;">{{item.name}}</view>
+							<view style="width: 80rpx;">
+								<radio :value="item.value" :checked="index == effectiveindex" />
+							</view>
+						</label>
+					</radio-group>
+				</view>
+				<view v-if="effectiveindex==4">
+					<textarea class="ffectivetext" v-model="effectiveitext" placeholder="备注" />
+				</view>
 			</view>
 			<view class="bounced3">
 				<view class="bounced3-1" @click="effective=false">取消</view>
 				<view class="bounced3-2" @click="effectiveAdd()">确认</view>
 			</view>
 		</view>
-		
-	
+
+
 	</view>
 </template>
 
@@ -205,12 +180,6 @@
 	export default {
 		data() {
 			return {
-				audioPlay: false, //当前的播放状态控制
-				sliderValue: 0, //进度条最小值
-				sliderMax: 0, //进度条最大值
-				innerAudioContext: "", //播放实例
-				currentTimeStr: "00:00", //当前进度的时间
-				timeStr: "00:00", //总的时间
 				recordPath: "",
 				customerId: "",
 				luyinList: [], //录音文件
@@ -240,38 +209,61 @@
 				jiaoseshow: true,
 				num: 0, //上拉  转写文件下标
 				Bnum: 0, //下拉  转写文件下标
-				itemobj:{},
-				buildingID:'',
-				userlistobj:{},
-				Menulist:[],
-				Menulistisshow:false,
-				
-				effective:false,
-				effectiveindex:'0',
-				effectiveitems: [
-					{value: '1',name: '没电指派无录音',checked:true},
-					{value: '2',name: '离线指派无录音',},
-					{value: '3',name: '系统测试误操作'},
-					{value: '4',name: '非接访场景录音'},
-					{value: '5',name: '其他'}
+				itemobj: {},
+				buildingID: '',
+				userlistobj: {},
+				Menulist: [],
+				Menulistisshow: false,
+
+				effective: false,
+				effectiveindex: '0',
+				effectiveitems: [{
+						value: '1',
+						name: '没电指派无录音',
+						checked: true
+					},
+					{
+						value: '2',
+						name: '离线指派无录音',
+					},
+					{
+						value: '3',
+						name: '系统测试误操作'
+					},
+					{
+						value: '4',
+						name: '非接访场景录音'
+					},
+					{
+						value: '5',
+						name: '其他'
+					}
 				],
-				effectiveitext:'',
-				textItself:'',
-				argtextindex1:0,
-				argtextindex2:0
+				effectiveitext: '',
+				textItself: '',
+				argtextindex1: 0,
+				argtextindex2: 0
 			};
 		},
+
+		computed: {
+			nowTime() {
+				return this.getTime(this.luyinList[this.csdFileindex].recordDuration)
+			},
+		},
+
 		onLoad: function(options) {
 			this.status = options.status;
 			this.customerId = options.customerId;
 			this.itemobj = uni.getStorageSync('searchobj');
-			this.stateisshow=options.stateisshow;
+			this.stateisshow = options.stateisshow;
 		},
+		
 		onShow() {
 			this.Menulist = uni.getStorageSync('weapp_session_Menu_data');
-			this.Menulist.forEach(item=>{
-				if(item.name=='标记有效无效接待'){
-					this.Menulistisshow=true;
+			this.Menulist.forEach(item => {
+				if (item.name == '标记有效无效接待') {
+					this.Menulistisshow = true;
 				}
 			})
 			this.buildingID = uni.getStorageSync('buildingID').id;
@@ -279,209 +271,124 @@
 			if (this.userInfo.dataCode == 6) {
 				this.jiaoseshow = false
 			}
-			if(this.stateisshow==2){
-				var  info =this.itemobj;
-				console.log(info)
-			}else{
+			if (this.stateisshow == 2) {
+				var info = this.itemobj;
+			} else {
 				var pages = getCurrentPages();
 				var currPage = pages[pages.length - 1]; //当前页面
 				var info = currPage.data.info;
 			}
-			
+
 			this.gituserlist()
-			
-			this.innerAudioContext = uni.createInnerAudioContext();
-			this.innerAudioContext.autoplay = false;
-			this.innerAudioContext.title = '音频';
-			
-			this.onPlay()
-			this.onPause()
-			this.onCanplay()
-			this.onEnded()
-			this.onSeeking()
-			this.onSeeked()
-			this.TimeUpdate()
 			this.init(info)
 		},
-		
-		onUnload() {
-			//暂停
-			this.innerAudioContext.pause()
-			// 销毁
-			// this.innerAudioContext.destroy();
-		},
-		
+
 		methods: {
-			effectiveAdd(){
-				if(this.effectiveindex==4){
-					if(this.effectiveitext.length==0){
+			effectiveAdd() {
+				if (this.effectiveindex == 4) {
+					if (this.effectiveitext.length == 0) {
 						uni.showToast({
-						    title: '备注不能为空',
-							icon:"none",
-						    duration: 2000
+							title: '备注不能为空',
+							icon: "none",
+							duration: 2000
 						});
 						return
 					}
 				}
-				this.effective=false;
-				let parames={
-					id:this.customerId,
-					validInvalid:'',
-					validInvalid:1,
-					invalidReason:Number(this.effectiveindex)+1,
-					invalidNote:this.effectiveitext
+				this.effective = false;
+				let parames = {
+					id: this.customerId,
+					validInvalid: '',
+					validInvalid: 1,
+					invalidReason: Number(this.effectiveindex) + 1,
+					invalidNote: this.effectiveitext
 				}
 				this.$u.post("/customer/updateValidInvalid", parames).then(res => {
 					console.log(res)
 					this.gituserlist()
-				})	
+				})
 			},
-			 radioChange(evt) {
-				 this.effectiveitext="";
+			radioChange(evt) {
+				this.effectiveitext = "";
 				for (let i = 0; i < this.effectiveitems.length; i++) {
 					if (this.effectiveitems[i].value === evt.detail.value) {
-						this.effectiveindex = i;	
+						this.effectiveindex = i;
 						break;
 					}
 				}
 			},
 			//标记
-			alllogo(){
-				var that=this;
-				let msg='';
-				if(this.userlistobj.validInvalid!=0){
-					msg='是否标记为"有效录音"？';
+			alllogo() {
+				var that = this;
+				let msg = '';
+				if (this.userlistobj.validInvalid != 0) {
+					msg = '是否标记为"有效录音"？';
 					uni.showModal({
-					    title: '提示',
-					    content: msg,
-					    success: function (res) {
-					        if (res.confirm) {
-								let parames={
-									id:that.customerId,
-									validInvalid:'',
-									invalidReason:0
+						title: '提示',
+						content: msg,
+						success: function(res) {
+							if (res.confirm) {
+								let parames = {
+									id: that.customerId,
+									validInvalid: '',
+									invalidReason: 0
 								}
-								if(that.userlistobj.validInvalid==0){
-									parames.validInvalid=1;
-								}else{
-									parames.validInvalid=0;
+								if (that.userlistobj.validInvalid == 0) {
+									parames.validInvalid = 1;
+								} else {
+									parames.validInvalid = 0;
 								}
 								that.$u.post("/customer/updateValidInvalid", parames).then(res => {
 									console.log(res)
 									that.gituserlist()
 								})
-					        } 
-					    }
+							}
+						}
 					});
-				}else{
-					this.effective=true;
+				} else {
+					this.effective = true;
 				}
 			},
-					
+
 			//获取用户信息
-			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;
 				})
 			},
-			toKeywordsearch(){
-				this.innerAudioContext.destroy();
-				this.stateisshow=1;
+			toKeywordsearch() {
+				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(){
-				this.innerAudioContext.onPlay(() => {
-					// 播放监听
-					console.log('播放!');
-					this.audioPlay = true;
-					wx.enableAlertBeforeUnload({
-					 message: "是否确认退出详情页面？",
-					 success: function (res) {
-					   console.log("方法注册成功：", res);
-					 },
-					 fail: function (errMsg) {
-					   console.log("方法注册失败：", errMsg);
-					 },
-					});
-				});
-			},
-			onPause(){
-				this.innerAudioContext.onPause(() => {
-					  wx.disableAlertBeforeUnload({
-					        success:function(res){
-					          console.log(res)
-					        },
-					        fail:function(e){
-					          console.log(e)
-					        }
-					      });
-					// 暂停监听
-					console.log('暂停播放!');
-					this.audioPlay = false
-				});
-			},
-			onCanplay() {
-			    this.innerAudioContext.onCanplay((callback) => {  
-			        console.log("缓冲回调",this.innerAudioContext.duration);  
-			    })  
-			},  
-			onEnded(){
-				this.innerAudioContext.onEnded(() => {
-					// 结束播放监听
-					console.log('播放结束!');
-					this.audioPlay = false;
-					this.qeihuanwenjian()
-				});
-			},
-			onSeeking(){
-				this.innerAudioContext.onSeeking((res) => {
-					console.log("进行跳转", res);
-				})
-			},
-			onSeeked(){
-				this.innerAudioContext.onSeeked((res) => {
-					console.log("结束跳转", res);
-					this.$forceUpdate()
-				});
-			},
-			TimeUpdate(){
-				this.innerAudioContext.onTimeUpdate(() => {
-					const {
-						currentTime,
-						duration
-					} = this.innerAudioContext;
-					console.log(duration)
-					this.playNow = parseInt(currentTime * 1000)
-					if (this.dialogList.length == 0) {
-				
-					} else {
-						const message = this.dialogList[0].message
-						for (let i = 0; i < message.length; i++) {
-							if (Number(message[i].bg) < this.playNow && Number(message[i].ed) > this.playNow) {
-								this.scrollId = "dialog" + this.csdFileindex + "text" + message[i].bg;
-								break;
-							}
+
+			TimeUpdate(e) {
+				const {
+					currentTime,
+					duration
+				} = e;
+				this.playNow = parseInt(currentTime * 1000)
+				if (this.dialogList.length == 0) {
+					return
+				} else {
+					const message = this.dialogList[0].message
+					for (let i = 0; i < message.length; i++) {
+						if (Number(message[i].bg) < this.playNow && Number(message[i].ed) > this.playNow) {
+							this.scrollId = "dialog" + this.csdFileindex + "text" + message[i].bg;
+							break;
 						}
 					}
-					const currTimeStr = this.formatTime(currentTime);
-					this.sliderValue = parseInt(currentTime);
-					// 变动的时间
-					this.currentTimeStr = currTimeStr;
-					//进度条最大值
-					this.sliderMax = this.luyinList[this.csdFileindex].recordDuration;
-					this.$forceUpdate()
-				});
+				}
+				this.$forceUpdate()
 			},
-			
-			
+
+
 			init(info) {
-				this.sliderMax = 0; //进度条最大值
-				this.timeStr = "00:00"; //总的时间
 				const parames = {
 					pageNum: 1,
 					pageSize: 100,
@@ -496,61 +403,56 @@
 							alltime += item.recordDuration
 						})
 						this.alltimeStr = this.getTime(alltime)
-						if(info){
-							res.forEach((item,index) => {
-								if(item.id==info.customerId){
+						if (info) {
+							res.forEach((item, index) => {
+								if (item.id == info.customerId) {
 									console.log(item.id)
 									this.luyinList = res;
-									this.csdFileindex=index;
+									this.csdFileindex = index;
 									this.recordPath = res[index].recordPath
-									this.sliderMax = this.getTime(res[index].recordDuration)
-									this.timeStr = this.getTime(res[index].recordDuration)
 									this.date = res[index].receptionTime;
-									
 									this.isshowFile = false;
 									this.getCorpusAnalysis(info);
-									this.creatAudio()
-									var itc=parseInt(info.bg/1000)
+									var itc = parseInt(info.bg / 1000)
 									this.adasdasdasd(itc)
-									console.log("999999999999999999999")
 								}
-							})	
-						}else{	
+							})
+						} else {
 							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.innerAudioContext.src = this.recordPath;
-							// if(uni.getStorageSync('entrance')==2){
-								// this.changePlayState()
-							// }
-							console.log("11111111111111111111111")
 							this.luyinList = res;
 							this.getCorpusAnalysis()
 						}
+						
+						console.log(res, '打印音频列表内容')
+						
+						this.zyAudio()
 					}
 				})
 			},
+
+			//录音实例
+			zyAudio() {
+				console.log('this.recordPath', this.recordPath)
+				this.$refs.zyAudio.setSrc(this.recordPath)
+			},
+
 			//搜索跳转
 			adasdasdasd(e) {
-				console.log(e)
-				const currTimeStr = this.formatTime(e)
-				this.currentTimeStr = currTimeStr
-				this.innerAudioContext.seek(e);
-				
-				this.innerAudioContext.play();
+				this.$refs.zyAudio.seek(e)
+				this.$refs.zyAudio.play();
 			},
 			//下一页
 			ltolower() {
-				var lengthcz=this.luyinList.length-1;
+				var lengthcz = this.luyinList.length - 1;
 				if (this.num >= lengthcz) {
 					uni.showToast({
 						title: '到底了',
 						duration: 2000
 					});
 					return
-				}else {
-					this.num=this.num+1;
+				} else {
+					this.num = this.num + 1;
 					uni.showLoading({
 						title: '加载中'
 					});
@@ -558,7 +460,8 @@
 						uni.hideLoading();
 					}, 2000);
 					uni.request({
-						url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.num].id+"&customerId="+this.customerId, //仅为示例，并非真实接口地址。
+						url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.num].id +
+							"&customerId=" + this.customerId, //仅为示例，并非真实接口地址。
 						method: "GET",
 						header: {
 							'content-type': 'application/json',
@@ -574,7 +477,7 @@
 									const jsonInfo = JSON.parse(data.data.data.audioContent);
 									this.dialogList.push({
 										message: jsonInfo,
-										backindex:this.num
+										backindex: this.num
 									});
 									this.dialogList.forEach((asd, idx) => {
 										asd.message.forEach((qwe, inde) => {
@@ -595,14 +498,14 @@
 						duration: 2000
 					});
 					return
-				} else if(this.Bnum == 0){
+				} else if (this.Bnum == 0) {
 					uni.showToast({
 						title: '到头了',
 						duration: 2000
 					});
 					return
-				}else {
-					this.Bnum=this.Bnum-1;
+				} else {
+					this.Bnum = this.Bnum - 1;
 					uni.showLoading({
 						title: '加载中'
 					});
@@ -610,7 +513,8 @@
 						uni.hideLoading();
 					}, 2000);
 					uni.request({
-						url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.Bnum].id+"&customerId="+this.customerId, //仅为示例，并非真实接口地址。
+						url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.Bnum].id +
+							"&customerId=" + this.customerId, //仅为示例，并非真实接口地址。
 						method: "GET",
 						header: {
 							'content-type': 'application/json',
@@ -688,7 +592,7 @@
 							let objdata = {
 								"carId": that.customerId, //客户id
 								"status": 0,
-								"itemId":that.buildingID,
+								"itemId": that.buildingID,
 							}
 							uni.request({
 								url: config.service.addATD,
@@ -746,7 +650,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, //正确词
@@ -754,8 +658,8 @@
 
 						}
 						this.isshow2 = false;
-						let sas=this.textItself.replace(this.thewrongword,this.reswrongword)
-						this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest=sas
+						let sas = this.textItself.replace(this.thewrongword, this.reswrongword)
+						this.dialogList[this.argtextindex1].message[this.argtextindex2].onebest = sas
 						this.dialogList.forEach(res => {
 							res.message.forEach(asd => {
 								asd.isshow = false;
@@ -798,8 +702,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
@@ -876,13 +780,13 @@
 				this.changanitem = item;
 				this.duihuawenjianid = this.luyinList[this.csdFileindex].id;
 				this.dialogList[i].message[index].isshow = !this.dialogList[i].message[index].isshow;
-				this.textItself=item.onebest;
-				let onebest=item.onebest;
-				this.thewrongword =onebest.replace(/<.*?>/ig,"");
+				this.textItself = item.onebest;
+				let onebest = item.onebest;
+				this.thewrongword = onebest.replace(/<.*?>/ig, "");
 				// this.thewrongword = item.onebest;
 				this.messagelisy = this.dialogList[i].message
-				this.argtextindex1=i;
-				this.argtextindex2=index;
+				this.argtextindex1 = i;
+				this.argtextindex2 = index;
 			},
 			//回到顶部
 			gotoTop() {
@@ -903,8 +807,6 @@
 			//录音列表显示隐藏
 			showFile() {
 				this.isshowFile = !this.isshowFile;
-				this.audioPlay == false;
-				this.innerAudioContext.pause()
 			},
 
 			//评分上下显隐
@@ -918,9 +820,6 @@
 			// 获取评分
 			getRatelist() {
 				if (this.ratelist.length == 0) {
-					uni.showLoading({
-						title: '加载中'
-					});
 					this.$u.get("/customer/findzkMByCusId", {
 						cusId: this.customerId
 					}).then(res => {
@@ -972,16 +871,16 @@
 
 
 			},
-		
+
 			// 获取转义后的对话结果
 			getCorpusAnalysis(info) {
-				// let cc=JSON.parse(this.userlistobj.sensitiveWords)[0]
 				this.dialogList = [];
 				uni.showLoading({
 					title: '加载中'
 				});
 				uni.request({
-					url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.csdFileindex].id+"&customerId="+this.customerId, //仅为示例，并非真实接口地址。
+					url: config.service.getCorpusAnalysis + '?corpusId=' + this.luyinList[this.csdFileindex].id +
+						"&customerId=" + this.customerId, //仅为示例，并非真实接口地址。
 					method: "GET",
 					header: {
 						'content-type': 'application/json',
@@ -995,35 +894,35 @@
 								}, 2000);
 							} else {
 								const jsonInfo = JSON.parse(data.data.data.audioContent);
-								if(this.luyinList[this.csdFileindex].recordDuration>360){
+								if (this.luyinList[this.csdFileindex].recordDuration > 360) {
 									//拿到总条数
-									var stusnum=jsonInfo.length;
+									var stusnum = jsonInfo.length;
 									this.dialogList.push({
-										message: jsonInfo.splice(0,80),
-										backindex:this.csdFileindex
+										message: jsonInfo.splice(0, 80),
+										backindex: this.csdFileindex
 									});
-									
+
 									var auth_timetimer = setInterval(() => {
-										stusnum-=100;
-										console.log("还剩下"+stusnum)
+										stusnum -= 100;
+										console.log("还剩下" + stusnum)
 										if (stusnum <= 0) {
 											console.log("停止")
 											clearInterval(auth_timetimer);
-										}else{
+										} else {
 											console.log("添加")
-											
-											var newlistwang=[];
-											newlistwang=jsonInfo.splice(0,100);
-											console.log("新数组",newlistwang)
-											newlistwang.forEach(item=>{
+
+											var newlistwang = [];
+											newlistwang = jsonInfo.splice(0, 100);
+											console.log("新数组", newlistwang)
+											newlistwang.forEach(item => {
 												this.dialogList[0].message.push(item)
 											})
 										}
-									}, 1000);	
-								}else{
+									}, 1000);
+								} else {
 									this.dialogList.push({
 										message: jsonInfo,
-										backindex:this.csdFileindex
+										backindex: this.csdFileindex
 									});
 								}
 								this.dialogList.forEach((asd, idx) => {
@@ -1031,7 +930,7 @@
 										qwe.isshow = false;
 									})
 								})
-								
+
 								setTimeout(function() {
 									uni.hideLoading();
 								}, 2000);
@@ -1056,9 +955,9 @@
 						return false;
 					}
 				});
-			},	
+			},
 			//替换方法
-			brightKeyword(val,cc) {
+			brightKeyword(val, cc) {
 				if (val.indexOf(cc) !== -1) {
 					return val.replace(cc, `<font style='color: red'>${cc}</font>`);
 				} else {
@@ -1068,90 +967,48 @@
 			getTime(time) {
 				return util.formatSecond(time)
 			},
-			// 录音暂停播放
-			changePlayState() {
-				if (this.audioPlay == false) {
-					this.innerAudioContext.play();
-				} else {
-					this.innerAudioContext.pause()
-				}
-			},
+
 			//音频前进回退
 			sliderChangeComplate(e) {
-				const currTimeStr = this.formatTime(e.detail.value)
-				this.currentTimeStr = currTimeStr
-				this.innerAudioContext.seek(e.detail.value);
-				this.innerAudioContext.play();
+				this.$refs.zyAudio.seek(e.detail.value);
+				this.$refs.zyAudio.play();
 			},
 			//长按点击播放
-			clickbofang(dialog,item) {
-				this.innerAudioContext.pause()
+			clickbofang(dialog, item) {
 				this.dialogList.forEach(res => {
 					res.message.forEach(asd => {
 						asd.isshow = false;
 					})
 				})
 				this.$forceUpdate()
-				if(dialog==this.csdFileindex){
+				if (dialog == this.csdFileindex) {
 					let time = parseInt(item.bg / 1000)
-					const currTimeStr = this.formatTime(time)
-					this.currentTimeStr = currTimeStr
-					this.innerAudioContext.seek(time);
-					this.innerAudioContext.play();
+					this.$refs.zyAudio.seek(time);
+					this.$refs.zyAudio.play();
 					return
-				}else{
+				} else {
 					let time = parseInt(item.bg / 1000)
-					this.innerAudioContext.destroy()
-							
 					this.csdFileindex = dialog;
 					this.recordPath = this.luyinList[dialog].recordPath;
-					this.sliderMax = this.getTime(this.luyinList[dialog].recordDuration);
-					this.timeStr = this.getTime(this.luyinList[dialog].recordDuration);
 					this.date = this.luyinList[dialog].receptionTime;
-					this.creatAudio()
 					this.getCorpusAnalysis()
-					
-					const currTimeStr = this.formatTime(time)
-					this.currentTimeStr = currTimeStr
-					this.innerAudioContext.seek(time);
-					this.innerAudioContext.play();
+
+					this.$refs.zyAudio.seek(time);
+					this.$refs.zyAudio.play();
 				}
 			},
 			// 文件切换播放
 			filechange(item, i) {
-				this.num=i;//下拉起始位置
-				this.Bnum=i;
-				this.innerAudioContext.destroy();
+				this.num = i; //下拉起始位置
+				this.Bnum = i;
 				this.csdFileindex = i;
 				this.recordPath = item.recordPath;
-				this.sliderMax = this.getTime(item.recordDuration);
-				this.timeStr = this.getTime(item.recordDuration);
-				this.currentTimeStr = "00:00";
-				this.sliderValue=0;
-				this.$forceUpdate()
 				this.date = item.receptionTime;
 				this.isshowFile = false;
-				this.creatAudio()
+				this.zyAudio()
 				this.getCorpusAnalysis()
-				
-			},
-			//录音实例
-			creatAudio() {
-				this.innerAudioContext = uni.createInnerAudioContext();
-				// if(uni.getStorageSync('entrance')==1){
-				this.innerAudioContext.autoplay = false;
-				// }else{
-					// this.innerAudioContext.autoplay = true;
-				// }
-				this.innerAudioContext.src = this.recordPath;
-				this.innerAudioContext.title = '音频';
-				this.onPlay()
-				this.onPause()
-				this.onCanplay()
-				this.onEnded()
-				this.onSeeking()
-				this.onSeeked()
-				this.TimeUpdate()
+				this.$forceUpdate()
+
 			},
 			// 自动播放下一个文件
 			qeihuanwenjian() {
@@ -1184,19 +1041,20 @@
 	}
 </script>
 <style lang="scss" scoped>
-	.ffectivetext{
+	.ffectivetext {
 		width: 85%;
 		margin: 10rpx auto;
 		height: 100rpx;
 		padding: 20rpx;
 		border: 1rpx solid #E4F0FF;
 	}
-	
+
 	.biaoqiantom {
 		background-color: #008EF2;
 		color: #FFFFFF;
 		border: none;
 	}
+
 	// 表单
 	.tian-view {
 		width: 570upx;
@@ -1204,6 +1062,7 @@
 		border-bottom: 1px solid #ededee;
 		display: flex;
 		min-height: 96rpx;
+
 		.tian-view-t1 {
 			width: 20rpx;
 			font-size: 34rpx;
@@ -1212,6 +1071,7 @@
 			letter-spacing: 0px;
 			color: red;
 		}
+
 		.tian-view-t2 {
 			width: 30%;
 			min-height: 96rpx;
@@ -1219,11 +1079,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;
@@ -1231,6 +1093,7 @@
 			}
 		}
 	}
+
 	.zhezhoa {
 		position: fixed;
 		top: 0;
@@ -1241,6 +1104,7 @@
 		opacity: 0.5;
 		background-color: #666666;
 	}
+
 	.bounced {
 		width: 570upx;
 		background: #FFFFFF;
@@ -1250,6 +1114,7 @@
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%);
+
 		/* 50%为自身尺寸的一半 */
 		.jiajinghuatit {
 			width: 100%;
@@ -1258,10 +1123,12 @@
 			text-align: center;
 			line-height: 68rpx;
 		}
+
 		.jiajinghuaview {
 			padding: 18rpx 18rpx 18rpx 18rpx;
 			display: flex;
 			flex-wrap: wrap;
+
 			.jiajinghuaview1 {
 				padding: 8rpx 8rpx 8rpx 8rpx;
 				font-size: 26rpx;
@@ -1269,6 +1136,7 @@
 				border: 1px solid #979797;
 				margin-left: 8rpx;
 			}
+
 			.jighuaview2 {
 				padding: 8rpx 18rpx 8rpx 18rpx;
 				font-size: 26rpx;
@@ -1277,14 +1145,17 @@
 				margin-left: 20rpx;
 				margin-top: 10rpx;
 				display: flex;
+
 				.view1-text {
 					text-align: center;
 				}
+
 				.view1-img {
 					width: 50rpx;
 				}
 			}
 		}
+
 		.bounced3 {
 			height: 100upx;
 			width: 100%;
@@ -1292,6 +1163,7 @@
 			border-top: 1px solid #dddddd;
 			display: flex;
 		}
+
 		.bounced3-1 {
 			width: 50%;
 			height: 100%;
@@ -1301,6 +1173,7 @@
 			font-size: 36upx;
 			color: #999999;
 		}
+
 		.bounced3-2 {
 			width: 50%;
 			height: 100%;
@@ -1310,6 +1183,7 @@
 			color: #108ee9;
 		}
 	}
+
 	.translation {
 		padding-left: 30rpx;
 		padding-right: 30rpx;
@@ -1318,6 +1192,7 @@
 		flex-direction: column;
 		height: 100vh;
 	}
+
 	.translation .top {
 		margin: 0 -30upx;
 		padding: 0 30upx;
@@ -1325,14 +1200,17 @@
 		border-bottom: 1rpx solid #F2F2F2;
 		padding-bottom: 10rpx;
 	}
+
 	.translation .top .title {
 		display: flex;
 		justify-content: space-between;
+
 		.hash {
 			color: rgba(21, 144, 233, 1);
 			font-size: 24upx;
 		}
 	}
+
 	.call_record_time {
 		height: 44rpx;
 		font-size: 28rpx;
@@ -1340,6 +1218,7 @@
 		color: #008EF2;
 		line-height: 44rpx;
 	}
+
 	.call_record_time_one {
 		height: 48rpx;
 		font-size: 24rpx;
@@ -1349,14 +1228,15 @@
 		display: flex;
 		justify-content: space-between;
 		position: relative;
-		.audoioyouxiao{
+
+		.audoioyouxiao {
 			height: 46rpx;
 			position: absolute;
 			top: 0rpx;
 			right: 140rpx;
 			font-size: 30rpx;
 		}
-		
+
 		.diangweitupian {
 			width: 46rpx;
 			height: 46rpx;
@@ -1364,6 +1244,7 @@
 			top: 0rpx;
 			right: 75rpx;
 		}
+
 		.file-change {
 			position: absolute;
 			top: 50rpx;
@@ -1377,6 +1258,7 @@
 			max-height: 600rpx;
 			overflow: auto;
 		}
+
 		.file-item {
 			width: 184rpx;
 			height: 60rpx;
@@ -1387,27 +1269,33 @@
 			color: #333333;
 			border-bottom: 1rpx solid #E2E2E2;
 		}
+
 		.file-item:last-child {
 			border: 0
 		}
+
 		.fileactive {
 			color: #008EF2
 		}
 	}
+
 	.audio-container {
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
+
 		.audio-head {
 			width: 60rpx;
 			height: 60rpx;
 			flex-shrink: 0;
 		}
+
 		.audio-head .image {
 			width: 100%;
 			height: 100%;
 		}
+
 		.audio-slider {
 			width: 96%;
 			position: relative;
@@ -1416,11 +1304,13 @@
 			justify-content: space-between;
 			align-items: center;
 		}
+
 		.audio-slider .slider {
 			width: 100%;
 			padding: 0px 15rpx;
 			box-sizing: border-box;
 		}
+
 		.audio-time {
 			width: 110rpx;
 			text-align: right;
@@ -1430,16 +1320,19 @@
 			display: flex;
 			justify-content: space-between;
 		}
+
 		.audio-play {
 			width: 40rpx;
 			height: 40rpx;
 			flex-shrink: 0;
 		}
+
 		.audio-play .image {
 			width: 100%;
 			height: 100%;
 		}
 	}
+
 	.scroll-Y {
 		font-size: 36upx;
 		color: #999999;
@@ -1449,17 +1342,20 @@
 		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;
@@ -1467,6 +1363,7 @@
 			color: #999999;
 		}
 	}
+
 	.scroll-Y .text .avatar {
 		width: 64upx;
 		height: 64upx;
@@ -1484,6 +1381,7 @@
 		// 	width: 40upx;
 		// }
 	}
+
 	.scroll-Y .text .content {
 		margin-left: 30upx;
 		line-height: 60rpx;
@@ -1494,6 +1392,7 @@
 		max-width: 442rpx;
 		color: #FFFFFF;
 		position: relative;
+
 		.tankuangcss {
 			position: absolute;
 			top: -140rpx;
@@ -1510,28 +1409,32 @@
 			border-radius: 15rpx;
 			z-index: 1000;
 		}
-		
-		
+
+
 		.bottoms {
 			top: unset;
 			bottom: -140rpx;
 		}
 	}
+
 	.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;
 	}
+
 	.tab-box {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
+
 		.yinpinshibie {
 			width: 156rpx;
 			height: 50rpx;
@@ -1542,8 +1445,10 @@
 			line-height: 50rpx;
 			letter-spacing: 2rpx;
 			margin-right: 188rpx;
+
 			&.active {
 				position: relative;
+
 				&::after {
 					position: absolute;
 					content: '';
@@ -1558,6 +1463,7 @@
 				}
 			}
 		}
+
 		.rate {
 			width: 156rpx;
 			height: 50rpx;
@@ -1567,8 +1473,10 @@
 			line-height: 50rpx;
 			letter-spacing: 2rpx;
 			text-align: center;
+
 			&.active {
 				position: relative;
+
 				&::after {
 					position: absolute;
 					content: '';
@@ -1584,6 +1492,7 @@
 			}
 		}
 	}
+
 	.backTop {
 		width: 60upx;
 		height: 60upx;
@@ -1596,14 +1505,17 @@
 		display: flex;
 		justify-content: center;
 		align-items: center;
+
 		image {
 			width: 26upx;
 			height: 34upx;
 		}
 	}
+
 	// 评分
 	.rate-box {
 		padding: 10rpx 20rpx;
+
 		.date {
 			width: 300rpx;
 			height: 33rpx;
@@ -1614,6 +1526,7 @@
 			letter-spacing: 1rpx;
 			margin-bottom: 8rpx;
 		}
+
 		.title {
 			width: 100%;
 			height: 42rpx;
@@ -1624,9 +1537,11 @@
 			letter-spacing: 2rpx;
 			margin-bottom: 20rpx;
 		}
+
 		.level1 {
 			display: flex;
 			align-items: center;
+
 			.level-name {
 				width: 104rpx;
 				height: 33rpx;
@@ -1637,12 +1552,14 @@
 				letter-spacing: 1rpx;
 				margin-right: 10rpx;
 			}
+
 			.level-progress {
 				flex: 1;
 				border-radius: 11rpx;
 				height: 21rpx;
 				background-color: #BEE4FF;
 				position: relative;
+
 				.color {
 					width: 0;
 					position: absolute;
@@ -1653,6 +1570,7 @@
 					background-color: #008EF2;
 				}
 			}
+
 			.level-rate {
 				width: 65rpx;
 				height: 33rpx;
@@ -1663,15 +1581,18 @@
 				letter-spacing: 1rpx;
 				margin: 0 20rpx 0 15rpx;
 			}
+
 			.arrow {
 				width: 37rpx;
 				height: 21rpx;
 				padding: 5rpx 20rpx;
 			}
+
 			.rotatearrow {
 				transform: rotate(270deg);
 			}
 		}
+
 		.level1-subbox {
 			display: flex;
 			margin-top: 20rpx;
@@ -1681,6 +1602,7 @@
 				width: 50%;
 				display: flex;
 				margin-bottom: 18rpx;
+
 				.subitem-name {
 					width: 104rpx;
 					height: 33rpx;
@@ -1691,6 +1613,7 @@
 					letter-spacing: 1rpx;
 					margin-right: 12rpx;
 				}
+
 				.checkimg {
 					width: 27rpx;
 					height: 27rpx;
@@ -1698,9 +1621,11 @@
 			}
 		}
 	}
+
 	.dialog-block {
 		margin: 20rpx 0;
 		border-bottom: 1px solid #ccc;
+
 		.fileName {
 			text-align: center;
 			margin: 10rpx auto;
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index bc34ae4..8aa8969 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -36,70 +36,9 @@
 					:class="{active: item.bg < playNow &&  item.ed > playNow && i==0}"
 					v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker">
 					<view class="avatar">
-						<view v-if="item.speaker == 1" style="color: #60CBEC;">
+						<view :style="[SPEAKERSTYLE(item.speaker)]">
 							<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
-							<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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>
-						</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>{{ item.speaker | toCapital }}</text>
 						</view>
 					</view>
 					<view class="content">
@@ -128,23 +67,10 @@
 		<view class="bottombox">
 			<!-- <LongAudio :customerId="customerId" :infos="infos" :roleindex="roleindex"></LongAudio> -->
 			<!-- 播放块 -->
-			<view class="bottomhead">
-				<view class="audio-play" @tap="changePlayState">
-					<image class="image" mode="widthFix"
-						:src="audioPlay ? 'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/pause.png' : 'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/play.png'">
-					</image>
-				</view>
-				<view class="audio-slider">
-					<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>
-					<view class="audio-time">
-						<text>{{timeStr}}</text>
-					</view>
-				</view>
-			</view>
+
+			<!-- 播放块 :src="recordPath" -->
+			<yz-audio ref="zyAudio" @timeUpdate="TimeUpdate" @sliderChangeComplate="sliderChangeComplate"></yz-audio>
+
 			<!-- 底部弹框 -->
 			<view class="botbotmm">
 				<view class="tmmchen" @click="guanjiancishifo()">
@@ -421,7 +347,8 @@
 					</view>
 					<view class="bioqianwayl" v-if="item.isshow==true">
 						<view class="jiangshang" v-for="(chend,i) in item.children" :key='i' v-if="chend.selected==0">
-							{{chend.text}}</view>
+							{{chend.text}}
+						</view>
 					</view>
 				</view>
 			</view>
@@ -482,7 +409,7 @@
 	var config = require("../../config");
 	import LongAudio from "@/components/long_audio/long_audio.vue"
 	export default {
-		components:{
+		components: {
 			LongAudio
 		},
 		data() {
@@ -583,7 +510,7 @@
 				roleisshaw: false,
 				roleindexrow: 0,
 				roletiaoshu: 0,
-				infos:null
+				infos: null
 			};
 		},
 		onLoad: function(options) {
@@ -592,11 +519,11 @@
 			this.itemobj = uni.getStorageSync('searchobj');
 			console.log(this.itemobj)
 			this.stateisshow = options.stateisshow;
-			uni.$on("playNows",(val)=>{
-			    this.playNow=val;
+			uni.$on("playNows", (val) => {
+				this.playNow = val;
 			})
-			uni.$on("scrollIds",(val)=>{
-			    this.scrollId=val;
+			uni.$on("scrollIds", (val) => {
+				this.scrollId = val;
 			})
 		},
 		onShow() {
@@ -627,28 +554,10 @@
 				this.infos = currPage.data.info;
 			}
 			this.gituserlist()
-			this.innerAudioContext = uni.createInnerAudioContext();
-			this.innerAudioContext.autoplay = false;
-			this.innerAudioContext.title = '音频';
-
-			this.onPlay()
-			this.onPause()
-			this.onCanplay()
-			this.onEnded()
-			this.onSeeking()
-			this.onSeeked()
-			this.TimeUpdate()
 			this.init(this.infos)
 
 		},
-		
-		
-		onUnload() {
-			//暂停
-			this.innerAudioContext.pause()
-			// 销毁
-			// this.innerAudioContext.destroy();
-		},
+
 		methods: {
 			rolexuanze(index) {
 				this.roleindexrow = index;
@@ -684,7 +593,6 @@
 			},
 			argece(item) {
 				console.log(item)
-				this.innerAudioContext.destroy();
 				if (item.selected == 0) {
 					console.log(item)
 					uni.navigateTo({
@@ -728,7 +636,6 @@
 			},
 			//评分点击
 			clickaudeopal(item) {
-				this.innerAudioContext.destroy();
 				if (item.selected == 0) {
 					console.log(item)
 					uni.navigateTo({
@@ -753,7 +660,6 @@
 				this.Acquirecustomerintentlist2[i].isshow = !this.Acquirecustomerintentlist2[i].isshow;
 			},
 			tocalibration() {
-				this.innerAudioContext.destroy();
 				uni.navigateTo({
 					url: '/pages/mine/calibration?id=' + this.customerId
 				});
@@ -951,7 +857,6 @@
 			},
 			guanjiancishifo() {
 				// this.guanjianciishow=!this.guanjianciishow;
-				this.innerAudioContext.destroy();
 
 				this.stateisshow = 1;
 				uni.navigateTo({
@@ -1056,7 +961,7 @@
 							this.roleindexbiaoji = data.data.data.speaker - 1;
 							this.dshfkjsdkksodofydwfkhwdfkjh = data.data.data.speaker - 1;
 						}
-						if (this.roleindex > this.tablist.length - 1) { 
+						if (this.roleindex > this.tablist.length - 1) {
 							this.roleindex = this.tablist.length - 1
 							this.fenjiaoseunfo()
 						}
@@ -1084,7 +989,6 @@
 				})
 			},
 			toKeywordsearch() {
-				this.innerAudioContext.destroy();
 
 				this.stateisshow = 1;
 				uni.navigateTo({
@@ -1092,92 +996,25 @@
 						"&skpl=" + "1"
 				})
 			},
-			onPlay() {
-				this.innerAudioContext.onPlay(() => {
-					// 播放监听
-					console.log('播放!');
-					this.audioPlay = true;
-					wx.enableAlertBeforeUnload({
-						message: "是否确认退出详情页面？",
-						success: function(res) {
-					 	console.log("方法注册成功：", res);
-						},
-						fail: function(errMsg) {
-					  console.log("方法注册失败：", errMsg);
-						},
-					});
-				});
-			},
-			onPause() {
-				this.innerAudioContext.onPause(() => {
-					wx.disableAlertBeforeUnload({
-						success: function(res) {
-							console.log(res)
-						},
-						fail: function(e) {
-							console.log(e)
-						}
-					});
-					// 暂停监听
-					console.log('暂停播放!');
-					this.audioPlay = false
-				});
-			},
-			onCanplay() {
-				this.innerAudioContext.onCanplay((callback) => {
-					console.log("缓冲回调", this.innerAudioContext.duration);
-				})
-			},
-			onEnded() {
-				this.innerAudioContext.onEnded(() => {
-					// 结束播放监听
-					console.log('播放结束!');
-					this.audioPlay = false;
-				});
-			},
-			onSeeking() {
-				this.innerAudioContext.onSeeking((res) => {
-					console.log("进行跳转", res);
-				})
-			},
-			onSeeked() {
-				this.innerAudioContext.onSeeked((res) => {
-					console.log("结束跳转", res);
-					this.$forceUpdate()
-				});
-			},
-			TimeUpdate() {
-				this.innerAudioContext.onTimeUpdate(() => {
-					// var pages = getCurrentPages();
-					// if(pages[pages.length-1].route!="pages/mine/details2"){
-					// 	this.innerAudioContext.destroy();
-					// }
-					const {
-						currentTime,
-						duration
-					} = this.innerAudioContext;
-					console.log(currentTime, 'TimeUpdate, currentTime')
-					this.playNow = parseInt(currentTime * 1000)
-					console.log(this.playNow)
-					if (this.dialogList.length == 0) {
-						return
-					} else {
-						const message = this.dialogList[0].message;
-						for (let i = 0; i < message.length; i++) {
-							if (Number(message[i].bg) < this.playNow && Number(message[i].ed) > this.playNow) {
-								this.scrollId = "dialog" + this.csdFileindex + "text" + message[i].bg;
-								break;
-							}
+
+			TimeUpdate(e) {
+				const {
+					currentTime,
+					duration
+				} = e
+				this.playNow = parseInt(currentTime * 1000)
+				if (this.dialogList.length == 0) {
+					return
+				} else {
+					const message = this.dialogList[0].message;
+					for (let i = 0; i < message.length; i++) {
+						if (Number(message[i].bg) < this.playNow && Number(message[i].ed) > this.playNow) {
+							this.scrollId = "dialog" + this.csdFileindex + "text" + message[i].bg;
+							break;
 						}
 					}
-					const currTimeStr = this.formatTime(currentTime);
-					this.sliderValue = parseInt(currentTime);
-					// 变动的时间
-					this.currentTimeStr = currTimeStr;
-					//进度条最大值
-					this.sliderMax = this.luyinList[this.csdFileindex].recordDuration;
-					this.$forceUpdate()
-				});
+				}
+				this.$forceUpdate()
 			},
 
 
@@ -1204,34 +1041,26 @@
 						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 {
 							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()
 						}
+
+						this.zyAudio()
 					}
 				})
 			},
 			//搜索跳转
 			adasdasdasd(e) {
-				const currTimeStr = this.formatTime(e)
-				this.currentTimeStr = currTimeStr
-				this.innerAudioContext.seek(e);
+				this.$refs.zyAudio.seek(e)
 				if (uni.getStorageSync('entrance') == 1) {
 					return
 				} else {
-					this.innerAudioContext.play();
+					this.$refs.zyAudio.play();
 				}
 			},
 			//下一页
@@ -1694,21 +1523,18 @@
 			},
 
 
-
-
 			getTime(time) {
 				return util.formatSecond(time)
 			},
-			// 录音暂停播放
-			changePlayState() {
-				if (this.audioPlay == false) {
-					this.innerAudioContext.play();
-				} else {
-					this.innerAudioContext.pause()
-				}
-			},
+
+
 			//音频前进回退
 			sliderChangeComplate(e) {
+				if (e.isType == 'audio') {
+					this.$refs.zyAudio.pause()
+				} else {
+					this.$refs.zyAudio.audioPause()
+				}
 				let platetime = e.detail.value * 1000;
 				this.dialogList = []
 				uni.request({
@@ -1727,11 +1553,14 @@
 						} else {
 							this.dialogList.push(this.newluyinList[data.data.data.index])
 						}
-						console.log(e.detail, '1233333333333333333333333333333333333333333333333333333333333')
-						const currTimeStr = this.formatTime(e.detail.value)
-						this.currentTimeStr = currTimeStr
-						this.innerAudioContext.seek(e.detail.value);
-						this.innerAudioContext.play();
+
+						if (e.isType == 'audio') {
+							this.$refs.zyAudio.seek(e.detail.value);
+							this.$refs.zyAudio.play();
+						} else {
+							this.$refs.zyAudio.audioSeek(e.detail.value);
+							this.$refs.zyAudio.audioPlay();
+						}
 					}
 				})
 			},
@@ -1760,33 +1589,12 @@
 						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)
-						console.log(currTimeStr, 'currTimeStr')
 						this.currentTimeStr = currTimeStr
-						this.innerAudioContext.seek(newtime);
-						this.innerAudioContext.play();
+						this.$refs.zyAudio.seek(newtime)
+						this.$refs.zyAudio.play()
 					}
 				})
 			},
-			//录音实例
-			creatAudio() {
-				this.innerAudioContext = uni.createInnerAudioContext();
-				if (uni.getStorageSync('entrance') == 1) {
-					this.innerAudioContext.autoplay = false;
-				} else {
-					this.innerAudioContext.autoplay = true;
-				}
-
-				this.innerAudioContext.src = this.recordPath;
-				this.innerAudioContext.title = '音频';
-				this.onPlay()
-				this.onPause()
-				this.onCanplay()
-				this.onEnded()
-				this.onSeeking()
-				this.onSeeked()
-				this.TimeUpdate()
-			},
 			formatTime(num) {
 				//格式化时间格式
 				num = num.toFixed(0);
@@ -1800,7 +1608,12 @@
 				this.dialogListres[0].message.forEach(asd => {
 					asd.isshow = false;
 				})
-			}
+			},
+			
+			//录音实例
+			zyAudio() {
+				this.$refs.zyAudio.setSrc(this.recordPath)
+			},
 		},
 	}
 </script>
@@ -1916,8 +1729,8 @@
 		height: 84rpx;
 		border-bottom: 1px solid #E0E0E0;
 		display: flex;
-	
-	.boxhead1 {
+
+		.boxhead1 {
 			width: 50%;
 			color: #303030;
 			height: 84rpx;
@@ -2181,7 +1994,7 @@
 		left: 50%;
 		top: 50%;
 		transform: translate(-50%, -50%);
-		
+
 		.headpade {
 			margin-top: 10rpx;
 			padding: 8rpx 8rpx 8rpx 8rpx;
diff --git a/store/index.js b/store/index.js
new file mode 100644
index 0000000..ee53307
--- /dev/null
+++ b/store/index.js
@@ -0,0 +1,54 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+	state: {
+		bgAudioMannager: null,
+	},
+	
+	mutations: {
+		createAudio(state) {
+			state.bgAudioMannager = uni.getBackgroundAudioManager();
+		},
+		
+		setSeekAudio(state, t) {
+			state.bgAudioMannager.seek(t)
+		},
+		
+		// 加载音频监听方法
+		initAudioMethod (state, obj) {
+			state.bgAudioMannager.onCanplay(() => {
+				state.bgAudioMannager.currentTime = obj.currentTime
+			});
+			state.bgAudioMannager.onStop(() => {
+				console.log('停止播放');
+			});
+			
+			state.bgAudioMannager.onPause(() => {
+				console.log('暂停播放');
+			});
+			state.bgAudioMannager.onEnded(() => {
+				//初始化 需要的参数
+				console.log('自然播放结束事件');
+			});
+			state.bgAudioMannager.onError((res) => {
+				console.log(res.errMsg);
+				console.log(res.errCode);
+			});
+		},
+		
+		// 停止全局音频播放
+		stopAduio(state) {
+			state.bgAudioMannager && state.bgAudioMannager.pause()
+			if (state.bgAudioMannager && state.bgAudioMannager.src) {
+				state.bgAudioMannager.src = ''
+			}
+		},
+	},
+	
+	action: {
+		
+	}
+})
\ No newline at end of file
diff --git a/utils/domain.js b/utils/domain.js
index 7dfe55e..1c2f80d 100644
--- a/utils/domain.js
+++ b/utils/domain.js
@@ -1,12 +1,12 @@
 // http.js使用域名
 // const baseUrl = 'http://192.168.31.57:8080/autoSR/api';// 本地
-const baseUrl = 'http://121.42.63.138:9091/autoSR/api';// 测试站
+// const baseUrl = 'http://121.42.63.138:9091/autoSR/api';// 测试站
 // const baseUrl = 'http://192.168.31.92:8080/api';// sh
 // const baseUrl = 'http://81.70.55.170:9090/autoSR/api';// 测试站
 // const baseUrl = 'http://192.168.31.167:8080/autoSR/api'; // 长龙	
 // const baseUrl = 'http://192.168.31.134:8080/autoSR/api'; // 佳豪
 // const baseUrl = 'http://10.2.1.104:8081/autoSR/api'; // 刘敏
-// const baseUrl = 'https://zkgj.quhouse.com/api'; // 质控正式
+const baseUrl = 'https://zkgj.quhouse.com/api'; // 质控正式 
 // const baseUrl = 'https://hfju.com/api'; // 数智正式