详情页面角色筛选

pages/center/Piabodata/TrendAnalysis.vue

@@ -57,11 +57,14 @@
 							<text style="margin-right: 10rpx;">对比：{{index==1?item.num1+'%':item.num1}} </text>
 							<template v-if="item.num2*1 != 0">
 								<text
-									:style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}}{{item.num2*1 > 0 ? '↑':'↓'}}</text>
+									:style="{color:item.num2*1>0?'red':'green'}">
+									<!-- +'%' -->
+									{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}{{item.num2*1 > 0 ? '↑':'↓'}}</text>
 							</template>
 							<template v-else>
+								<!-- +'%' -->
 								<text
-									:style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}}</text>
+									:style="{color:item.num2*1>0?'red':'green'}">{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}</text>
 							</template>
 						</view>
 					</view>

pages/learning/Equinoctial/index.vue

@@ -34,23 +34,22 @@
 						<view class="content">
 							<view v-html="item.onebest"></view>
 						</view>
-						<view class="tankuangcss" v-if="startTime==item.bg">
-							<view style="max-width: 85rpx; height: 38rpx;font-size: 24rpx;color: #333333;text-align: center;line-height: 38rpx;
-							border-radius: 2rpx;border: 1px solid #979797;">标签</view>
-							<view style="max-width: 171rpx;height: 38rpx;background: #008EF2;border-radius: 2rpx;display: flex;
-							align-items: center;margin-left: 10rpx;" @click="dianjibiaoqian()">
-								<view style="width: 126rpx;height: 38rpx;line-height: 38rpx;font-size: 24rpx;color: #FFFFFF;
-								text-align: center; overflow: hidden;">{{biaoqian}}</view>
-								<view v-if="biaoqian.length>4" style="width: 37rpx;height: 37rpx;line-height: 37rpx;">
-									<u-icon name="chat-fill" color="#ffffff" size="32rpx"></u-icon>
+						<template v-if="refinement(item)">
+							<view class="tankuangcss">
+								<view class="tags">标签</view>
+								<view class="tags-t" @click="dianjibiaoqian()">
+									<view class="tags-t-c">{{biaoqian}}</view>
+									<view v-if="biaoqian.length>4" class="tipsss">
+										<u-icon name="chat-fill" color="#ffffff" size="32rpx"></u-icon>
+									</view>
 								</view>
 							</view>
-						</view>
-						<view class="biaoqianya" v-if="startTime==item.bg">
-							<view class="biaoqianyaisshow" v-if="biaoqianyaisshow">
-								{{biaoqian}}
+							<view class="biaoqianya">
+								<view class="biaoqianyaisshow" v-if="biaoqianyaisshow">
+									{{biaoqian}}
+								</view>
 							</view>
-						</view>
+						</template>
 					</view>
 				</view>
 				<!-- 点赞 -->
@@ -116,7 +115,7 @@
 							<textarea :value="content" :focus="textareaFocus" type="text" @input="changeContent"
 								:auto-height="true" class="editor" :class="{'active':editing}"
 								@click.stop="changeEditing(true)" @confirm="sendComment">
-        </textarea>
+							</textarea>
 							<view class="placeholder" :class="{'editing':editing}" v-if="!content">写评价</view>
 							<image class="edit" v-if="!editing && content == ''"
 								src="/static/images/recordingManagement/edit.png" mode=""></image>
@@ -207,13 +206,29 @@
 				startFile: '',
 				num: 0, //上拉  转写文件下标
 				Bnum: 0, //下拉  转写文件下标
+				pageInfo: {}, // 当前转写页面的值
 
 
 				ACTION: Symbol('zaudio'), // 唯一值区分每个页面的方法
 				isPageHide: false, // 是否息屏
 				duration: '',
+
 			};
 		},
+
+		computed: {
+			// 通过时间戳筛选找到需要展示的加精标签
+			refinement() {
+				return timestamp => {
+					if (this.pageInfo.zatd instanceof Array) {
+						return this.pageInfo.zatd.findIndex(item => (item.startTime == timestamp.bg && item.jjTransfer == timestamp.onebest)) != -1
+					} else {
+						return false
+					}
+				}
+			}
+		},
+
 		onLoad(options) {
 			this.startTime = options.startTime
 			this.customerId = options.customerId;
@@ -473,6 +488,7 @@
 					},
 					success: (data) => {
 						if (data.data.code == 10000) {
+							this.pageInfo = data.data.data
 							const jsonInfo = JSON.parse(data.data.data.audioContent);
 							this.dialogList.push({
 								message: jsonInfo
@@ -753,6 +769,43 @@
 		}
 	}
 
+	.tags {
+		max-width: 85rpx;
+		height: 38rpx;
+		font-size: 24rpx;
+		color: #333333;
+		text-align: center;
+		line-height: 38rpx;
+		border-radius: 2rpx;
+		border: 1px solid #979797;
+	}
+
+	.tags-t {
+		max-width: 171rpx;
+		height: 38rpx;
+		background: #008EF2;
+		border-radius: 2rpx;
+		display: flex;
+		align-items: center;
+		margin-left: 10rpx;
+
+		.tags-t-c {
+			width: 126rpx;
+			height: 38rpx;
+			line-height: 38rpx;
+			font-size: 24rpx;
+			color: #FFFFFF;
+			text-align: center;
+			overflow: hidden;
+
+			.tipsss {
+				width: 37rpx;
+				height: 37rpx;
+				line-height: 37rpx;
+			}
+		}
+	}
+
 	.biaoqiantom {
 		background-color: #008EF2;
 		color: #FFFFFF;