This commit is contained in:
yanran200730
2022-06-11 12:12:44 +08:00
parent 4b3962fefa
commit c0e2ff2fe0
2 changed files with 23 additions and 11 deletions

View File

@@ -129,8 +129,9 @@
this.innerAudioContext.autoplay = true this.innerAudioContext.autoplay = true
this.innerAudioContext.onEnded(() => { this.innerAudioContext.onEnded(() => {
if (this.currIndex > -1) { if (this.currIndex > -1) {
this.$set(this.recordList[this.currIndex], 'isPlay', false) this.recordList.forEach((v, index) => {
// this.innerAudioContext.destroy() this.$set(this.recordList[index], 'isPlay', false)
})
this.currIndex = -1 this.currIndex = -1
} }
}) })
@@ -139,7 +140,6 @@
}) })
uni.$on('chooseEquipment', e => { uni.$on('chooseEquipment', e => {
console.log(e)
this.equipmentList = e.equipmentList this.equipmentList = e.equipmentList
}) })
}, },
@@ -203,6 +203,10 @@
}, },
play (url, index) { play (url, index) {
this.innerAudioContext.destroy()
this.recordList.forEach((v, index) => {
this.$set(this.recordList[index], 'isPlay', false)
})
this.currIndex = index this.currIndex = index
this.$nextTick(() => { this.$nextTick(() => {
@@ -240,6 +244,7 @@
serialNo: this.equipmentList.map(v => v.serialNo).join(',') serialNo: this.equipmentList.map(v => v.serialNo).join(',')
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
!this.broadcastId && (this.broadcastId = res.data.broadcastId)
this.$u.toast('播发成功') this.$u.toast('播发成功')
this.recordList.push({ this.recordList.push({
src: (window.URL || webkitURL).createObjectURL(blob), src: (window.URL || webkitURL).createObjectURL(blob),

View File

@@ -14,8 +14,8 @@
</AiTopFixed> </AiTopFixed>
<div class="record"> <div class="record">
<div class="item" v-for="(item, index) in list" :key="index" @click="checkClick(index)"> <div class="item" v-for="(item, index) in list" :key="index" @click="checkClick(index)">
<img src="./img/select-blue.png" alt="" class="check-img" v-if="item.isCheck"> <img src="./img/select-blue.png" mode="aspectFill" alt="" class="check-img" v-if="item.isCheck">
<img src="./img/cir.png" alt="" class="check-img" v-else> <img src="./img/cir.png" alt="" mode="aspectFill" class="check-img" v-else>
<img src="./img/lb@2x.png" alt="" class="voice-img"> <img src="./img/lb@2x.png" alt="" class="voice-img">
<div class="info"> <div class="info">
<div class="text"> <div class="text">
@@ -129,27 +129,34 @@ export default {
.item { .item {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center;
height: 110rpx;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
&:last-child {
border: none;
}
.check-img { .check-img {
width: 44px; width: 44px;
height: 44px; height: 44px;
margin: 32px 32px 0 0; margin-right: 32px;
} }
.voice-img { .voice-img {
width: 48px; width: 44px;
height: 48px; height: 44px;
margin: 28px 16px 0 0; margin-right: 32px;
} }
.info { .info {
width: calc(100% - 160px); flex: 1;
padding: 18px 0;
line-height: 44px; line-height: 44px;
padding-right: 32px;
font-size: 34px; font-size: 34px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
.text { .text {
p { p {