接待详情加名字 时间 标记判断

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">
@@ -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;