diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue index 12f8e7f..5baf86f 100644 --- a/pages/mine/details2.vue +++ b/pages/mine/details2.vue @@ -22,7 +22,7 @@ :is-scroll="true"> - + 标记 @@ -36,7 +36,14 @@ :class="{active: item.bg < playNow && item.ed > playNow && i==0}" v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker"> - + + + + {{ item.speaker | toCapital }} + + + + - - - - 复制 - - 常错词 - - 加精华 - - 播放 - - 修改角色 + - @@ -487,6 +501,7 @@ }, data() { return { + isShowMark:0, noClick: true, kehuyixiangcenterindex: 0, Acquirecustomerintentlist2: [], @@ -586,6 +601,23 @@ infos:null }; }, + computed: { + conversionTiame() { + return (e) => { + return this.getTime(e); + } + }, + }, + filters: { + // ASCII码转换 大写字母A是65 演讲人是从1开始所以num+64 + toCapital(num) { + let str = '' + if (num) { + str = String.fromCharCode(num + 64) + } + return str + } + }, onLoad: function(options) { this.status = options.status; this.customerId = options.customerId; @@ -650,6 +682,38 @@ // this.innerAudioContext.destroy(); }, 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 + }, rolexuanze(index) { this.roleindexrow = index; }, @@ -1069,12 +1133,12 @@ this.textindex = data.data.data.index; //下拉标记点 this.toptextindex = data.data.data.index; - + this.isShowMark = data.data.data.viewNameFlag; + console.log(this.isShowMark) jsonInfo.forEach(item => { item.message = JSON.parse(item.onebest) item.backindex = this.csdFileindex }) - console.log(jsonInfo) this.newluyinList = jsonInfo; if (this.textindex == null) { @@ -1645,6 +1709,7 @@ 'Access-Token': uni.getStorageSync('weapp_session_login_data').token }, success: (data) => { + this.isShowMark = data.data.data.viewNameFlag this.tablist = []; this.roleindexbiaoji = 0; let jsonInfo = JSON.parse(data.data.data.audioContent); @@ -2328,6 +2393,31 @@ color: #999999; } } + + .scroll-Y .text[data-speaker="2"], + .scroll-Y .text[data-speaker="4"], + .scroll-Y .text[data-speaker="6"] { + .contentInfo { + .info { + .AudioUserName { + margin-left: 10rpx; + } + + display: flex; + flex-direction: row-reverse; + } + } + } + + .scroll-Y .text { + .contentInfo { + .info { + .AudioUserName { + margin-right: 10rpx; + } + } + } + } .scroll-Y .text .avatar { width: 64upx; @@ -2348,7 +2438,15 @@ } } - .scroll-Y .text .content { + .scroll-Y .text .contentInfo .info { + color: #ccc; + font-size: 18rpx; + font-size: 30rpx; + padding: 0 28rpx; + } + + + .scroll-Y .text .contentInfo .content { margin-left: 30upx; line-height: 60rpx; text-align: left;