违禁详情加标签

pages/center/prohibited/details.vue

@@ -68,6 +68,22 @@
 								</view>
 							</view>
 						</view>
+						<!-- 1 客户画像 2销讲词 3违禁 4 需求挖掘 -->
+						<view class="newmark" v-if="item.types">
+							<view class="mark-item" v-for="(subitem,i) in dealTypes(item.types)" :key="i">
+								<!-- <image v-if="dealword(subitem)[0]==1" class="markicon"
+									src="https://static.quhouse.com/37e0de3f8d1c421dac8bf699d5e7992d.png"></image>
+								<image v-if="dealword(subitem)[0]==2" class="markicon"
+									src="https://static.quhouse.com/b106e8e75db24a59a579a15a78830a76.png"></image> -->
+								<image v-if="dealword(subitem)[0]==3" class="markicon"
+									src="https://static.quhouse.com/8443a2ecb81d4639991ab29c422e9949.png"></image>
+								<!-- <image v-if="dealword(subitem)[0]==4" class="markicon"
+									src="https://static.quhouse.com/1cd794cb6c974d9dad948a6dd444518b.png"></image> -->
+								 <view class="marktext" v-if="dealword(subitem)[0]==3" :style="dealword(subitem)[0]==3?'color:#E7483C':'color:#3E50E8'">
+									{{dealword(subitem)[1]}}
+								</view>
+							</view>
+						</view>
 					</block>
 				</view>
 			</scroll-view>
@@ -328,6 +344,26 @@
 		},
 
 		methods: {
+			// 对话加命中标签
+			dealTypes(type) {
+				if (type) {
+					let tem = type.split(',')
+					return tem
+				} else {
+					return []
+				}
+			},
+			// 对话加命中标签
+			dealword(type) {
+				if (type) {
+					let a = type.split('-')
+					let rest = type.substring(2).split('-').join(',')
+					let arr = [a[0], rest]
+					return arr
+				} else {
+					return []
+				}
+			},
 			// 获取违禁词
 			findTabooWords() {
 				this.$u.get('/customer/findTabooWords', {
@@ -1142,13 +1178,38 @@
 					color: #333333;
 				}
 			}
+			// 违禁正则标签
+			.newmark {
+				margin: 30rpx 0 10rpx 120rpx;
 
+				.mark-item {
+					display: flex;
+					flex-wrap: wrap;
+					margin-bottom: 12rpx;
+
+					.markicon {
+						width: 30rpx;
+						height: 30rpx;
+						margin-right: 12rpx;
+					}
+
+					.marktext {
+						font-size: 24rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #3E50E8;
+						min-height: 30rpx;
+						line-height: 30rpx;
+						max-width: 420rpx;
+						text-align: left;
+						word-break: break-all;
+					}
+				}
+			}
 			.text {
-				margin: 50upx 30upx;
+				margin: 0 30upx;
 				display: flex;
 				align-items: center;
-
-
 				.avatar {
 					margin-right: 24rpx;
 					width: 64upx;