From cacedd3d0aa559b25a58d8e4f7ccca920966dcbe Mon Sep 17 00:00:00 2001 From: douzhuo <17611323298@163.com> Date: Fri, 6 May 2022 14:35:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/center/prohibited/details.vue | 78 ++++++++++++++++++----------- 1 file changed, 49 insertions(+), 29 deletions(-) diff --git a/pages/center/prohibited/details.vue b/pages/center/prohibited/details.vue index 51ae834..19ccac6 100644 --- a/pages/center/prohibited/details.vue +++ b/pages/center/prohibited/details.vue @@ -44,7 +44,7 @@ {{ item.speaker | toCapital }} - + {{ item.speaker | toCapital }} @@ -238,7 +238,9 @@ sliderValue: 0, //进度条最小值 sliderMax: 0, //进度条最大值 playNow: 0, // 当前播放时间 + audioType: false, // 音频是否自动播放状态 scrollId: "", // 当前播放滚动到的位置 + tagValidShow: false, // 标记弹窗 reasonSrc: '', // 标记无效的原因 findTabooWordsList: [], // 违禁词列表 @@ -274,7 +276,7 @@ this.gituserlist() this.findTabooWords() }, - + onUnload() { //暂停 this.innerAudioContext.pause() @@ -285,7 +287,9 @@ methods: { // 获取违禁词 findTabooWords() { - this.$u.get('/customer/findTabooWords', { customerId: this.customerId }).then(res => { + this.$u.get('/customer/findTabooWords', { + customerId: this.customerId + }).then(res => { let arr = [] res.map(item => { if (item.transferContent) { @@ -297,7 +301,7 @@ console.log(this.findTabooWordsList, 'findTabooWordsList') }) }, - + // 确认无效标记 setViolatedStatus = 2 inputDone() { if (!this.reasonSrc) { @@ -344,6 +348,7 @@ this.customerId = res.results[0].id; this.current = 0 uni.setStorageSync('nextPageObj', JSON.stringify(this.nextPageObj)) + this.resetAudioParams() this.prohibitedMatch() }).catch(e => { this.nextPageObj = JSON.parse(uni.getStorageSync('nextPageObj')), // 当前页面筛选内容 @@ -401,7 +406,7 @@ }) }) }, - + // 设置违禁状态 @@ -527,6 +532,17 @@ }) }, + // 重置进度条 + resetAudioParams() { + this.timeStr = "00:00"; //总的时间 + this.currentTimeStr = "00:00" //当前进度的时间 + this.recordPath = "", // 录音地址 + this.audioPlay = false //当前的播放状态控制 + this.sliderValue = 0 //进度条最小值 + this.sliderMax = 0 //进度条最大值 + this.playNow = 0 // 当前播放时间 + this.scrollId = "" // 当前播放滚动到的位置 + }, // 获取转义后的对话结果 getCorpusAnalysis(info) { @@ -631,14 +647,11 @@ const currTimeStr = this.formatTime(parseInt(e.bg / 1000)) this.currentTimeStr = currTimeStr this.innerAudioContext.seek(parseInt(e.bg / 1000)); - if (uni.getStorageSync('entrance') == 1) { - return + console.log('我在这里哦') + if (this.current == 1) { + this.innerAudioContext.play(); } else { - if (this.current == 1) { - this.innerAudioContext.play(); - } else { - this.scrollId = "dialog" + this.csdFileindex + "text" + e.bg - } + this.scrollId = "dialog" + this.csdFileindex + "text" + e.bg } }, @@ -725,7 +738,7 @@ }, // 初始化音频方法 - initAudioFnc() { + initAudioFnc(inits) { this.innerAudioContext = uni.createInnerAudioContext(); this.innerAudioContext.autoplay = false; this.innerAudioContext.title = '音频'; @@ -744,6 +757,12 @@ clickbofang(dialog, item, type) { if (type == 'show') { this.current = 1 + this.infos = item + this.audioType = true + this.initAudioFnc() + return + } else { + this.audioType = false } this.innerAudioContext.pause() this.dialogList.forEach(res => { @@ -969,11 +988,11 @@ font-size: 30rpx; font-weight: bold; } - + .status { display: flex; align-items: center; - + .pointer { margin: 0 .5em; width: 12rpx; @@ -982,7 +1001,7 @@ background: #2671E2; } } - + } .h-b-btm { @@ -1008,8 +1027,8 @@ } } } - - + + .audio { .headboxbott { @@ -1131,29 +1150,30 @@ bottom: -140rpx; } } - - + + .contentInfo { .info { color: #ccc; font-size: 18rpx; font-size: 30rpx; padding: 0 28rpx; - - + + .AudioUserName { margin-right: 20rpx; } } } - + .contentMain { display: flex; - + .content { margin-left: 0; margin-right: 30upx; } + .play { width: 50rpx; height: 50rpx; @@ -1178,7 +1198,7 @@ background: #F6F6F6; color: #999999; } - + .contentInfo { .info { color: #ccc; @@ -1187,22 +1207,22 @@ padding: 0 28rpx; display: flex; flex-direction: row-reverse; - + .AudioUserName { margin-left: 10rpx; } } - + .contentMain { display: flex; flex-direction: row-reverse; align-items: center; - + .content { margin-left: 0; margin-right: 30upx; } - + .play { width: 50rpx; height: 50rpx;