wujingling0908
2 weeks ago
parent
b9ff01e056
commit
16391a2eef
@ -0,0 +1,235 @@ |
|||||||
|
*** Begin Patch |
||||||
|
*** Update File: D:\code\taibao\customAgent\src\views\chat.vue |
||||||
|
@@ -421,10 +421,14 @@ |
||||||
|
} |
||||||
|
} |
||||||
|
-// 北极星SDK鉴权 |
||||||
|
-function initBxSDK() { |
||||||
|
+ |
||||||
|
+// 北极星SDK鉴权 |
||||||
|
+const initBxSDK = () => { |
||||||
|
setConfig({ |
||||||
|
url: isProd() ? "life-open.cpic.com.cn/fop/ui/poc/shumeng/h5" : "life-open-sit.cpic.com.cn/fop/ui/poc/shumeng/h5", |
||||||
|
deb: "false", |
||||||
|
}) |
||||||
|
} |
||||||
|
- // 异步微信鉴权方法 |
||||||
|
- function async initWxAuth(versionNo1) { |
||||||
|
+ |
||||||
|
+// 异步微信鉴权方法 |
||||||
|
+const initWxAuth = async (versionNo1) => { |
||||||
|
try { |
||||||
|
- // 异步获取微信配置参数 |
||||||
|
- const res = await this.getWxAuthConfig(versionNo1); |
||||||
|
+ // 异步获取微信配置参数 |
||||||
|
+ const res = await getWxAuthConfig(versionNo1); |
||||||
|
if (!res.success) { |
||||||
|
@@ -459,8 +463,9 @@ |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
- // 获取微信鉴权配置参数 |
||||||
|
- function async getWxAuthConfig(versionNo1) { |
||||||
|
+// 获取微信鉴权配置参数 |
||||||
|
+const getWxAuthConfig = async (versionNo1) => { |
||||||
|
const v1 = versionNo1 |
||||||
|
try { |
||||||
|
@@ -471,3 +476,3 @@ |
||||||
|
const encryptUrl = Encrypt(key, iv, url) |
||||||
|
- const response = await this.("thirdPartyAuth/getGwResultByUrl", { |
||||||
|
+ const response = await Post("thirdPartyAuth/getGwResultByUrl", { |
||||||
|
url: encryptUrl |
||||||
|
@@ -486,48 +491,35 @@ |
||||||
|
|
||||||
|
// 微信鉴权成功后的回调 |
||||||
|
-function onWxAuthSuccess() { |
||||||
|
+const onWxAuthSuccess = () => { |
||||||
|
console.log('微信鉴权成功'); |
||||||
|
- Toast('wx.ready回调') |
||||||
|
+ showToast('wx.ready回调') |
||||||
|
} |
||||||
|
-function disableShare() { |
||||||
|
- var that = this; |
||||||
|
+ |
||||||
|
+const disableShare = () => { |
||||||
|
try { |
||||||
|
//禁止分享 |
||||||
|
if (typeof WeixinJSBridge == "undefined") { |
||||||
|
if (document.addEventListener) { |
||||||
|
document.addEventListener( |
||||||
|
"WeixinJSBridgeReady", |
||||||
|
- that.onBridgeReady(), |
||||||
|
+ onBridgeReady, |
||||||
|
false |
||||||
|
); |
||||||
|
} else if (document.attachEvent) { |
||||||
|
- document.attachEvent("WeixinJSBridgeReady", that.onBridgeReady()); |
||||||
|
- document.attachEvent("onWeixinJSBridgeReady", that.onBridgeReady()); |
||||||
|
+ document.attachEvent("WeixinJSBridgeReady", onBridgeReady); |
||||||
|
+ document.attachEvent("onWeixinJSBridgeReady", onBridgeReady); |
||||||
|
} |
||||||
|
} else { |
||||||
|
- that.onBridgeReady(); |
||||||
|
+ onBridgeReady(); |
||||||
|
} |
||||||
|
} catch (error) { |
||||||
|
console.log("禁止分享hideOptionMenu", error.message); |
||||||
|
} |
||||||
|
} |
||||||
|
-function onBridgeReady() { |
||||||
|
+ |
||||||
|
+const onBridgeReady = () => { |
||||||
|
WeixinJSBridge.call("hideOptionMenu"); |
||||||
|
} |
||||||
|
-//链接人工客服 |
||||||
|
-function transferLabor() { |
||||||
|
- var that = this; |
||||||
|
- let sendParmas = { |
||||||
|
- reqAndResType: "1", //1文本 2图片 3问提评价 |
||||||
|
- msgType: "01", //01文本 02图片 |
||||||
|
- msgText: "转接寿险人工客服", |
||||||
|
- msgSource: this.manualService, //1机器人 2人工 |
||||||
|
- cmd: "ZJSXRGFW", |
||||||
|
- // qaId: item.qaId, // 2022.03需求记录 |
||||||
|
- }; |
||||||
|
- |
||||||
|
- // let current = event.currentTarget; |
||||||
|
- |
||||||
|
- //统计转人工 8月28日 |
||||||
|
- // this.statisticsTransferLabor(item); |
||||||
|
- |
||||||
|
- // 如果当前websocket链接已存在 |
||||||
|
- if ( |
||||||
|
- this.. && |
||||||
|
- this...readyState != this...CLOSED |
||||||
|
- ) { |
||||||
|
- // console.log(res) |
||||||
|
- Toast("当前已经在人工会话中"); |
||||||
|
- // current.disabled = true; |
||||||
|
- return; |
||||||
|
- } |
||||||
|
- |
||||||
|
- //http接口 |
||||||
|
- var transferToast = Toast.loading({ |
||||||
|
- message: "转接中...", |
||||||
|
- duration: 0, |
||||||
|
- loadingType: "spinner", |
||||||
|
- forbidClick: true, |
||||||
|
- }); |
||||||
|
- |
||||||
|
- this. |
||||||
|
- .dispatch("transferCustomer", sendParmas) |
||||||
|
- .then((res) => { |
||||||
|
- transferToast.clear(); |
||||||
|
- // console.log(res) |
||||||
|
- // current.disabled = true; |
||||||
|
- // //用户行为统计 start |
||||||
|
- // this.getUserBehavior(item.qaId, '5', 'ZJSXRGFW'); // 延期 |
||||||
|
- // //用户行为统计 end |
||||||
|
- |
||||||
|
- //我要转人工 |
||||||
|
- if (res.cmd === "ZJSXRGFWCONNECTION") { |
||||||
|
- //初始化websocket 如果当前还是机器人 |
||||||
|
- that.setWebsocket(); //转人工 |
||||||
|
- return; |
||||||
|
- } |
||||||
|
- |
||||||
|
- //其他消息 直接展示消息列表中 |
||||||
|
- this.set_chatList(res); |
||||||
|
- //滚动到底部 |
||||||
|
- this.scrollTopBody(); |
||||||
|
- }) |
||||||
|
- .catch((err) => { |
||||||
|
- transferToast.clear(); |
||||||
|
- console.log(err); |
||||||
|
- }); |
||||||
|
-} |
||||||
|
-//建立websocket |
||||||
|
-function setWebsocket() { |
||||||
|
- var that = this; |
||||||
|
- try { |
||||||
|
- //http接口 |
||||||
|
- var socketToast = Toast.loading({ |
||||||
|
- message: "连接中...", |
||||||
|
- duration: 0, |
||||||
|
- loadingType: "spinner", |
||||||
|
- forbidClick: true, |
||||||
|
- }); |
||||||
|
- |
||||||
|
- //建立websocket |
||||||
|
- this..initWebSocket(() => { |
||||||
|
- that. |
||||||
|
- .dispatch("setConnectToEasemob") |
||||||
|
- .then((res) => { |
||||||
|
- socketToast.clear(); |
||||||
|
- // if(res.connection){//机器人转人工 |
||||||
|
- // that.set_manualService(res.msgSource); |
||||||
|
- // } |
||||||
|
- |
||||||
|
- // //用户行为统计 start |
||||||
|
- // that.getUserBehavior(item.qaId, "5", "ZJSXRGFW"); |
||||||
|
- // //用户行为统计 end |
||||||
|
- }) |
||||||
|
- .catch((err) => { |
||||||
|
- socketToast.clear(); |
||||||
|
- console.log(err); |
||||||
|
- }); |
||||||
|
- }); |
||||||
|
- } catch (err) { |
||||||
|
- console.log(err.message); |
||||||
|
- } |
||||||
|
-} |
||||||
|
-function scrollTopBody() { |
||||||
|
- setTimeout(() => { |
||||||
|
- //滚动到底部 |
||||||
|
- try { |
||||||
|
- this.mescrollContent.scrollTop = |
||||||
|
- this.mescrollContent.scrollHeight || 0; |
||||||
|
- } catch (error) { |
||||||
|
- console.log(error.message); |
||||||
|
- } |
||||||
|
- }, 300); |
||||||
|
-} |
||||||
|
-function loadSdk(){ |
||||||
|
+ |
||||||
|
+// 加载SDK |
||||||
|
+const loadSdk = () => { |
||||||
|
const script = document.createElement('script'); |
||||||
|
- this.("config/mydConfig", {}) |
||||||
|
+ Post("config/mydConfig", {}) |
||||||
|
.then((res) => { |
||||||
|
@@ -538,3 +530,3 @@ |
||||||
|
script.onload = () => { |
||||||
|
- this.set_sdkLoaded(true) |
||||||
|
+ store.set_sdkLoaded?.(true) |
||||||
|
console.log('SDK successed'); |
||||||
|
@@ -549,5 +541,6 @@ |
||||||
|
}) |
||||||
|
} |
||||||
|
-//获取高温用户弹窗数据 |
||||||
|
-function getHotUserData(){ |
||||||
|
- this.("product/tip/select") |
||||||
|
+ |
||||||
|
+// 获取高温用户弹窗数据 |
||||||
|
+const getHotUserData = () => { |
||||||
|
+ Get("product/tip/select") |
||||||
|
.then((res) => { |
||||||
|
@@ -559,3 +552,3 @@ |
||||||
|
if (res.data.rhetoricString && res.data.productTipEntityList.length > 0) { |
||||||
|
- this.set_hotUserData(hotUserData); |
||||||
|
+ store.set_hotUserData?.(hotUserData); |
||||||
|
} |
||||||
|
@@ -563,7 +556,7 @@ |
||||||
|
const now = new Date(); |
||||||
|
const clickTime = \-\-\ \:\:\; |
||||||
|
- const userId = this.userId; |
||||||
|
- const source = this.source; |
||||||
|
- const sessionId = this.sessionId; |
||||||
|
+ const userId = store.userId; |
||||||
|
+ const source = store.source; |
||||||
|
+ const sessionId = store.sessionId; |
||||||
|
// 调用埋点接口 |
||||||
|
- this.("product/record/save", { |
||||||
|
+ Post("product/record/save", { |
||||||
|
userId: userId, |
||||||
|
*** End Patch |
||||||
@ -0,0 +1,125 @@ |
|||||||
|
<script setup> |
||||||
|
import { ref, computed, inject, watch, nextTick, onMounted } from 'vue' |
||||||
|
import { showToast } from 'vant'; |
||||||
|
import { Post } from '@/utils/https' |
||||||
|
const store = inject('appStore', null) |
||||||
|
const questionList = ref([]) |
||||||
|
const initHotQuestion = async () => { |
||||||
|
let param = { |
||||||
|
userInfoId: store.userId || '', |
||||||
|
category: 3, |
||||||
|
source: store.source || '', |
||||||
|
planCode: store.planCode || '', |
||||||
|
sceneId: store.userInfo.sceneId || "", |
||||||
|
}; |
||||||
|
|
||||||
|
Post("config/activity", param) |
||||||
|
.then((res) => { |
||||||
|
if (res.code && res.code != 0) { |
||||||
|
showToast(res.msg); |
||||||
|
return; |
||||||
|
} |
||||||
|
questionList.value = (res?.data || []).slice(0,3); |
||||||
|
// this.renderR(); |
||||||
|
// this.initViewState(); |
||||||
|
// 获取一体化领取后更新hotList重新更新 |
||||||
|
// this.initHotQuestionYTH((ythRes) => { |
||||||
|
// if (Array.isArray(ythRes) && Array.isArray(questionList.value)) { |
||||||
|
// // 合并数组并根据name去重 |
||||||
|
// // const mergedList = [...ythRes,...this.hotList] |
||||||
|
// // const uniqueMap = new Map() |
||||||
|
// // mergedList.forEach(item => { |
||||||
|
// // // 使用name作为唯一标识符，如果已存在则不覆盖（保留第一次出现的） |
||||||
|
// // if(!uniqueMap.has(item.name)){ |
||||||
|
// // uniqueMap.set(item.name, item) |
||||||
|
// // } |
||||||
|
// // }) |
||||||
|
// // this.hotList = Array.from(uniqueMap.values()) |
||||||
|
// questionList.value = [...ythRes, ...questionList.value] |
||||||
|
// } |
||||||
|
// this.renderR(); |
||||||
|
// this.initViewState(); |
||||||
|
// }) |
||||||
|
}) |
||||||
|
.catch((error) => { |
||||||
|
console.log(error); |
||||||
|
}); |
||||||
|
} |
||||||
|
const handleAskClick=(record)=>{ |
||||||
|
// store.setAskRecord(record) |
||||||
|
} |
||||||
|
onMounted(async () => { |
||||||
|
await initHotQuestion() |
||||||
|
}) |
||||||
|
</script> |
||||||
|
<template> |
||||||
|
<div class="ask-con"> |
||||||
|
<div class="item" v-for="(item, index) in questionList" :key="index" @click="handleAskClick(item)"> |
||||||
|
<div class="icon"><span>#</span></div> |
||||||
|
<span>{{ item.name }}</span> |
||||||
|
<img src="@/assets/images/chat/line.svg" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<style scoped lang="scss"> |
||||||
|
.ask-con { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
gap: 10rem; |
||||||
|
margin-top: 16rem; |
||||||
|
|
||||||
|
.item { |
||||||
|
border-radius: 24rem; |
||||||
|
display: flex; |
||||||
|
// flex-direction: column; |
||||||
|
// justify-content: center; |
||||||
|
padding: 6rem 16rem 6rem 6rem; |
||||||
|
gap: 12rem; |
||||||
|
|
||||||
|
background: #f9fbff; |
||||||
|
|
||||||
|
box-sizing: border-box; |
||||||
|
border: 1rem solid rgba(255, 255, 255, 0.9); |
||||||
|
width: fit-content; |
||||||
|
cursor: pointer; |
||||||
|
|
||||||
|
.icon { |
||||||
|
width: 30rem; |
||||||
|
height: 30rem; |
||||||
|
min-width: 30rem; |
||||||
|
border-radius: 186rem; |
||||||
|
opacity: 1; |
||||||
|
|
||||||
|
background: #fcfdfd; |
||||||
|
|
||||||
|
box-shadow: 0rem 4rem 10rem 0rem #e7effd; |
||||||
|
text-align: center; |
||||||
|
|
||||||
|
span { |
||||||
|
line-height: 30rem; |
||||||
|
font-size: 14rem; |
||||||
|
font-variation-settings: 'opsz' auto; |
||||||
|
background: linear-gradient(100deg, #38afff 27%, #025cea 101%); |
||||||
|
font-weight: 600; |
||||||
|
-webkit-background-clip: text; |
||||||
|
-webkit-text-fill-color: transparent; |
||||||
|
background-clip: text; |
||||||
|
text-fill-color: transparent; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
>span { |
||||||
|
font-family: PingFang SC; |
||||||
|
font-size: 14rem; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 31rem; |
||||||
|
letter-spacing: 0rem; |
||||||
|
|
||||||
|
/* 科个中性/正文-标题 17204D */ |
||||||
|
/* 样式描述：用于正文标题 */ |
||||||
|
color: #17204d; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
import sensors from 'sa-sdk-javascript' |
||||||
|
|
||||||
|
// 神策埋点 初始化全局
|
||||||
|
let server_url = 'https://sc.cpic.com.cn/sa?project=SXTOC';// 生产环境环境神策接入地址
|
||||||
|
let host = window.location.host; |
||||||
|
const ISLOG = ['production', 'prod'].includes(process.env.NODE_ENV); |
||||||
|
|
||||||
|
if (host.indexOf('uat') > -1 || host.indexOf('sit') > -1 || host.indexOf('localhost') > -1) { |
||||||
|
server_url = 'https://sc-sit.cpic.com.cn:443/sa?project=SXXT' // 测试环境神策接入地址
|
||||||
|
} |
||||||
|
|
||||||
|
console.log("神策接入地址环境", server_url); |
||||||
|
sensors.init({ |
||||||
|
server_url: server_url, |
||||||
|
is_track_single_page: true, // 单页应用页面浏览事件采集(url改变就触发)
|
||||||
|
show_log: false, // 控制台显示数据开
|
||||||
|
heatmap: { |
||||||
|
//是否开启点击图，default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭。
|
||||||
|
clickmap: 'default', |
||||||
|
//是否开启触达注意力图，not_collect 表示关闭，不会自动采集 $WebStay 事件，可以设置 'default' 表示开启。
|
||||||
|
scroll_notice_map: 'default' |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
sensors.quick('autoTrack') // 首次触发页面加载事件 $pageview
|
||||||
|
|
||||||
|
|
||||||
|
export default sensors |
||||||
Loading…
Reference in new issue