接待详情每条添加播放按钮及时间

pages.json

@@ -203,10 +203,11 @@
 			    ,{
                     "path" : "messageList",
                     "style" :                                                                                    
-                {
-                    "navigationBarTitleText": "",
-                    "enablePullDownRefresh": false
-                }
+					{
+						"navigationBarTitleText": "消息",
+						"navigationBarBackgroundColor": "#2671E2",
+						"navigationBarTextStyle": "white"
+					}
                 
                 }
             ]

pages/mine/details2.vue

@@ -56,7 +56,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>
@@ -102,26 +101,34 @@
 							<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()" v-if="permissions.commonly4"
-								style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
-							</view>
-							<view v-if="permissions.commonly3" @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">{{conversionTiame(item.bg/1000)}}</view>
+						<view class="contentMain">
+							<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()" v-if="permissions.commonly4"
+										style="width: 80rpx;font-size: 24rpx;text-align: center;margin-left: 22rpx;">常错词
+									</view>
+									<view v-if="permissions.commonly3" @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>
+							<image @click="clickbofang(dialog.backindex,item)" class="play" src="../../static/images/recordingManagement/play.png"></image>
 						</view>
 					</view>
+					
 				</view>
 			</view>
 		</scroll-view>
@@ -587,6 +594,13 @@
 				roletiaoshu: 0,
 			};
 		},
+		computed:{
+			conversionTiame(){
+				return (e) => {
+				    return this.getTime(e);
+				}
+			}
+		},
 		onLoad: function(options) {
 			this.status = options.status;
 			this.customerId = options.customerId;
@@ -2308,13 +2322,33 @@
 	.scroll-Y .text[data-speaker="6"] {
 		flex-direction: row-reverse;
 		text-align: right;
-
-		.content {
-			margin-left: 0;
-			margin-right: 30upx;
-			background: #F6F6F6;
-			color: #999999;
+		.contentInfo{
+			.info{
+				color: #ccc;
+				font-size: 18rpx;
+				font-size: 30rpx;
+				padding: 0 28rpx;
+			}
+			.contentMain{
+				display: flex;
+				    flex-direction: row-reverse;
+					align-items: center;
+				.content {
+					margin-left: 0;
+					margin-right: 30upx;
+					background: #F6F6F6;
+					color: #999999;
+				}
+				.play{
+					width: 50rpx;
+					height: 50rpx;
+					margin-right: 20rpx;
+				}
+			}
 		}
+
+
+		
 	}
 
 	.scroll-Y .text .avatar {
@@ -2335,8 +2369,17 @@
 			width: 40upx;
 		}
 	}
-
-	.scroll-Y .text .content {
+	.scroll-Y .text .contentInfo .info{
+		color: #ccc;
+		font-size: 18rpx;
+		font-size: 30rpx;
+		padding: 0 28rpx;
+	}
+	.scroll-Y .text .contentInfo .contentMain{
+		display: flex;
+		align-items: center;
+	}
+	.scroll-Y .text .contentInfo .contentMain .content {
 		margin-left: 30upx;
 		line-height: 60rpx;
 		text-align: left;
@@ -2368,7 +2411,11 @@
 					bottom: -140rpx;
 				}
 	}
-
+	.scroll-Y .text .contentInfo .contentMain .play{
+		width: 50rpx;
+		height: 50rpx;
+		margin-left: 20rpx;
+	}
 	.scroll-Y .text.active .content {
 		color: #38FFF1;
 		position: relative;