douzhuo 2 лет назад
Родитель
Сommit
40d57937d3
2 измененных файлов: 289 добавлений и 45 удалений
  1. +157
    -19
      pages/mine/details.vue
  2. +132
    -26
      pages/mine/details2.vue

+ 157
- 19
pages/mine/details.vue Просмотреть файл

@@ -67,7 +67,12 @@
: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>
<view :style="[SPEAKERSTYLE(item.speaker)]">
<!-- <image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image> -->
<text v-if="item.speaker == 0">顾</text>
<text v-else>{{ item.speaker | toCapital }}</text>
</view>
<!-- <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>
@@ -76,22 +81,29 @@
<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 v-if="item.speaker == 9" style="color: #9F61C8;">I</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 @click="clickcopy()"
style="width: 60rpx;font-size: 24rpx;text-align: center;margin-left: 24rpx;">复制
</view>
<view @click="Oftenthewrongword()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
</view>
<view v-if="jiaoseshow" @click="Addtheessence()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">加精华
</view>
<view @click="clickbofang(dialog.backindex,item)"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 14rpx;">播放
<view class="contentInfo">
<view class="info">
<text class="AudioUserName" v-if="item.speaker == 0">{{ item.username }}</text>
<text class="AudioUserName" v-else>{{ item.speaker | toCapital }}</text>
<text>{{conversionTiame(item.bg/1000)}}</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 @click="clickcopy()"
style="width: 60rpx;font-size: 24rpx;text-align: center;margin-left: 24rpx;">复制
</view>
<view @click="Oftenthewrongword()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
</view>
<view v-if="jiaoseshow" @click="Addtheessence()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">加精华
</view>
<view @click="clickbofang(dialog.backindex,item)"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 14rpx;">播放
</view>
</view>
</view>
</view>
@@ -138,7 +150,7 @@
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<input type="text" v-model="thewrongword" class="tian-input" placeholder="请输入" />
<input type="text" v-model="thewrongword" :disabled="true" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view">
@@ -195,7 +207,7 @@
</view>
</view>
<u-toast ref="uToast" />
</view>
</template>

@@ -310,8 +322,57 @@
// 销毁
// this.innerAudioContext.destroy();
},
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
}
},
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
},
effectiveAdd(){
if(this.effectiveindex==4){
if(this.effectiveitext.length==0){
@@ -743,6 +804,13 @@
},
//确认加入常错词
Confirmtheexit() {
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
@@ -779,6 +847,7 @@
});
return
}
}
},
//取消加入常错词
Cancelout() {
@@ -1467,6 +1536,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;
height: 64upx;
@@ -1484,6 +1578,50 @@
// width: 40upx;
// }
}
.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;
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;
padding-top: 4rpx;
padding-bottom: 4rpx;
display: flex;
flex-wrap: wrap;
border-radius: 15rpx;
z-index: 1000;
}
.bottoms {
top: unset;
bottom: -140rpx;
}
}
.scroll-Y .text .content {
margin-left: 30upx;
line-height: 60rpx;


+ 132
- 26
pages/mine/details2.vue Просмотреть файл

@@ -22,7 +22,7 @@
:is-scroll="true">
</u-tabs-swiper>
</view>
<view class="headpade">
<view class="headpade" v-if="isShowMark==0">
<view class="biaoji" @tap="tagtap()">标记</view>
</view>
</view>
@@ -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">
<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-if="item.isShow == 0">顾</text>
<text v-else>{{ item.speaker | toCapital }}</text>
</view>
<!-- <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>
</view>
@@ -56,7 +63,6 @@
<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>
@@ -101,28 +107,36 @@
<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"></image>
<text v-else>P</text>
</view>
-->
</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 @click="clickcopy()"
style="width: 60rpx;font-size: 24rpx;text-align: center;margin-left: 24rpx;">复制
</view>
<view @click="Oftenthewrongword()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
</view>
<view v-if="jiaoseshow" @click="Addtheessence()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">加精华
</view>
<view @click="clickbofang(dialog.backindex,item)"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 14rpx;">播放
</view>
<view @click="Modifyrole(index,item)"
style="font-size: 24rpx;text-align: center;margin-left: 14rpx;">修改角色
<view class="contentInfo">
<view class="info">
<text class="AudioUserName" v-if="item.isShow == 0">{{ item.username }}</text>
<text class="AudioUserName" v-else>{{ item.speaker | toCapital }}</text>
<text>{{conversionTiame(item.bg/1000)}}</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 @click="clickcopy()"
style="width: 60rpx;font-size: 24rpx;text-align: center;margin-left: 24rpx;">复制
</view>
<view @click="Oftenthewrongword()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
</view>
<view v-if="jiaoseshow" @click="Addtheessence()"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">加精华
</view>
<view @click="clickbofang(dialog.backindex,item)"
style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 14rpx;">播放
</view>
<view @click="Modifyrole(index,item)"
style="font-size: 24rpx;text-align: center;margin-left: 14rpx;">修改角色
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
<view class="bottombox">
@@ -207,7 +221,7 @@
<viwe class="tian-view-t1"></viwe>
<viwe class="tian-view-t2">常错词:</viwe>
<viwe class="tian-view-t3">
<input type="text" v-model="thewrongword" class="tian-input" placeholder="请输入" />
<input type="text" v-model="thewrongword" :disabled="true" class="tian-input" placeholder="请输入" />
</viwe>
</view>
<view class="tian-view">
@@ -473,7 +487,7 @@
<view class="bounced3-2" @tap="roletab()">确认</view>
</view>
</view>
<u-toast ref="uToast" />
</view>
</template>

@@ -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) {
@@ -1381,6 +1445,13 @@
},
//确认加入常错词
Confirmtheexit() {
let reg = /^[0-9]+$/
if(reg.test(this.thewrongword)){
this.$refs.uToast.show({
title: '错误词不能为纯数字',
type: 'warning',
})
}else{
if (this.thewrongword) {
if (this.reswrongword) {
let parames = {
@@ -1420,6 +1491,7 @@
});
return
}
}
},
//取消加入常错词
Cancelout() {
@@ -1645,6 +1717,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 +2401,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 +2446,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;


Загрузка…
Отмена
Сохранить