From ed1aa6ce95523ea44223da06e6a5d5f6e9edb0c1 Mon Sep 17 00:00:00 2001
From: corala <18339694416@163.com>
Date: Thu, 15 Sep 2022 11:15:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8C=96=E6=8E=98=E6=89=A7?=
 =?UTF-8?q?=E8=A1=8C=E7=8E=87=E8=AF=9D=E6=9C=AF=E6=90=9C=E7=B4=A2=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/center/consumer/consumerDetail.vue |  14 +-
 pages/learning/Keywordsearch.vue         | 429 +++++++++++++++--------
 pages/mine/details2.vue                  |   8 +-
 3 files changed, 295 insertions(+), 156 deletions(-)

diff --git a/pages/center/consumer/consumerDetail.vue b/pages/center/consumer/consumerDetail.vue
index 46d4b42..0627659 100644
--- a/pages/center/consumer/consumerDetail.vue
+++ b/pages/center/consumer/consumerDetail.vue
@@ -314,7 +314,7 @@
               <!-- 话术在一级下 -->
               <view v-if="item.children&&item.children.length==0">
                 <view class="hhhbox" v-if="item.show" style="padding: 30rpx;">
-                    <view class="hsnrtest"
+                    <view class="hsnrtest" style="font-size:30rpx;color: #333"
                       >客户标签：{{ getKeywordsList(item.keywordsList) }}</view
                     >
                   <view class="hsnrtest">话术内容：</view>
@@ -371,7 +371,7 @@
                     </view>
                   </view>
                   <view v-if="subitem.show" style="padding: 30rpx 0">
-                    <view class="hsnrtest"
+                    <view class="hsnrtest" style="font-size: 30rpx;color: #333"
                       >客户标签：{{ getKeywordsList(subitem.keywordsList) }}</view
                     >
                     <view class="hsnrtest">话术内容：</view>
@@ -908,7 +908,7 @@
 			border-bottom: 1rpx solid #E0E0E0;
 			background: #FFFFFF;
 			.hsnrtest {
-				font-size: 24rpx;
+				font-size: 28rpx;
 				font-weight: 400;
 				color: #666666;
 				line-height: 30rpx;
@@ -917,15 +917,15 @@
 
 			.Level3che {
 				width: 100%;
-				height: 28rpx;
+				height: 30rpx;
 				display: flex;
-				line-height: 28rpx;
+				line-height: 30rpx;
 				align-items: center;
 				margin-top: 30rpx;
 
 				.title1 {
 					flex: 1;
-					font-size: 28rpx;
+					font-size: 30rpx;
 					color: #2671E2;
 					font-weight: 400;
 				}
@@ -953,7 +953,7 @@
 
 			.title1 {
 				flex: 3;
-				font-size: 28rpx;
+				font-size: 30rpx;
 				color: #333333;
 				font-weight: 400;
 			}
diff --git a/pages/learning/Keywordsearch.vue b/pages/learning/Keywordsearch.vue
index 93c06b0..23b0f04 100644
--- a/pages/learning/Keywordsearch.vue
+++ b/pages/learning/Keywordsearch.vue
@@ -1,153 +1,292 @@
 <template>
-	<view class="translation">
-		<view class="box">
-			<view style="width: 10%;height: 64rpx;display: flex;align-items: center;">
-				<image style="width: 28rpx;height: 28rpx;margin-left: 30rpx;" src="/static/images/search.png" mode=""></image>
-			</view>
-			<view style="width: 90%;height: 64rpx;display: flex;align-items: center;">
-				<input type="text" @input="searchinfo" :disabled="disabled" v-model="keyword" placeholder="请输入关键字"
-				style="width: 100%;color: #999999;font-size: 24rpx;"/>
-			</view>
-		</view>
-		<view style="width: 690rpx;margin: 0 auto;margin-top: 10rpx;">
-			<view style="width: 100%;border-bottom: 1px solid #E0E0E0;display: flex;padding-bottom: 10rpx;margin-top: 40rpx;"
-			v-for="(item,index) in listarr" :key='index' @click="toaidoinfo(item.Content,item.corpusId,item.index)">
-				<view style="width: 26rpx;height: 36rpx;margin-top: 4rpx;">
-					<image style="width: 26rpx;height: 28rpx;" src="../../static/images/testimg.png" mode=""></image>
-				</view>
-				<view v-html="item.Content.text" style="color: #666666;font-size: 28rpx;line-height: 36rpx;margin-left: 10rpx;width: 80%;"></view>
-				<view style="font-size: 28rpx;width: 10%;width: 14%;text-align: right;">{{item.Content.time}}</view>
-			</view>
-			
-		</view>
-	</view>
+  <view class="translation">
+    <view class="box">
+      <view
+        style="width: 10%; height: 64rpx; display: flex; align-items: center"
+      >
+        <image
+          style="width: 28rpx; height: 28rpx; margin-left: 30rpx"
+          src="/static/images/search.png"
+          mode=""
+        ></image>
+      </view>
+      <view
+        style="width: 90%; height: 64rpx; display: flex; align-items: center"
+      >
+        <input
+          type="text"
+          @input="searchinfo"
+          :disabled="disabled"
+          v-model="keyword"
+          placeholder="请输入关键字"
+          style="width: 100%; color: #999999; font-size: 24rpx"
+        />
+      </view>
+    </view>
+    <view class="box-list">
+      <view
+        style="width: 100%; padding-bottom: 10rpx; margin-top: 40rpx"
+        v-for="(item, index) in listarr"
+        :key="index"
+        @click="toaidoinfo(item.Content, item.corpusId, item.index)"
+      >
+        <view class="item-list">
+          <view class="icon">
+            <image
+              style="width: 26rpx; height: 28rpx"
+              src="../../static/images/testimg.png"
+              mode=""
+            ></image>
+          </view>
+          <view v-html="item.Content.text" class="text"></view>
+          <view class="time">{{ item.Content.time }}</view>
+        </view>
+        <!-- 1 客户画像 2销讲词 3违禁 4 需求挖掘 -->
+        <view class="newmark" v-if="item.Content.types">
+          <view
+            class="mark-item"
+            v-for="(subitem, i) in dealTypes(item.Content.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"
+              :style="
+                dealword(subitem)[0] == 3 ? 'color:#E7483C' : 'color:#3E50E8'
+              "
+              >{{ dealword(subitem)[1] }}</view
+            >
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	var util = require("../../utils/util.js");
-	var config = require("../../config");
-	export default {
-		data() {
-			return {
-				customerId:'',
-				listarr:[],
-				keyword:'',
-				skpl:'',
-				disabled:false,
-				tipsFncName: '', // 通知其他页面的方法名称
-			};
-		},
-		onLoad(options) {
-			this.customerId = options.customerId;
-			this.keyword=options.keyword;
-			this.skpl=options.skpl;
-			if (options.UpDateEvent) this.tipsFncName = options.UpDateEvent
-			if(this.skpl==2){
-				this.searchinfo()
-				this.disabled=true;
-			}else{
-				this.disabled=false;
-			}
-		},
-		methods: {
-			formatTime(num) {
-				//格式化时间格式
-				num = num.toFixed(0);
-				let second = num % 60;
-				if (second < 10) second = '0' + second;
-				let min = Math.floor(num / 60);
-				if (min < 10) min = '0' + min;
-				return min + ":" + second;
-			},
-			searchinfo(){
-				if(this.keyword.length==0){
-					return
-				}else{
-					let parames={
-						keyword:this.keyword,
-						customerId:this.customerId
-					}
-					this.$u.post("/corpus/keyWordsMatching", parames).then(res => {
-						res.forEach(item=>{
-							item.Content=JSON.parse(item.transferContent)
-						})	
-						res.forEach(cet=>{
-							cet.Content.time=this.formatTime(cet.Content.bg/1000)
-							cet.Content.text=this.brightKeyword(cet.Content.onebest)
-						})
-					this.listarr=res;
-					})
-				}
-			},
-			//替换方法
-			brightKeyword(val) {
-				if (val.indexOf(this.keyword) !== -1) {
-					return val.replace(this.keyword, `<font style='color: red'>${this.keyword}</font>`);
-				} else {
-					return val;
-				}
-			},
-			//跳转
-			toaidoinfo(item,id,index){
-				uni.setStorageSync("entrance", 2); //写入缓存
-				item.customerId=this.customerId;
-				item.id=id;
-				item.index=index;
-				if(this.skpl==2){
-					this.infostust(item)
-				}else{
-					let pages = getCurrentPages()  //获取当前页面栈的信息
-					let prevPage = pages[pages.length - 2]   //获取上一个页面
-					if (this.tipsFncName) uni.$emit(this.tipsFncName, item)
-					prevPage.setData({   //把需要回传的值保存到上一个页面
-					  info: item
-					});
-					 wx.navigateBack({   //然后返回上一个页面
-					  delta: 1
-					})
-				}
-			},
-			//只有一条的时候
-			infostust(item){
-				uni.setStorageSync("searchobj", item); //写入缓存
-				const parames = {
-					pageNum: 1,
-					pageSize: 100,
-					query: {
-						customerId: this.customerId,
-					}
-				}
-				this.$u.post("/corpus/findByPage", parames).then(res => {
-					if(res[0].merge==0){
-						let newobj = res[0];
-						if (this.tipsFncName) {
-							uni.$emit(this.tipsFncName, item)
-							uni.navigateBack()
-							return
-						}
-						uni.navigateTo({
-							url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${'2'}`
-						})
-					}else{
-						let newobj = res[0];
-						uni.navigateTo({
-							url: `/pages/mine/details?customerId=${newobj.customerId}&status=${newobj.status}&stateisshow=${'2'}`
-						})
-					}
-				})
-			},
-		},
-	}
+var util = require("../../utils/util.js");
+var config = require("../../config");
+export default {
+  data() {
+    return {
+      customerId: "",
+      listarr: [],
+      keyword: "",
+      skpl: "",
+      disabled: false,
+      tipsFncName: "", // 通知其他页面的方法名称
+    };
+  },
+  onLoad(options) {
+    this.customerId = options.customerId;
+    this.keyword = options.keyword;
+    this.skpl = options.skpl;
+    console.log(111);
+    if (options.UpDateEvent) this.tipsFncName = options.UpDateEvent;
+    if (this.skpl == 2) {
+      this.searchinfo();
+      this.disabled = true;
+    } else {
+      this.disabled = false;
+    }
+  },
+  methods: {
+    // 对话加命中标签
+    dealTypes(type) {
+      if (type) {
+        let tem = type.substring(1).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 [];
+      }
+    },
+    formatTime(num) {
+      //格式化时间格式
+      num = num.toFixed(0);
+      let second = num % 60;
+      if (second < 10) second = "0" + second;
+      let min = Math.floor(num / 60);
+      if (min < 10) min = "0" + min;
+      return min + ":" + second;
+    },
+    searchinfo() {
+      if (this.keyword.length == 0) {
+        return;
+      } else {
+        let parames = {
+          keyword: this.keyword,
+          customerId: this.customerId,
+        };
+        this.$u.post("/corpus/keyWordsMatching", parames).then((res) => {
+          res.forEach((item) => {
+            item.Content = JSON.parse(item.transferContent);
+          });
+          res.forEach((cet) => {
+            cet.Content.time = this.formatTime(cet.Content.bg / 1000);
+            cet.Content.text = this.brightKeyword(cet.Content.onebest);
+          });
+          this.listarr = res;
+        });
+      }
+    },
+    //替换方法
+    brightKeyword(val) {
+      if (val.indexOf(this.keyword) !== -1) {
+        return val.replace(
+          this.keyword,
+          `<font style='color: red'>${this.keyword}</font>`
+        );
+      } else {
+        return val;
+      }
+    },
+    //跳转
+    toaidoinfo(item, id, index) {
+      uni.setStorageSync("entrance", 2); //写入缓存
+      item.customerId = this.customerId;
+      item.id = id;
+      item.index = index;
+      if (this.skpl == 2) {
+        this.infostust(item);
+      } else {
+        let pages = getCurrentPages(); //获取当前页面栈的信息
+        let prevPage = pages[pages.length - 2]; //获取上一个页面
+        if (this.tipsFncName) uni.$emit(this.tipsFncName, item);
+        prevPage.setData({
+          //把需要回传的值保存到上一个页面
+          info: item,
+        });
+        wx.navigateBack({
+          //然后返回上一个页面
+          delta: 1,
+        });
+      }
+    },
+    //只有一条的时候
+    infostust(item) {
+      uni.setStorageSync("searchobj", item); //写入缓存
+      const parames = {
+        pageNum: 1,
+        pageSize: 100,
+        query: {
+          customerId: this.customerId,
+        },
+      };
+      this.$u.post("/corpus/findByPage", parames).then((res) => {
+        if (res[0].merge == 0) {
+          let newobj = res[0];
+          if (this.tipsFncName) {
+            uni.$emit(this.tipsFncName, item);
+            uni.navigateBack();
+            return;
+          }
+          uni.navigateTo({
+            url: `/pages/mine/details2?customerId=${newobj.customerId}&status=${
+              newobj.status
+            }&stateisshow=${"2"}`,
+          });
+        } else {
+          let newobj = res[0];
+          uni.navigateTo({
+            url: `/pages/mine/details?customerId=${newobj.customerId}&status=${
+              newobj.status
+            }&stateisshow=${"2"}`,
+          });
+        }
+      });
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.box{
-	width: 690rpx;
-	height: 64rpx;
-	margin: 0 auto;
-	margin-top: 30rpx;
-	background: #F2F2F2;
-	border-radius: 32rpx;
-	display: flex;
-	align-items: center;
+.box {
+  width: 690rpx;
+  height: 64rpx;
+  margin: 0 auto;
+  margin-top: 30rpx;
+  background: #f2f2f2;
+  border-radius: 32rpx;
+  display: flex;
+  align-items: center;
+}
+.box-list {
+  width: 690rpx;
+  margin: 0 auto;
+  margin-top: 10rpx;
+}
+.item-list {
+  display: flex;
+  border-bottom: 1px solid #e0e0e0;
+  .icon {
+    width: 26rpx;
+    height: 36rpx;
+    margin-top: 4rpx;
+  }
+  .text {
+    color: #666666;
+    font-size: 28rpx;
+    line-height: 36rpx;
+    margin-left: 10rpx;
+    width: 80%;
+  }
+  .time {
+    font-size: 28rpx;
+    width: 10%;
+    width: 14%;
+    text-align: right;
+  }
+}
+.newmark {
+  margin-top: 20rpx;
+  padding-left: 30rpx;
+  .mark-item {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 12rpx;
+    .markicon {
+      width: 30rpx;
+      height: 30rpx;
+      margin-right: 12rpx;
+    }
+    .marktext {
+      flex: 1;
+      font-size: 24rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #3e50e8;
+      min-height: 30rpx;
+      line-height: 30rpx;
+    }
+  }
 }
 </style>
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index b9408df..f51364e 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -353,7 +353,7 @@
 						 <!-- 话术在一级下 -->
 						        <view v-if="item.children&&item.children.length==0">
                       <view class="hhhbox" v-if="item.show" style="padding: 30rpx;">
-                         <view class="hsnrtest"
+                         <view class="hsnrtest" style="font-size:30rpx;color: #333"
                             >客户标签：{{ getKeywordsList(item.keywordsList) }}</view
                           >
                         <view class="hsnrtest">话术内容：</view>
@@ -394,7 +394,7 @@
 									</view>
 								</view>
 								<view v-if="subitem.show" style="padding: 30rpx 0;">
-									<view class="hsnrtest">客户标签：{{ getKeywordsList(subitem.keywordsList) }}</view>
+									<view class="hsnrtest" style="font-size:30rpx;color: #333">客户标签：{{ getKeywordsList(subitem.keywordsList) }}</view>
 									<view class="hsnrtest">话术内容：</view>
 									<view v-if="subitem.modelList.length==0">暂无话术</view>
 									<view class="Level3che" @click="clickWajue(che)"
@@ -2817,7 +2817,7 @@
 			background: #FFFFFF;
 			.hsnrtest {
 				min-height: 30rpx;
-				font-size: 24rpx;
+				font-size: 28rpx;
 				font-weight: 400;
 				color: #666666;
 				line-height: 30rpx;
@@ -2832,7 +2832,7 @@
 
 				.title1 {
 					flex: 1;
-					font-size: 28rpx;
+					font-size: 30rpx;
 					color: #2671E2;
 					font-weight: 400;
 				}