From 3f880433220e6d20b34bcb6e681a9eaf5e960cb5 Mon Sep 17 00:00:00 2001
From: wujingling0908 <2.com>
Date: Thu, 24 Sep 2026 09:14:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E9=80=81=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96=E5=92=8C=E4=BB=A3=E7=A0=81=E8=81=94?=
 =?UTF-8?q?=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                          |  312 +-
 src/assets/images/chat/todo-icon.svg |    1 +
 src/assets/style/common.css          |    8 -
 src/components/abstract.vue          |  641 ++--
 src/components/business-handle.vue   |  379 +-
 src/components/chat-content.vue      | 4777 +++++++++++++-------------
 src/components/chat-main.vue         |    2 +-
 src/components/chat-new.vue          | 1201 ++++---
 src/components/hot-question-new.vue  |   11 +-
 src/components/text-content.vue      |  914 ++---
 src/components/text-folding.vue      | 1145 +++---
 src/components/welcomes.vue          |   12 +-
 src/router/index.js                  |   71 +-
 src/store/app.js                     |   11 +
 src/utils/index.js                   | 1376 ++++----
 src/utils/socket.js                  |  930 ++---
 src/utils/utils.js                   | 2020 +++++------
 src/views/chat.vue                   | 1257 +++----
 src/views/word.vue                   |   10 +
 vite.config.js                       |    8 -
 20 files changed, 7700 insertions(+), 7386 deletions(-)
 create mode 100644 src/assets/images/chat/todo-icon.svg
 create mode 100644 src/views/word.vue

diff --git a/src/App.vue b/src/App.vue
index c71a823..097f3e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,154 +1,162 @@
-<script setup>
-import { RouterView, useRoute } from 'vue-router'
-import { onMounted, onUnmounted, provide } from 'vue'
-import { storeToRefs } from 'pinia'
-import { useAppStore } from '@/store/app.js'
-// import { leaveProject } from '@/utils/api.js'
-import wx from 'weixin-js-sdk'
-const route = useRoute()
-import { isIOS, isAndroid, isPureHarmonyOS, handleFontSize, detectFontSize } from '@/utils/common'
-console.log('navigator.userAgent', navigator.userAgent, navigator.userAgentData)
-window.wx = wx
-
-// 全局 provide 接线：子组件统一通过 inject('appStore') / inject('xxx') 使用 store
-const appStore = useAppStore()
-const appStoreRefs = storeToRefs(appStore)
-provide('appStore', appStore)
-Object.keys(appStoreRefs).forEach((key) => {
-  provide(key, appStoreRefs[key])
-})
-
-const handleGlobalBrowserExit = (reason, extra = {}) => {
-  const payload = {
-    reason,
-    href: window.location.href,
-    route: route.fullPath,
-    timestamp: Date.now(),
-    ...extra,
-  }
-  // leaveProject()
-  // alert('关闭页面')
-
-  console.log('📴 全局检测到浏览器关闭/返回动作', payload)
-
-  // 在这里统一处理关闭浏览器、手势返回、刷新离开等动作。
-  // 如果后续需要接业务方法，直接在这里调用即可。
-  // example:
-  // someBusinessMethod(payload)
-}
-
-const handleBrowserPopState = () => {
-  handleGlobalBrowserExit('popstate')
-}
-
-const handleBrowserPageHide = (event) => {
-  handleGlobalBrowserExit('pagehide', {
-    persisted: Boolean(event?.persisted),
-  })
-}
-
-const handleBrowserBeforeUnload = () => {
-  handleGlobalBrowserExit('beforeunload')
-}
-
-onMounted(() => {
-  var html = document.getElementsByTagName('html')[0]
-
-  // 初始化
-  function init() {
-    console.log('navigator.userAgent', navigator.userAgent, navigator.userAgentData)
-    console.log('handleFontSize called with:', localStorage.getItem('bigFont'))
-    if (localStorage.getItem('bigFont') === 'true')
-      document.getElementsByTagName('html')[0].style.fontSize = '0.79333275px'
-    if (localStorage.getItem('localfontSize'))
-      html.style.fontSize = localStorage.getItem('localfontSize')
-    // 监听WeixinJSBridge
-    if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
-      detectFontSize()
-      handleFontSize()
-    } else {
-      if (document.addEventListener) {
-        document.addEventListener(
-          'WeixinJSBridgeReady',
-          function () {
-            detectFontSize()
-            handleFontSize()
-          },
-          false
-        )
-      } else if (document.attachEvent) {
-        document.attachEvent('WeixinJSBridgeReady', function () {
-          detectFontSize()
-          handleFontSize()
-        })
-      }
-    }
-  }
-  init()
-  console.log(isPureHarmonyOS(), 'isPureHarmonyOS')
-
-  window.onresize = function () {
-    if (!isIOS() && !isAndroid() && !isPureHarmonyOS()) init()
-  }
-
-  window.addEventListener('popstate', handleBrowserPopState)
-  window.addEventListener('pagehide', handleBrowserPageHide)
-  window.addEventListener('beforeunload', handleBrowserBeforeUnload)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('popstate', handleBrowserPopState)
-  window.removeEventListener('pagehide', handleBrowserPageHide)
-  window.removeEventListener('beforeunload', handleBrowserBeforeUnload)
-})
-</script>
-
-<template>
-  <div id="app" class="app-wrapper opacity">
-    <RouterView v-slot="{ Component }">
-      <keep-alive include="chat">
-        <component :is="Component" />
+<script setup>
+import { RouterView, useRoute } from 'vue-router'
+import { onMounted, onUnmounted, provide } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useAppStore } from '@/store/app.js'
+// import { leaveProject } from '@/utils/api.js'
+import wx from 'weixin-js-sdk'
+const route = useRoute()
+import { isIOS, isAndroid, isPureHarmonyOS, handleFontSize, detectFontSize } from '@/utils/common'
+console.log('navigator.userAgent', navigator.userAgent, navigator.userAgentData)
+window.wx = wx
+
+// 全局 provide 接线：子组件统一通过 inject('appStore') / inject('xxx') 使用 store
+const appStore = useAppStore()
+const appStoreRefs = storeToRefs(appStore)
+provide('appStore', appStore)
+// Object.keys(appStoreRefs).forEach((key) => {
+//   provide(key, appStoreRefs[key])
+// })
+
+const handleGlobalBrowserExit = (reason, extra = {}) => {
+  const payload = {
+    reason,
+    href: window.location.href,
+    route: route.fullPath,
+    timestamp: Date.now(),
+    ...extra,
+  }
+  // leaveProject()
+  // alert('关闭页面')
+
+  console.log('📴 全局检测到浏览器关闭/返回动作', payload)
+
+  // 在这里统一处理关闭浏览器、手势返回、刷新离开等动作。
+  // 如果后续需要接业务方法，直接在这里调用即可。
+  // example:
+  // someBusinessMethod(payload)
+}
+
+const handleBrowserPopState = () => {
+  handleGlobalBrowserExit('popstate')
+}
+
+const handleBrowserPageHide = (event) => {
+  handleGlobalBrowserExit('pagehide', {
+    persisted: Boolean(event?.persisted),
+  })
+}
+
+const handleBrowserBeforeUnload = () => {
+  handleGlobalBrowserExit('beforeunload')
+}
+
+onMounted(() => {
+  var html = document.getElementsByTagName('html')[0]
+
+  // 初始化
+  function init() {
+    console.log('navigator.userAgent', navigator.userAgent, navigator.userAgentData)
+    console.log('handleFontSize called with:', localStorage.getItem('bigFont'))
+    if (localStorage.getItem('bigFont') === 'true')
+      document.getElementsByTagName('html')[0].style.fontSize = '0.79333275px'
+    if (localStorage.getItem('localfontSize'))
+      html.style.fontSize = localStorage.getItem('localfontSize')
+    // 监听WeixinJSBridge
+    if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
+      detectFontSize()
+      handleFontSize()
+    } else {
+      if (document.addEventListener) {
+        document.addEventListener(
+          'WeixinJSBridgeReady',
+          function () {
+            detectFontSize()
+            handleFontSize()
+          },
+          false
+        )
+      } else if (document.attachEvent) {
+        document.attachEvent('WeixinJSBridgeReady', function () {
+          detectFontSize()
+          handleFontSize()
+        })
+      }
+    }
+  }
+  init()
+  console.log(isPureHarmonyOS(), 'isPureHarmonyOS')
+  window.onresize = function () {
+    if (!isIOS() && !isAndroid() && !isPureHarmonyOS()) init()
+  }
+
+  window.addEventListener('popstate', handleBrowserPopState)
+  window.addEventListener('pagehide', handleBrowserPageHide)
+  window.addEventListener('beforeunload', handleBrowserBeforeUnload)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('popstate', handleBrowserPopState)
+  window.removeEventListener('pagehide', handleBrowserPageHide)
+  window.removeEventListener('beforeunload', handleBrowserBeforeUnload)
+})
+</script>
+
+<template>
+  <div class="app-wrapper opacity">
+    <RouterView v-slot="{ Component, route }">
+      <keep-alive>
+        <component
+          :is="Component"
+          v-if="Component && route.meta.keepAlive"
+          :key="route.name"
+        />
       </keep-alive>
+      <component
+        :is="Component"
+        v-if="Component && !route.meta.keepAlive"
+        :key="route.name"
+      />
     </RouterView>
-  </div>
-</template>
-
-<style scoped>
-.header-box {
-  width: 100%;
-  height: 88rem;
-  display: flex;
-  align-items: center;
-  background: #e8f2ff;
-  padding: 0 24rem 0 54rem;
-}
-
-.view {
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.left-box {
-  display: flex;
-  align-items: center;
-}
-
-.back-icon {
-  display: block;
-  width: 18rem;
-  height: 32rem;
-}
-
-.back-icon img {
-  width: 100%;
-  height: 100%;
-}
-</style>
-<style scoped lang="scss">
-#app {
-  .con {
-    color: red;
-  }
-}
-</style>
\ No newline at end of file
+  </div>
+</template>
+
+<style scoped>
+.header-box {
+  width: 100%;
+  height: 88rem;
+  display: flex;
+  align-items: center;
+  background: #e8f2ff;
+  padding: 0 24rem 0 54rem;
+}
+
+.view {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.left-box {
+  display: flex;
+  align-items: center;
+}
+
+.back-icon {
+  display: block;
+  width: 18rem;
+  height: 32rem;
+}
+
+.back-icon img {
+  width: 100%;
+  height: 100%;
+}
+</style>
+<style scoped lang="scss">
+#app {
+  .con {
+    color: red;
+  }
+}
+</style>
diff --git a/src/assets/images/chat/todo-icon.svg b/src/assets/images/chat/todo-icon.svg
new file mode 100644
index 0000000..77640a8
--- /dev/null
+++ b/src/assets/images/chat/todo-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="22" height="23.199951171875" viewBox="0 0 22 23.199951171875"><defs><linearGradient x1="0.1805555522441864" y1="0.8472222089767456" x2="0.9900709776541655" y2="0.9179156611174903" id="master_svg0_2_07371"><stop offset="0%" stop-color="#FF5B5B" stop-opacity="1"/><stop offset="99.99998807907104%" stop-color="#E80000" stop-opacity="1"/></linearGradient><linearGradient x1="0.1805555522441864" y1="0.8472222089767456" x2="1.0002341852938896" y2="0.8601391286876918" id="master_svg1_2_07367"><stop offset="0%" stop-color="#FF8C8C" stop-opacity="1"/><stop offset="100%" stop-color="#F63232" stop-opacity="1"/></linearGradient><clipPath id="bgblur_master_svg2_1191_40669/2_07357_clip_path" clipPathUnits="userSpaceOnUse"><rect x="4" y="0.199951171875" width="4" height="6" rx="100"/></clipPath><filter id="bgblur_master_svg3_1191_40669/2_07357_filter" filterUnits="userSpaceOnUse" x="-0.3076925277709961" y="-4.107741355895996" width="12.615385055541992" height="14.615385055541992" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="0.7179487546284994"/></filter><g id="bgblur_master_svg4_1191_40669/2_07357_backdrop"><rect x="0" y="3.199951171875" width="22" height="19.80000114440918" rx="4" fill="url(#master_svg0_2_07371)" fill-opacity="1"/><rect x="0" y="8.199951171875" width="22" height="15" rx="4" fill="url(#master_svg1_2_07367)" fill-opacity="1"/></g><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg5_2_07361"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.4699999988079071"/></linearGradient><clipPath id="bgblur_master_svg6_1191_40669/2_07368_clip_path" clipPathUnits="userSpaceOnUse"><rect x="14" y="0.199951171875" width="4" height="6" rx="100"/></clipPath><filter id="bgblur_master_svg7_1191_40669/2_07368_filter" filterUnits="userSpaceOnUse" x="9.692307472229004" y="-4.107741355895996" width="12.615385055541992" height="14.615385055541992" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="0.7179487546284994"/></filter><g id="bgblur_master_svg8_1191_40669/2_07368_backdrop"><use xlink:href="#bgblur_master_svg4_1191_40669/2_07357_backdrop"/><g clip-path="url(#bgblur_master_svg2_1191_40669/2_07357_clip_path)"><use xlink:href="#bgblur_master_svg4_1191_40669/2_07357_backdrop" filter="url(#bgblur_master_svg3_1191_40669/2_07357_filter)"/></g><rect x="4" y="0.199951171875" width="4" height="6" rx="2" fill="#FFBDAE" fill-opacity="0.5099999904632568"/><path d="M3.8,4.199951171875L3.8,2.199951171875Q3.8,1.288681271875,4.44436502,0.644316191875Q5.0887301,-0.00004887812500001254,6,-0.0000488281250000111Q6.911269900000001,-0.0000488281250000111,7.5556350000000005,0.644316191875Q8.1999998,1.288681071875,8.1999998,2.199951171875L8.1999998,4.199951171875Q8.1999998,5.111220871875,7.5556350000000005,5.755585671875Q6.9112697,6.399950971875,6,6.399950971875Q5.0887303,6.399950971875,4.44436502,5.755585671875Q3.79999995,5.111220371875,3.8,4.199951171875ZM4.2,4.199951171875Q4.19999993,4.945535171875,4.72720778,5.472743071875Q5.2544161,5.999951371875,6,5.999951371875Q6.745584,5.999951371875,7.2727923,5.472743071875Q7.8,4.945535671875,7.8,4.199951171875L7.8,2.199951171875Q7.8,1.454366571875,7.2727923,0.927158951875Q6.7455845,0.399951171875,6,0.399951171875Q5.2544156,0.399951101875,4.72720778,0.927158951875Q4.2,1.454366671875,4.2,2.199951171875L4.2,4.199951171875Z" fill="url(#master_svg5_2_07361)" fill-opacity="1"/></g><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg9_2_07361"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FFFFFF" stop-opacity="0.4699999988079071"/></linearGradient><linearGradient x1="1.100000023841858" y1="0.20407900214195251" x2="-0.15000000596046448" y2="-178.57142639160156" id="master_svga_2_07356"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FCCBD3" stop-opacity="1"/></linearGradient><linearGradient x1="1.100000023841858" y1="0.20407900214195251" x2="-0.15000000596046448" y2="-178.57142639160156" id="master_svgb_2_07356"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="100%" stop-color="#FCCBD3" stop-opacity="1"/></linearGradient></defs><use xlink:href="#bgblur_master_svg8_1191_40669/2_07368_backdrop"/><g clip-path="url(#bgblur_master_svg6_1191_40669/2_07368_clip_path)"><use xlink:href="#bgblur_master_svg8_1191_40669/2_07368_backdrop" filter="url(#bgblur_master_svg7_1191_40669/2_07368_filter)"/></g><rect x="14" y="0.199951171875" width="4" height="6" rx="2" fill="#FFBDAE" fill-opacity="0.5099999904632568"/><path d="M13.8,4.199951171875L13.8,2.199951171875Q13.8,1.288681271875,14.44436502,0.644316191875Q15.0887301,-0.00004887812500001254,16,-0.0000488281250000111Q16.9112699,-0.0000488281250000111,17.555635,0.644316191875Q18.1999998,1.288681071875,18.1999998,2.199951171875L18.1999998,4.199951171875Q18.1999998,5.111220871875,17.555635,5.755585671875Q16.9112697,6.399950971875,16,6.399950971875Q15.0887303,6.399950971875,14.44436502,5.755585671875Q13.79999995,5.111220371875,13.8,4.199951171875ZM14.2,4.199951171875Q14.19999993,4.945535171875,14.72720778,5.472743071875Q15.2544161,5.999951371875,16,5.999951371875Q16.745584,5.999951371875,17.2727923,5.472743071875Q17.8,4.945535671875,17.8,4.199951171875L17.8,2.199951171875Q17.8,1.454366571875,17.2727923,0.927158951875Q16.7455845,0.399951171875,16,0.399951171875Q15.2544156,0.399951101875,14.72720778,0.927158951875Q14.2,1.454366671875,14.2,2.199951171875L14.2,4.199951171875Z" fill="url(#master_svg9_2_07361)" fill-opacity="1"/><path d="M6,14.199951171875L16,14.199951171875L16,14.199751201875Q16.098472,14.199751141875,16.195051,14.180540261875Q16.291629999999998,14.161329391875,16.382606,14.123645901875Q16.473581,14.085962411875,16.555458,14.031254471875Q16.637335,13.976546521875001,16.706964,13.906916501875Q16.776594,13.837286471875,16.831302,13.755410251875Q16.886009,13.673534031875,16.923693,13.582558031875Q16.961376,13.491582061875,16.980587999999997,13.395002471875Q16.9998,13.298422880875,16.9998,13.199951171875Q16.9998,13.101479462875,16.980587999999997,13.004899871875Q16.961377,12.908320281875,16.923693999999998,12.817344311875Q16.886009,12.726368311875,16.831303,12.644492091875Q16.776594,12.562615871875,16.706964,12.492985841875Q16.637335,12.423355821874999,16.555458,12.368647931875Q16.473581,12.313939991875,16.382606,12.276256501875Q16.291629999999998,12.238572951875,16.195051,12.219362081875Q16.098472,12.200151201875,16,12.200151141875L16,12.199951171875L6,12.199951171875L6,12.200151141875Q5.901528291,12.200151201875,5.8049487,12.219362081875Q5.70836911,12.238572951875,5.61739314,12.276256441875Q5.52641714,12.313939931875,5.44454092,12.368647871875Q5.3626647,12.423355821874999,5.29303467,12.492985841875Q5.22340465,12.562615871875,5.16869676,12.644492091875Q5.11398882,12.726368311875,5.07630533,12.817344311875Q5.03862178,12.908320281875,5.0194109099999995,13.004899871875Q5.00020003,13.101479462875,5.00019997,13.199951171875Q5.00020003,13.298422880875,5.0194109099999995,13.395002471875Q5.03862178,13.491582061875,5.07630527,13.582558031875Q5.11398876,13.673534031875,5.1686967,13.755410251875Q5.22340465,13.837286471875,5.29303467,13.906916501875Q5.3626647,13.976546521875001,5.44454092,14.031254411875Q5.52641714,14.085962351875,5.61739314,14.123645841875Q5.70836911,14.161329391875,5.8049487,14.180540261875Q5.901528291,14.199751141875,6,14.199751201875L6,14.199951171875Z" fill-rule="evenodd" fill="url(#master_svga_2_07356)" fill-opacity="1"/><path d="M6,18.199951171875L16,18.199951171875L16,18.199751201875Q16.098472,18.199751141875,16.195051,18.180540261875Q16.291629999999998,18.161329391875,16.382606,18.123645901875Q16.473581,18.085962411875,16.555458,18.031254471875Q16.637335,17.976546521875,16.706964,17.906916501875Q16.776594,17.837286471875,16.831302,17.755410251875Q16.886009,17.673534031875,16.923693,17.582558031875Q16.961376,17.491582061875,16.980587999999997,17.395002471875Q16.9998,17.298422880875,16.9998,17.199951171875Q16.9998,17.101479462875,16.980587999999997,17.004899871875Q16.961377,16.908320281875,16.923693999999998,16.817344311875Q16.886009,16.726368311875,16.831303,16.644492091875Q16.776594,16.562615871875,16.706964,16.492985841875Q16.637335,16.423355821875,16.555458,16.368647931875Q16.473581,16.313939991875,16.382606,16.276256501875Q16.291629999999998,16.238572951875,16.195051,16.219362081875Q16.098472,16.200151201875,16,16.200151141875L16,16.199951171875L6,16.199951171875L6,16.200151141875Q5.901528291,16.200151201875,5.8049487,16.219362081875Q5.70836911,16.238572951875,5.61739314,16.276256441875Q5.52641714,16.313939931875,5.44454092,16.368647871875Q5.3626647,16.423355821875,5.29303467,16.492985841875Q5.22340465,16.562615871875,5.16869676,16.644492091875Q5.11398882,16.726368311875,5.07630533,16.817344311875Q5.03862178,16.908320281875,5.0194109099999995,17.004899871875Q5.00020003,17.101479462875,5.00019997,17.199951171875Q5.00020003,17.298422880875,5.0194109099999995,17.395002471875Q5.03862178,17.491582061875,5.07630527,17.582558031875Q5.11398876,17.673534031875,5.1686967,17.755410251875Q5.22340465,17.837286471875,5.29303467,17.906916501875Q5.3626647,17.976546521875,5.44454092,18.031254411875Q5.52641714,18.085962351875,5.61739314,18.123645841875Q5.70836911,18.161329391875,5.8049487,18.180540261875Q5.901528291,18.199751141875,6,18.199751201875L6,18.199951171875Z" fill-rule="evenodd" fill="url(#master_svgb_2_07356)" fill-opacity="1"/></svg>
\ No newline at end of file
diff --git a/src/assets/style/common.css b/src/assets/style/common.css
index 4321ccf..4f24899 100644
--- a/src/assets/style/common.css
+++ b/src/assets/style/common.css
@@ -117,14 +117,6 @@ body .van-toast--text {
     color: #0074e1;
 }
 
-body .van-popup--bottom {
-    max-width: 9.98rem;
-    left: 0;
-    right: 0;
-    margin-left: auto;
-    margin-right: auto;
-}
-
 /* .van-picker__toolbar{
     position: relative;
 }
diff --git a/src/components/abstract.vue b/src/components/abstract.vue
index 854721c..43e6377 100644
--- a/src/components/abstract.vue
+++ b/src/components/abstract.vue
@@ -1,301 +1,340 @@
-<script setup>
-import { ref, onMounted, computed, inject } from 'vue';
-import { Post } from '@/utils/https'
-import { messageSend } from '@/utils/api'
-import { getHiddenProp, getVisibilityState, decryptByVersionNo1, isSit, Encrypt, isDev, isProd } from "@/utils";
-const store = inject('appStore', null)
-const businessHandleInfo = ref({})
-const orderCount = ref(0)
-const abstractList = computed(() => [
-  {
-    title: '保障状态',
-    num: orderCount.value,
-    text: '保单保障中',
-    unit: '张',
-    name: '查保单',
-    btnText: '查保单',
-    btnBg: 'linear-gradient(90deg, #025cea 0%, #0595f6 100%)',
-  },
-  {
-    title: '待办任务',
-    num: businessHandleInfo.value?.contents?.length || 0,
-    text: '待办需处理',
-    unit: '个',
-    name: '去处理',
-    btnText: '去处理',
-    btnBg: 'linear-gradient(111deg, #ff752a 44%, #feb52d 136%)',
-  },
-  {
-    title: '权益领取',
-    num: 0,
-    text: '生存金权益',
-    unit: '项',
-    name: '去领取',
-    btnText: '去领取',
-    btnBg: 'linear-gradient(261deg, #2ed0c6 3%, #08b7ac 65%)',
-  },
-].filter(item => item.num > 0))
-const businessHandle = () => {
-  if (
-    store.source == "95270000" ||
-    store.source == "95320000" ||
-    store.source == "95350000" ||
-    store.source == "96060000"
-  ) {
-    Post("notify/info", { userInfoId: store.userId })
-      .then((res) => {
-        if (res.data?.contents.length > 0) {
-          businessHandleInfo.value = res.data;
-        }
-      })
-      .catch((error) => {
-        console.log(error);
-      });
-  }
-}
-const isIdentityNo = (value) => /^\d{15}$|^\d{17}[\dXx]$/.test(String(value || '').trim())
-
-// 与 liics 一致：明文身份证来自解密 userInfo.pid（encryptPid 是给外部系统用的密文，不能直接解）
-const getIdentityCardno = () => {
-  const versionNo = store.userInfo?.versionNo1 || ''
-  const pidCipher = store.userInfo?.pid || ''
-  if (!versionNo || !pidCipher) return ''
-
-  const identityCardno = decryptByVersionNo1(versionNo, pidCipher)
-  console.log(decryptByVersionNo1(versionNo, '0FLzZwhD08nkUE4BjRGOSEri4KWO'),id);
-  return isIdentityNo(identityCardno) ? identityCardno.trim() : ''
-}
-
-const getOrderCount = () => {
-  try {
-    const identityCardno = getIdentityCardno()
-    if (!identityCardno) {
-      console.warn('证件号解密失败', {
-        hasPid: Boolean(store.userInfo?.pid),
-        hasVersionNo1: Boolean(store.userInfo?.versionNo1),
-      })
-      return
-    }
-
-    Post('policy/queryCount', {
-      dentityCardno: identityCardno,
-      userId: store.userId
-    }).then(res => {
-      orderCount.value = res?.data?.policyCount || 0
-    })
-  } catch (error) {
-    console.log(error)
-  }
-}
-const toDetail = (record) => {
-  const text = record?.name
-  console.log('text', text);
-  if (!text) return
-  messageSend(text).catch((err) => {
-    console.log(err)
-  })
-}
-onMounted(async () => {
-  businessHandle()
-  getOrderCount()
-})
-</script>
-<template>
-  <div class="abstract-con" v-if="abstractList.length">
-    <div class="title">
-      <span>今日皮卡丘摘要</span><img src="@/assets/images/chat/star.svg" alt="" srcset="" />
-    </div>
-    <div class="list">
-      <div :class="`item ${(abstractList || []).length === 1 ? 'singleItem' : ''}`"
-        v-for="(item, index) in abstractList || []" :key="index">
-        <div>
-          <div class="title">{{ item.title }}</div>
-          <div class="content" :style="{ display: (abstractList || []).length > 2 ? 'block' : 'flex' }">
-            <div class="nums">
-              <div class="num">
-                {{ item.num }}<span>{{ item.unit }}</span>
-              </div>
-            </div>
-            <div class="text" :style="{ marginTop: (abstractList || []).length > 2 ? '8rem' : '0' }">
-              {{ item.text }}
-            </div>
-          </div>
-        </div>
-        <div class="btn" :style="{ background: item.btnBg }" @click="toDetail(item)">{{ item.btnText }}</div>
-      </div>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-.abstract-con {
-  position: relative;
-  z-index: 1;
-  flex-direction: column;
-  justify-content: center;
-  padding: 10rem 12rem;
-  gap: 12rem;
-  align-self: stretch;
-  margin-top: 10rem;
-  background: linear-gradient(77deg, #fcfdfd80 -1%, #f5f7fee6 99%);
-
-  box-sizing: border-box;
-  border: 1rem solid rgba(255, 255, 255, 0.9);
-
-  backdrop-filter: blur(10rem);
-  border-radius: 12rem;
-
-  .title {
-    font-family: PingFang SC;
-    font-size: 16rem;
-    font-weight: 500;
-    line-height: normal;
-    letter-spacing: 0rem;
-
-    /* 科个中性/正文-标题 17204D */
-    /* 样式描述：用于正文标题 */
-    color: #17204d;
-
-    img {
-      width: 20rem;
-      margin-left: 4.6rem;
-    }
-  }
-
-  .list {
-    margin-top: 13rem;
-    display: flex;
-    gap: 8rem;
-
-    .item {
-      display: flex;
-      flex-direction: column;
-      gap: 12rem;
-      flex: 1;
-      border-radius: 8rem;
-      display: flex;
-      flex-direction: column;
-      padding: 12rem;
-      gap: 12rem;
-
-      background: #fcfdfd;
-
-      box-shadow: 0rem 4rem 10rem 0rem #e7effd;
-
-      .title {
-        margin-left: 18rem;
-        font-family: PingFang SC;
-        font-size: 12rem;
-        font-weight: normal;
-        line-height: 16rem;
-        letter-spacing: 0rem;
-
-        /* 科个中性/正文-副标题 7E849F */
-        color: #7e849f;
-      }
-
-      .content {
-        .nums {
-          font-family: DIN-Medium;
-          font-size: 24rem;
-          font-weight: bold;
-          line-height: 24rem;
-          letter-spacing: 0rem;
-
-          font-variation-settings: 'opsz' auto;
-          color: #17204d;
-
-          .num {
-            display: flex;
-            align-items: flex-end;
-          }
-
-          span {
-            font-family: PingFang SC;
-            font-size: 12rem;
-            font-weight: normal;
-            line-height: 16rem;
-            letter-spacing: 0rem;
-            margin: 0 3rem 0 3rem;
-
-            /* 中性/重要文本色 */
-            /* 样式描述：17204D */
-            color: #17204d;
-          }
-        }
-
-        .text {
-          font-family: PingFang SC;
-          font-size: 12rem;
-          font-weight: normal;
-          line-height: 16rem;
-          letter-spacing: 0rem;
-
-          /* 中性/次要文本色 */
-          /* 样式描述：7E849F */
-          color: #7e849f;
-          align-self: flex-end;
-        }
-      }
-
-      .btn {
-        border-radius: 100rem;
-        font-family: PingFang SC;
-        font-size: 14rem;
-        font-weight: 500;
-        line-height: 19rem;
-        text-align: center;
-        letter-spacing: 0rem;
-
-        color: #ffffff;
-        padding: 4rem 12rem;
-        height: 28rem;
-        cursor: pointer;
-      }
-    }
-
-    .singleItem {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-
-      >div {
-        margin-left: 36rem;
-
-        .title {
-          font-family: PingFang SC;
-          font-size: 14rem;
-          font-weight: 500;
-          line-height: normal;
-          letter-spacing: 0rem;
-          margin-left: 0;
-
-          /* 科个中性/正文-标题 17204D */
-          /* 样式描述：用于正文标题 */
-          color: #17204d;
-          margin-bottom: 4rem;
-        }
-
-        .content {
-          .nums {
-            font-size: 12rem;
-            font-weight: normal;
-            line-height: 16rem;
-            letter-spacing: 0rem;
-
-            z-index: 1;
-            font-family: PingFang SC;
-            font-weight: 500;
-            color: #17204d;
-
-            span {
-              color: #7e849f;
-              margin-left: 0;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<script setup>
+import { ref, onMounted, onActivated, computed, inject } from 'vue';
+import { Post } from '@/utils/https'
+import { messageSend } from '@/utils/api'
+import { getHiddenProp, getVisibilityState, decryptByVersionNo1, isSit, Encrypt, isDev, isProd } from "@/utils";
+const store = inject('appStore', null)
+const businessHandleInfo = ref({})
+const orderCount = ref(0)
+const emit = defineEmits(['ready', 'businessClick'])
+const abstractList = computed(() => [
+  {
+    title: '保障状态',
+    num: orderCount.value,
+    text: '保单保障中',
+    unit: '张',
+    name: '查保单',
+    btnText: '查保单',
+    btnBg: 'linear-gradient(90deg, #025cea 0%, #0595f6 100%)',
+  },
+  {
+    title: '待办任务',
+    num: businessHandleInfo.value?.contents?.length || 0,
+    text: '待办需处理',
+    unit: '个',
+    name: '去处理',
+    btnText: '去处理',
+    btnBg: 'linear-gradient(111deg, #ff752a 44%, #feb52d 136%)',
+  },
+  {
+    title: '权益领取',
+    num: 0,
+    text: '生存金权益',
+    unit: '项',
+    name: '去领取',
+    btnText: '去领取',
+    btnBg: 'linear-gradient(261deg, #2ed0c6 3%, #08b7ac 65%)',
+  },
+].filter(item => item.num > 0))
+const businessHandle = (userId) => {
+  if (
+    store.source == "95270000" ||
+    store.source == "95320000" ||
+    store.source == "95350000" ||
+    store.source == "96060000"
+  ) {
+    return Post("notify/info", { userInfoId: userId })
+      .then((res) => {
+        if (res.data?.contents?.length > 0) {
+          businessHandleInfo.value = res.data
+        } else {
+          businessHandleInfo.value = {}
+        }
+        store?.setBusinessHandleInfo?.(businessHandleInfo.value)
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  }
+  return Promise.resolve()
+}
+
+const businessClick = () => {
+  emit('businessClick')
+}
+const isIdentityNo = (value) => /^\d{15}$|^\d{17}[\dXx]$/.test(String(value || '').trim())
+
+// 与 liics 一致：明文身份证来自解密 userInfo.pid（encryptPid 是给外部系统用的密文，不能直接解）
+const getIdentityCardno = () => {
+  const versionNo = store.userInfo?.versionNo1 || ''
+  const pidCipher = store.userInfo?.pid || ''
+  if (!versionNo || !pidCipher) return ''
+
+  const identityCardno = decryptByVersionNo1(versionNo, pidCipher)
+  console.log('decrypt pid =>', JSON.stringify(identityCardno))
+  return isIdentityNo(identityCardno) ? identityCardno.trim() : ''
+}
+
+const getOrderCount = () => {
+  try {
+    const identityCardno = getIdentityCardno()
+    if (!identityCardno) {
+      console.warn('证件号解密失败', {
+        hasPid: Boolean(store.userInfo?.pid),
+        hasVersionNo1: Boolean(store.userInfo?.versionNo1),
+      })
+      return Promise.resolve()
+    }
+
+    return Post('policy/queryCount', {
+      dentityCardno: identityCardno,
+      userId: store.userId
+    }).then(res => {
+      orderCount.value = res?.data?.policyCount || 0
+    }).catch((error) => {
+      console.log(error)
+    })
+  } catch (error) {
+    console.log(error)
+    return Promise.resolve()
+  }
+}
+const toDetail = (record) => {
+  if (record.title === '待办任务') {
+    businessClick()
+  }
+  if (record.title === '保障状态') {
+    // 只把问题写入对话气泡，不走对话接口
+    store.addSendMessageList({ msgText: record.name, reqAndResType: '1', sendLoading: false })
+  }
+}
+const refreshAbstractData = async () => {
+  await Promise.all([businessHandle(store?.userId), getOrderCount()])
+}
+
+const hasLoadedOnce = ref(false)
+
+onMounted(async () => {
+  try {
+    await refreshAbstractData()
+  } finally {
+    hasLoadedOnce.value = true
+    emit('ready')
+  }
+})
+
+// keep-alive 返回 chat 时刷新待办和保单数量
+onActivated(async () => {
+  if (!hasLoadedOnce.value) return
+  await refreshAbstractData()
+})
+</script>
+<template>
+  <div class="abstract-con" v-if="abstractList.length">
+    <div class="title">
+      <span>今日皮卡丘摘要</span><img src="@/assets/images/chat/star.svg" alt="" srcset="" />
+    </div>
+    <div class="list">
+      <div
+        :class="`item ${(abstractList || []).length === 1 ? 'singleItem' : ''}`"
+        v-for="(item, index) in abstractList || []"
+        :key="index"
+      >
+        <div>
+          <div class="title">{{ item.title }}</div>
+          <div
+            class="content"
+            :style="{ display: (abstractList || []).length > 2 ? 'block' : 'flex' }"
+          >
+            <div class="nums">
+              <div class="num">
+                {{ item.num }}<span>{{ item.unit }}</span>
+              </div>
+            </div>
+            <div
+              class="text"
+              :style="{ marginTop: (abstractList || []).length > 2 ? '8rem' : '0' }"
+            >
+              {{ item.text }}
+            </div>
+          </div>
+        </div>
+        <div class="btn" :style="{ background: item.btnBg }" @click="toDetail(item)">
+          {{ item.btnText }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.abstract-con {
+  position: relative;
+  z-index: 1;
+  flex-direction: column;
+  justify-content: center;
+  padding: 10rem 12rem;
+  gap: 12rem;
+  align-self: stretch;
+  background: linear-gradient(77deg, #fcfdfd80 -1%, #f5f7fee6 99%);
+  margin-bottom: 16rem;
+  box-sizing: border-box;
+  border: 1rem solid rgba(255, 255, 255, 0.9);
+
+  backdrop-filter: blur(10rem);
+  border-radius: 12rem;
+
+  .title {
+    font-family: PingFang SC;
+    font-size: 16rem;
+    font-weight: 500;
+    line-height: normal;
+    letter-spacing: 0rem;
+
+    /* 科个中性/正文-标题 17204D */
+    /* 样式描述：用于正文标题 */
+    color: #17204d;
+
+    img {
+      width: 20rem;
+      margin-left: 4.6rem;
+    }
+  }
+
+  .list {
+    margin-top: 13rem;
+    display: flex;
+    gap: 8rem;
+
+    .item {
+      display: flex;
+      flex-direction: column;
+      gap: 12rem;
+      flex: 1;
+      border-radius: 8rem;
+      display: flex;
+      flex-direction: column;
+      padding: 12rem;
+      gap: 12rem;
+
+      background: #fcfdfd;
+
+      box-shadow: 0rem 4rem 10rem 0rem #e7effd;
+
+      .title {
+        margin-left: 18rem;
+        font-family: PingFang SC;
+        font-size: 12rem;
+        font-weight: normal;
+        line-height: 16rem;
+        letter-spacing: 0rem;
+
+        /* 科个中性/正文-副标题 7E849F */
+        color: #7e849f;
+      }
+
+      .content {
+        .nums {
+          font-family: DIN-Medium;
+          font-size: 24rem;
+          font-weight: bold;
+          line-height: 24rem;
+          letter-spacing: 0rem;
+
+          font-variation-settings: 'opsz' auto;
+          color: #17204d;
+
+          .num {
+            display: flex;
+            align-items: flex-end;
+          }
+
+          span {
+            font-family: PingFang SC;
+            font-size: 12rem;
+            font-weight: normal;
+            line-height: 16rem;
+            letter-spacing: 0rem;
+            margin: 0 3rem 0 3rem;
+
+            /* 中性/重要文本色 */
+            /* 样式描述：17204D */
+            color: #17204d;
+          }
+        }
+
+        .text {
+          font-family: PingFang SC;
+          font-size: 12rem;
+          font-weight: normal;
+          line-height: 16rem;
+          letter-spacing: 0rem;
+
+          /* 中性/次要文本色 */
+          /* 样式描述：7E849F */
+          color: #7e849f;
+          align-self: flex-end;
+        }
+      }
+
+      .btn {
+        border-radius: 100rem;
+        font-family: PingFang SC;
+        font-size: 14rem;
+        font-weight: 500;
+        line-height: 19rem;
+        text-align: center;
+        letter-spacing: 0rem;
+
+        color: #ffffff;
+        padding: 4rem 12rem;
+        height: 28rem;
+        cursor: pointer;
+      }
+    }
+
+    .singleItem {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+
+      > div {
+        margin-left: 36rem;
+
+        .title {
+          font-family: PingFang SC;
+          font-size: 14rem;
+          font-weight: 500;
+          line-height: normal;
+          letter-spacing: 0rem;
+          margin-left: 0;
+
+          /* 科个中性/正文-标题 17204D */
+          /* 样式描述：用于正文标题 */
+          color: #17204d;
+          margin-bottom: 4rem;
+        }
+
+        .content {
+          .nums {
+            font-size: 12rem;
+            font-weight: normal;
+            line-height: 16rem;
+            letter-spacing: 0rem;
+
+            z-index: 1;
+            font-family: PingFang SC;
+            font-weight: 500;
+            color: #17204d;
+
+            span {
+              color: #7e849f;
+              margin-left: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/business-handle.vue b/src/components/business-handle.vue
index d5daa5c..1d17966 100644
--- a/src/components/business-handle.vue
+++ b/src/components/business-handle.vue
@@ -1,168 +1,211 @@
-<template>
-  <div>
-    <van-swipe style="height:30rem;margin-top:10rem" class="businessBox" vertical :scrollable="false" :autoplay="3000"
-      :show-indicators="false">
-      <van-swipe-item @click="swiperClick" v-for="(item, index) in businessHandleInfo.contents" :key="index">
-        <div class="item">
-          <img :src="getIconUrl(item.icon)" alt="" style="width:30rem;height:30rem;">
-          <div class="item-content">
-            <div class="line">{{ item.name }}</div>
-            <van-icon name="arrow-down" />
-          </div>
-        </div>
-      </van-swipe-item>
-    </van-swipe>
-
-    <van-popup get-container="#app" v-model:show="Popupshow" round position="bottom"
-      :style="{ padding: '15rem', boxSizing: ' border-box' }">
-      <div class="displayFlex">
-        <div style="font-size: 13rem;color: #878D99;">
-          您有{{ businessHandleInfo.contents.length }}个待办{{ businessHandleInfo.tip }}</div>
-        <van-icon name="close" color="#5A9CFF" @click="Popupshow = false" />
-      </div>
-      <div class="popupContent">
-        <div class="item popupContentItem" v-for="(item, index) in businessHandleInfo.contents" :key="index"
-          @click="richCallAnswer(item)">
-          <img :src="getIconUrl(item.icon)" alt="" style="width:30rem;height:30rem;">
-          <div class="item-content">
-            <div>{{ item.name }}</div>
-            <van-icon name="arrow" color="#5A9CFF" />
-          </div>
-        </div>
-      </div>
-    </van-popup>
-  </div>
-</template>
-
-<script setup>
-import { ref, inject, computed } from 'vue'
-import { Icon, Swipe, SwipeItem, Popup } from 'vant'
-
-defineProps({
-  businessHandleInfo: { type: Object, default: () => ({}) }
-})
-
-const store = inject('appStore', null)
-const userId = inject('userId', ref(''))
-const mescrollContent = inject('mescrollContent', ref(null))
-const manualService = inject('manualService', ref('1'))
-
-const Popupshow = ref(false)
-const isBtnsubmit = ref(true)
-
-function getIconUrl(icon) {
-  try {
-    return require(`../assets/images/${icon}.png`)
-  } catch (e) {
-    return ''
-  }
-}
-
-function swiperClick() {
-  Popupshow.value = true
-}
-
-function richCallAnswer(item) {
-  const text = item.name
-  const serialNumber = item.serialNumber
-  const sessionId = item.sessionId
-
-  const mdParmas = {
-    userInfoId: userId.value,
-    sessionId,
-    serialNumber,
-    clickTime: new Date().getTime()
-  }
-  store?.dispatch?.('updateClickTime', mdParmas).catch(err => {
-    console.error(err)
-  })
-
-  let sendParmas = {
-    cmd: 'business-handle',
-    reqAndResType: '1',
-    msgText: '&' + text + '&',
-    intentId: '',
-    msgSource: manualService.value,
-    questionType: 6
-  }
-
-  if (isBtnsubmit.value) {
-    isBtnsubmit.value = false
-    Popupshow.value = false
-    scrollTopBody()
-    store?.dispatch?.('sendingRobot', sendParmas).then(() => {
-      isBtnsubmit.value = true
-    }).catch(err => {
-      isBtnsubmit.value = true
-      console.log(err)
-    })
-  }
-}
-
-function scrollTopBody() {
-  setTimeout(() => {
-    try {
-      if (mescrollContent.value) {
-        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
-      }
-    } catch (error) {
-      console.log(error.message)
-    }
-  }, 300)
-}
-</script>
-
-<style scoped>
-.businessBox {
-  background: #fff;
-  padding: 10rem;
-  border-radius: 16rem 16rem 16rem 2rem;
-}
-
-.item {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.item>img {
-  width: 30rem;
-  height: 30rem;
-  margin-right: 10rem;
-}
-
-.item-content {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 15rem;
-}
-
-.line {
-  font-size: 14rem;
-}
-
-.displayFlex {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.popupContent {
-  min-height: 180rem;
-  max-height: 290rem;
-  overflow: auto;
-}
-
-.popupContentItem {
-  height: 50rem;
-  background: #FFFFFF;
-  border: 1rem solid #F1F3F6;
-  padding: 13rem;
-  box-shadow: 0 2rem 8rem 0 rgba(229, 234, 237, 0.50);
-  border-radius: 8rem;
-  box-sizing: border-box;
-  margin: 7rem 5rem;
-}
-</style>
\ No newline at end of file
+<template>
+  <div>
+    <!-- <van-swipe style="height:30rem;margin-top:10rem" class="businessBox" vertical :scrollable="false" :autoplay="3000"
+      :show-indicators="false">
+      <van-swipe-item @click="swiperClick" v-for="(item, index) in businessHandleInfo.contents" :key="index">
+        <div class="item">
+          <img :src="getIconUrl(item.icon)" alt="" style="width:30rem;height:30rem;">
+          <div class="item-content">
+            <div class="line">{{ item.name }}</div>
+            <van-icon name="arrow-down" />
+          </div>
+        </div>
+      </van-swipe-item>
+    </van-swipe> -->
+    <van-popup
+      v-model:show="Popupshow"
+      teleport="body"
+      round
+      position="bottom"
+      closeable
+      :z-index="3000"
+    >
+      <div class="displayFlex">
+        <div class="title">您有{{ displayInfo?.contents?.length || 0 }}个待办</div>
+        <div class="popupContent">
+          <div
+            class="item popupContentItem"
+            v-for="(item, index) in displayInfo.contents || []"
+            :key="index"
+            @click="richCallAnswer(item)"
+          >
+            <img
+              src="@/assets/images/chat/todo-icon.svg"
+              alt=""
+              style="width: 22rem; height: 22rem"
+            />
+            <div class="item-content">
+              <div>{{ item.name }}</div>
+              <van-icon name="arrow" color="#5A9CFF" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, inject, computed, watch } from 'vue'
+import { Icon, Swipe, SwipeItem, Popup } from 'vant'
+
+const props = defineProps({
+  businessHandleInfo: { type: Object, default: () => ({}) },
+  autoOpen: { type: Boolean, default: true },
+})
+
+const store = inject('appStore', null)
+const userId = inject('userId', ref(''))
+const mescrollContent = inject('mescrollContent', ref(null))
+const manualService = inject('manualService', ref('1'))
+
+const Popupshow = ref(false)
+const isBtnsubmit = ref(true)
+const hasAutoOpened = ref(false)
+
+const displayInfo = computed(() => {
+  const fromProp = props.businessHandleInfo
+  if (fromProp && Array.isArray(fromProp.contents) && fromProp.contents.length) return fromProp
+  return store?.businessHandleInfo || {}
+})
+
+function getIconUrl(icon) {
+  try {
+    return new URL(`../assets/images/${icon}.png`, import.meta.url).href
+  } catch (e) {
+    return ''
+  }
+}
+
+function swiperClick() {
+  Popupshow.value = true
+}
+
+function richCallAnswer(item) {
+  const text = item.name
+  const serialNumber = item.serialNumber
+  const sessionId = item.sessionId
+
+  const mdParmas = {
+    userInfoId: userId.value,
+    sessionId,
+    serialNumber,
+    clickTime: new Date().getTime()
+  }
+  store?.dispatch?.('updateClickTime', mdParmas).catch(err => {
+    console.error(err)
+  })
+
+  let sendParmas = {
+    cmd: 'business-handle',
+    reqAndResType: '1',
+    msgText: '&' + text + '&',
+    intentId: '',
+    msgSource: manualService.value,
+    questionType: 6
+  }
+
+  if (isBtnsubmit.value) {
+    isBtnsubmit.value = false
+    Popupshow.value = false
+    scrollTopBody()
+    const sending = store?.sendingRobot?.(sendParmas) || store?.dispatch?.('sendingRobot', sendParmas)
+    Promise.resolve(sending).then(() => {
+      isBtnsubmit.value = true
+    }).catch(err => {
+      isBtnsubmit.value = true
+      console.log(err)
+    })
+  }
+}
+
+function scrollTopBody() {
+  setTimeout(() => {
+    try {
+      if (mescrollContent.value) {
+        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
+      }
+    } catch (error) {
+      console.log(error.message)
+    }
+  }, 300)
+}
+defineExpose({
+  swiperClick
+})
+</script>
+
+<style scoped lang="scss">
+.businessBox {
+  background: #fff;
+  padding: 10rem;
+  border-radius: 16rem 16rem 16rem 2rem;
+}
+
+.item {
+  display: flex;
+  justify-content: space-around;
+}
+
+.item > img {
+  width: 30rem;
+  height: 30rem;
+  margin-right: 10rem;
+}
+
+.item-content {
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  font-size: 15rem;
+  i{
+    padding-top: 4rem;
+  }
+}
+
+.line {
+  font-size: 14rem;
+}
+
+.displayFlex {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 16rem 16rem 0rem 0rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16rem 16rem 0rem 16rem;
+  gap: 24rem;
+  width: 100vw;
+  background: linear-gradient(180deg, #f0f8ff 0%, #f6f9ff 100%);
+  .title {
+    font-family: PingFang SC;
+    font-size: 16rem;
+    font-weight: 500;
+    line-height: normal;
+    text-align: center;
+    letter-spacing: 0rem;
+
+    font-variation-settings: 'opsz' auto;
+  }
+}
+
+.popupContent {
+  display: flex;
+  flex-direction: column;
+  max-height: 300rem;
+  overflow: auto;
+  width: 100%;
+  gap: 12rem;
+  padding-bottom: 12rem;
+}
+
+.popupContentItem {
+  background: #ffffff;
+  border: 1px solid rgba(255, 255, 255, 0.9);
+  padding: 12px;
+  gap: 12px;
+  border-radius: 12px;
+}
+</style>
diff --git a/src/components/chat-content.vue b/src/components/chat-content.vue
index a76f9e5..0130163 100644
--- a/src/components/chat-content.vue
+++ b/src/components/chat-content.vue
@@ -1,2388 +1,2389 @@
-<template>
-  <div class="chat-content-box historicRecords" v-if="historylist && historylist.length > 0">
-    <div :class="[
-      elder ? 'elder-wrapper' : '',
-      integratedUser && manualService == 2 && item.sessionId === sessionId
-        ? 'disable-sys-menu'
-        : '',
-    ]" class="chat-content-box-item opacity" style="position: relative" v-for="(item, index) in historylist"
-      :key="index" :id="item.VIEW_ID"
-      v-show="(item.msgText && item.msgText != 'null') || item.cmd === 'ServiceSessionOpenedEvent'"
-      @touchstart="touchStartBubble(item, index, $event)" @touchmove="touchMoveBubble" @touchend="touchEndBubble"
-      @contextmenu="onContextMenu(item, $event)" @click="closeQuoteMenu">
-      <!-- 引用功能菜单悬浮窗 -->
-      <div v-if="quoteMenuTimestamp && quoteMenuTimestamp === item.timestamp" class="quote-menu-box"
-        :style="quoteMenuPositions[item.timestamp] || {}">
-        <template v-if="item.reqAndResType == '1' || item.msgType == '01'">
-          <div class="quote-menu-btn" @click.stop="onCopyMessage(item)">复制</div>
-          <div class="quote-menu-divider"></div>
-        </template>
-        <div class="quote-menu-btn" @click.stop="onQuoteMessage(item)">引用</div>
-        <div class="quote-arrow"></div>
-      </div>
-      <div class="time-show" v-if="item.fromFlag && item.fromFlag != 'other' && item.msgText && item.timestamp">
-        <span class="session-tips">{{ FormatDate(item.timestamp, 'yyyy年MM月dd日 hh:mm') }}</span>
-      </div>
-      <!-- <div class="chat-content-other" v-if="item.fromFlag == 'other'">
-            <span class="session-tips" v-html="item.msgText"></span>
-        </div> -->
-
-      <!-- 消息未读提示 -->
-      <div class="this-news-box news-tips-box" v-if="item.fromFlag === 'unreadtips'">
-        <div class="this-news-tips" v-html="item.msgText"></div>
-      </div>
-
-      <!-- 右边消息类型 -->
-      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '1'">
-        <!-- 文本消息 -->
-        <div class="chat-content-txt">
-          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
-            <van-loading type="spinner" size="18rem" />
-          </div>
-          <div class="chat-txt-content" v-if="item.msgText">
-            <p class="messageBox" v-if="
-              item.msgText.includes('xss') ||
-              item.msgText.includes('i0.a') ||
-              item.msgText.includes('0x.a') ||
-              item.msgText.includes('k.ki') ||
-              item.msgText.includes('xss.pt')
-            " v-text="$xss(replaceBrEmoticon(item.msgText, item))"></p>
-            <p v-else class="messageBox" v-html="$xss(replaceBrEmoticon(item.msgText))"></p>
-          </div>
-        </div>
-      </div>
-
-      <!-- 右边消息类型 -->
-      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '10'">
-        <!-- 文本消息 -->
-        <div class="chat-content-txt">
-          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
-            <van-loading type="spinner" size="18rem" />
-          </div>
-          <div class="chat-txt-content" v-if="item.msgText">
-            <p class="messageBox" v-if="
-              item.msgText.includes('xss') ||
-              item.msgText.includes('i0.a') ||
-              item.msgText.includes('0x.a') ||
-              item.msgText.includes('k.ki') ||
-              item.msgText.includes('xss.pt')
-            " v-text="$xss(replaceBrEmoticon(item.msgText, item))"></p>
-            <p v-else class="messageBox" v-html="$xss(replaceBrEmoticon(item.msgText))"></p>
-          </div>
-        </div>
-      </div>
-
-      <!-- 右边消息类型 -->
-      <div class="chat-content-list" v-if="
-        item.msgText && item.fromFlag == '1' && item.reqAndResType == '5' && !item.bpErrorContent
-      ">
-        <!-- 语音消息 -->
-        <div class="chat-content-txt">
-          <div class="send-message-loading" v-if="item.sendLoading">
-            <van-loading type="spinner" size="18rem" />
-          </div>
-          <Audio class="audio-box" :voiceNo="0" :voiceUrl="item.msgText" />
-          <!-- 语音内容：{{item.voiceNo}} -->
-          <!-- <div
-            class="chat-txt-content"
-            @touchstart="longTouchDel(item, index)"
-            @touchend="cleartime(index)"
-            :data-msgSource="item.msgSource"
-          >
-          </div> -->
-        </div>
-      </div>
-
-      <!-- 图片消息 -->
-      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'">
-        <div class="chat-content-image">
-          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
-            <van-loading type="spinner" size="18rem" />
-          </div>
-          <div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp">
-            <DynamicImage :image-key="item.msgText" />
-          </div>
-        </div>
-      </div>
-
-      <!-- 右边消息类型 -->
-
-      <!--- 左边消息 -->
-      <!-- 链接人工客服 -->
-      <div class="chat-content-list" v-if="
-        item.fromFlag &&
-        item.fromFlag == '2' &&
-        (item.msgText || item.cmd === 'ServiceSessionOpenedEvent')
-      " :class="{ showMoreCard: item.cmd == 'ServiceSessionOpenedEvent' }">
-        <!--- 人工入口 -->
-        <div class="chat-room-cont" v-if="item.cmd && (item.cmd == 'SXRGFW' || item.cmd == 'PTRGFW')">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.robotUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main service-radius">
-                <div class="service-header-icon flex flex-align-center">
-                  <DynamicImage :image-key="headerAvatar.artificialUrl" />
-                  <div class="tips-body">
-                    <div class="service-icon-tips">是否连线，获得人工帮助？</div>
-                    <div class="service-icon-tips">
-                      洋洋是文字客服，无法语音哦~如需语音服务可拨打我司统一客服热线95500，我们都将竭诚为您服务。
-                    </div>
-                  </div>
-                </div>
-                <div class="service-link-box before-top">
-                  <button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
-                    点击此处，连线人工客服
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!--会话创建成功 白班 排队3分钟之内-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEvent'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <div class="leave-message-cont" v-html="item.msgText"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 排队3分钟  坐席忙-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutEvent'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main scheduleTimeout-box">
-                <div class="leave-message-cont" v-html="item.msgText"></div>
-                <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
-                <div class="leave-message-btn"
-                  v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
-                  <button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)">
-                    点击此处，给我们留言
-                  </button>
-                  <!-- <button class="answer-items" disabled="disabled" @click.stop="exitMessage($event)">点击此处，退出人工</button> -->
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!--会话创建成功 夜班-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNight'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <div class="leave-message-cont" v-html="item.msgText"></div>
-                <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
-                <div class="leave-message-btn"
-                  v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
-                  <button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)">
-                    点击此处，给我们留言
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!--银保在线浦发平台-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNoMessage'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <div class="leave-message-cont" v-html="item.msgText"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 银保在线浦发平台 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutNoMessage'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main scheduleTimeout-box">
-                <div class="leave-message-cont" v-html="item.msgText"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!--坐席已接起-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionOpenedEvent'">
-          <!--人工客服接入卡片 -->
-          <div class="service-opened-card">
-            <div class="card-header-box">
-              <img class="card-bg-img" src="@/assets/images/human-card-bg.png" alt="bg" />
-              <img class="card-body-img" src="@/assets/images/human-card-body.png" alt="body" />
-            </div>
-            <div class="card-content-box">
-              <div class="card-title">您好，人工客服为您服务</div>
-              <div class="card-sub">
-                {{ item.agentNickName || '太平洋寿险客服' }}
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!--关掉页面-->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionClosedEvent'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type">
-                <div class="chat-left-txt" v-html="item.msgText"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 变更地址 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'CHANGE_ADDRESS_CMD'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <edit-address :itemList="item" :disabled="true"></edit-address>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 智能计算 -->
-        <!-- <div class="chat-room-cont" >
-                <div class="chat-content-left">
-                    <div class="content-left-icon">
-                        <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-                        <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div>
-                    </div>
-                    <div class="chat-items">
-                        <div class="content-left-main computing-text-box">
-                            <intelligent-computing :itemList="item"></intelligent-computing>
-                        </div>
-                    </div>
-                </div>
-            </div> -->
-
-        <!-- 智能计算 周岁 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'zs'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 0">
-                <intelligent-computing :itemList="item" :propsType="'yearOld'"
-                  :btnFloat="false"></intelligent-computing>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 智能就算 gcq 观察期 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'gcq'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 0">
-                <intelligent-computing :itemList="item" :propsType="'observation'"
-                  :btnFloat="false"></intelligent-computing>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 智能计算 kxq 宽限期 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'kxq'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 0">
-                <intelligent-computing :itemList="item" :propsType="'gracePeriod'"
-                  :btnFloat="false"></intelligent-computing>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 智能计算 sxrdyr 生效日对应日 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'sxrdyr'">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 0">
-                <intelligent-computing :itemList="item" :propsType="'takeEffect'"
-                  :btnFloat="false"></intelligent-computing>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 营业网点 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'YYWDBD' || item.cmd == 'YYWDDA')">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <network-address :itemList="item" :disabled="true"></network-address>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 营业网点 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'GMMDBDCX' || item.cmd == '$gmmdbdcx-da')">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <gm-network-address :itemList="item" :disabled="isHistory"></gm-network-address>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 转账失效 -->
-        <div class="chat-room-cont" v-else-if="
-          item.cmd &&
-          (item.cmd == 'yhzzsx' ||
-            item.cmd == 'fhzzsx' ||
-            item.cmd == 'scjzzsx' ||
-            item.cmd == 'wnzhzzsx' ||
-            item.cmd == 'tbzzsx' ||
-            item.cmd == 'dkzzsx' ||
-            item.cmd == 'lpzzsx' ||
-            item.cmd == '$zzsx-da') // $zzsx-da这是展示的答案
-        ">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <transfer-accounts :itemList="item" :disabled="isHistory"></transfer-accounts>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 续期缴费转账时效表单 -->
-        <div class="chat-room-cont" v-else-if="
-          item.cmd && (item.cmd == 'XQJFZZSXBD' || item.cmd == '$xqjfzzsx-da') // $xqjfzzsx-da这是展示的答案
-        ">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <xqjfzzsx-accounts :itemList="item" :disabled="true"></xqjfzzsx-accounts>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 个人   团体投保 -->
-        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'grtbbd' || item.cmd == 'tttbbd')">
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <insurance-reservation :itemList="item" :disabled="true"></insurance-reservation>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 断点服务  -->
-        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'RGAN'">
-          <!--人工客服 -->
-          <div class="chat-content-left">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main service-radius">
-                <div class="service-header-icon flex flex-align-center">
-                  <DynamicImage :image-key="headerAvatar.artificialUrl" />
-                  <div class="service-icon-tips" v-text="item.msgText"></div>
-                </div>
-                <div class="service-link-box before-top">
-                  <button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
-                    点击此处，连线人工客服
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 非人工入口 -->
-        <div class="chat-room-cont" v-else>
-          <!-- 显示图片 --->
-          <div class="chat-content-left" v-if="item.reqAndResType == '2' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="item.msgText"></div>
-                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
-                                <button class="answer-items" v-for="(items, index) in item.intents" :key="index" disabled="disabled" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
-                            </div>
-                            -->
-
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 人工交互推送表单表格 --->
-          <div class="chat-content-left" v-if="item.reqAndResType == '09' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <policy-form-table :itemList="item"></policy-form-table>
-              </div>
-            </div>
-          </div>
-
-          <!-- 加评价 -->
-          <div class="chat-content-left" v-if="
-            (item.reqAndResType == '01' || item.reqAndResType == '1') &&
-            (item.msgType == '01' || item.msgType == '1') &&
-            item.cmd !== 'CPZX'
-          ">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :itemlist="item" :disabled="true"></text-content>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">0101如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div> -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 如需更多帮助 进入人工服务-->
-          <!-- <div class="chat-content-left" v-if="item.reqAndResType == '01' && (item.cmd && item.cmd == 'RGFWHS')">
-                    <div class="content-left-icon">
-                        <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-                    </div>
-                    <div class="chat-items">
-                        <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div>
-                        <div class="content-left-main">
-                            <div class="chat-left-txt" v-html="replacementRag(item.msgText)"></div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div>
-                        </div>
-                    </div>
-                </div> -->
-
-          <!--带图片的-->
-          <div class="chat-content-left" v-if="item.reqAndResType == '01' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 意图澄清 02 05--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '02' && item.msgType == '05'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
-                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
-                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
-                            </div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 聊天应答 文本--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '03' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box"
-                :style="newBiaoQingBackground(item.msgText)">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
-                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
-                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
-                            </div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
-                  :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 聊天应答 图片--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '03' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 展开收起类型 --->
-
-          <!-- 多轮 文本--->
-          <div class="chat-content-left" v-if="
-            item.reqAndResType == '05' &&
-            item.msgType == '01' &&
-            !(item.cmd || '').includes('CPLB')
-          ">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box"
-                :style="newBiaoQingBackground(item.msgText)">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
-                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
-                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
-                            </div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
-                  :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="true"
-                  :reqAndResType="item.reqAndResType"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 文本的展开收起 -->
-          <div class="chat-content-left"
-            v-if="item.reqAndResType == '06' && item.msgType == '01' && item.cmd !== 'CPZX'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true" heightMax="autoHeight"></text-folding>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 展开收起类型 --->
-
-          <!-- 文本的展开收起 带图片 -->
-          <div class="chat-content-left" v-if="item.reqAndResType == '06' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true" heightMax="autoHeight"></text-folding>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 多轮 买保险咨询 -->
-          <div class="chat-content-left" v-if="!!item.cmd && item.cmd.includes('CPLB')">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.robotUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <!-- 产品卡片组件 -->
-                <product-card-list v-if="item.specialData" :products="item.specialData" />
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
-                  <button class="help-button-item" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 产品模板-->
-          <div class="chat-content-left" v-if="item.cmd === 'CPZX'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main noPadding">
-                <Product :responseData="item.specialData" :intents="item.intents" v-if="item.specialData"
-                  :itemlist="item" />
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 展开收起类型 --->
-
-          <!-- 问题评价--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '07' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box">
-                <!--
-                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true" heightMax="autoHeight"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 人工聊天应答 文本--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '08' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type" :style="newBiaoQingBackground(item.msgText)">
-                <div class="chat-left-txt emoticon-img" :class="{
-                  'red-txt': item.msgText.indexOf('请问您还在线吗？洋洋在等您哦') != -1,
-                }" v-html="replacementRagEmoticon(item.msgText)"></div>
-              </div>
-            </div>
-            <div class="volumeBody" v-if="elder">
-              <img src="@/assets/images/play.png" class="volumeIcon" alt="" @click="clickPlayIcon(item)"
-                v-show="audioItemId != item.qaId" />
-              <img src="@/assets/images/stop.png" class="volumeIcon" alt="" @click="clickPlayIcon(item)"
-                v-show="audioItemId == item.qaId" />
-            </div>
-          </div>
-
-          <!-- 人工推送金额卡片 --->
-          <div class="chat-content-left" v-if="
-            (item.reqAndResType == '22' ||
-              (item.msgText &&
-                (item.msgText.includes('[cardpush]') || item.msgText.includes('[card_push]')))) &&
-            item.msgType == '01'
-          ">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main computing-text-box" style="padding: 14rem">
-                <policy-form-table :itemList="item"></policy-form-table>
-              </div>
-            </div>
-          </div>
-
-          <!-- 人工推送模块跳转 --->
-          <div class="chat-content-left" v-if="
-            (item.reqAndResType == '21' || (item.msgText && item.msgText.includes('[scene]'))) &&
-            item.msgType == '01'
-          ">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type">
-                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(
-                  item.sceneData && item.sceneData.msg ? item.sceneData.msg : item.msgText || ''
-                )
-                  "></div>
-                <a class="humanJumpBtn" href="javaScript:void(0)" @click="humanMessageJump(item)">{{
-                  item.sceneData && item.sceneData.btnName ? item.sceneData.btnName : '点击查看'
-                }}</a>
-              </div>
-            </div>
-          </div>
-
-          <!-- 人工推送寿险转产险 --->
-          <div class="chat-content-left" v-if="item.reqAndResType == '23' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <!-- APP渠道展示文字+按钮 -->
-              <div v-if="item.source == '95290000' || item.source == '95530000'"
-                class="content-left-main img-text-type">
-                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(item.transferDto.msg)"></div>
-                <a class="humanJumpBtn" href="javaScript:void(0)" @click="sxToCxJump(item.transferDto)">{{
-                  item.transferDto.btnName }}</a>
-              </div>
-              <!-- 小程序渠道展示文字+二维码 -->
-              <div v-if="isSource958(item)" class="content-left-main img-text-type">
-                <DynamicImage :image-key="item.transferDto.img" />
-                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(item.transferDto.msg)"></div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 人工聊天应答 图片--->
-          <div class="chat-content-left" v-if="item.reqAndResType == '08' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type image-box-style" :style="newBiaoQingBackground(item.msgText)">
-                <div class="chat-content-image-box" @click="ImagePreviewBox(item.imgUrl)"
-                  :data-timestamp="item.timestamp">
-                  <!-- <DynamicImage
-                    :image-key="item.imgUrl"
-                  /> -->
-                  <!-- <img
-                    v-lazy="item.imgUrl"
-                    ref="imagePreview"
-                    :timestamp="item.timestamp"
-                  /> -->
-                  <DynamicImage :image-key="item.imgUrl" />
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 无法回答 -->
-          <div class="chat-content-left" v-if="item.reqAndResType == '04' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main img-text-type text-folding-box">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :disabled="true"></text-content>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true"></text-folding>
-              </div>
-            </div>
-          </div>
-
-          <!-- 文本的展开收起 -->
-          <div class="chat-content-left" v-if="item.reqAndResType == '11' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :itemlist="item" :isWX="isWX"
-                  :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="true"
-                  heightMax="autoHeight"></text-folding>
-                <hot-question :isQA="true"></hot-question>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 展开收起类型 --->
-
-          <!-- 文本的展开收起 带图片 -->
-          <div class="chat-content-left" v-if="item.reqAndResType == '11' && item.msgType == '02'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main text-folding-box" :class="{
-                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-              }">
-                <!--
-                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
-
-                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
-                            -->
-                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
-                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-                  :disabled="true" heightMax="autoHeight"></text-folding>
-                <!--问题反馈 -->
-                <div class="help-button-box flex flex-align-center before-top"
-                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
-                    :data-ref="`u_${item.timestamp}`">
-                    <em class="help-button-icon"></em>没有帮助
-                  </button>
-                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
-                    :data-ref="`r_${item.timestamp}`">
-                    <em class="help-button-icon"></em>有帮助
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- 展开收起类型 --->
-
-          <!-- 服务器异常 -->
-          <div class="chat-content-left" v-if="item.reqAndResType == '99' && item.msgType == '01'">
-            <div class="content-left-icon">
-              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
-              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
-                {{ item.seatNum }}
-              </div>
-            </div>
-            <div class="chat-items">
-              <div class="content-left-main">
-                <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
-                <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">
-                  如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled"
-                    @click.stop="connectionArtificial($event)">
-                    进入人工服务</button>。
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- 这里是统一追加的尾部引用横幅 -->
-      <div v-if="(item.quoteData && item.quoteData.quoteMsg) || item.quoteMsg"
-        :class="['quote-display-wrapper', item.fromFlag == '1' ? 'is-right' : 'is-left']">
-        <div class="quote-display-inner">
-          <span v-if="
-            item.quoteData &&
-            item.quoteData.quoteType == '2' &&
-            item.quoteData.quoteMsg &&
-            item.quoteData.quoteMsg !== '[图片]'
-          " class="quote-image-preview" @click.stop="ImagePreviewBox(item.quoteData.quoteMsg)">
-            引用内容:
-            <DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style="
-                width: 60rem;
-                height: 60rem;
-                vertical-align: middle;
-                margin-left: 5rem;
-                border-radius: 4rem;
-                overflow: hidden;
-              " image-style="width: 100%; height: 100%; object-fit: cover;" />
-          </span>
-          <span v-else-if="item.quoteData && item.quoteData.quoteType == '3'">
-            引用内容: [语音]
-          </span>
-          <span v-else>
-            引用内容:
-            <span v-html="replacementRagEmoticon(
-              item.quoteData && item.quoteData.quoteMsg
-                ? item.quoteData.quoteMsg
-                : item.quoteMsg
-            )
-              "></span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div style="display: hidden" ref="audioBody"></div>
-  </div>
-</template>
-
-<script>
-import Bus from "@/utils/bus";
-import utils from "@/utils/utils";
-import { FormatDate } from '@/utils/filters';
-import faceJSON from "@/mock/face.json";
-// import TextContent from '@/components/text-content.vue'
-import HotQuestion from "@/components/hot-question.vue";
-import EditAddress from "@/components/edit-address.vue";
-import TextFolding from "@/components/text-folding.vue";
-import intelligentComputing from "@/components/intelligent-computing.vue";
-import { showToast, showImagePreview, showConfirmDialog, closeToast, Loading } from "vant";
-import { mapState, mapActions } from 'pinia'
-import { useAppStore } from '@/store/app.js'
-import networkAddress from "@/components/network-address.vue";
-import transferAccounts from "@/components/transfer-accounts.vue";
-import insuranceReservation from "@/components/insurance-reservation.vue";
-import Product from "@/components/product/index.vue"
-import xqjfzzsxAccounts from "@/components/xqjfzzsx-accounts.vue";
-import GmNetworkAddress from './gmNetwork-address.vue';
-import axios from 'axios'
-import _ from 'lodash';
-import Audio from './Audio.vue';
-import ProductCardList from "@/components/product-card-list.vue";
-import policyFormTable from "@/components/policy-form-table.vue";
-import DynamicImage from '@/components/common/DynamicImage.vue';
-import imageService from '@/utils/imageService';
-import wx from 'weixin-js-sdk';
-export default {
-  props: ["historylist", "tokenExist", "lostChatInfoNum", "isHistory"],
-  components: {
-    [Loading.name]: Loading,
-    // TextContent,
-    EditAddress,
-    TextFolding,
-    intelligentComputing,
-    networkAddress,
-    transferAccounts,
-    insuranceReservation,
-    Product,
-    xqjfzzsxAccounts,
-    GmNetworkAddress,
-    Audio,
-    HotQuestion,
-    ProductCardList,
-    policyFormTable,
-    DynamicImage,
-  },
-  data() {
-    return {
-      utils: utils,
-      publicPath: import.meta.env.BASE_URL,
-      facejson: faceJSON,
-      imagesList: [],
-      expressionProcessing: {}, //处理成img表情
-      bigExpressionProcessing: {}, //处理成img表情
-      ImagePreviewList: [],
-      timestampList: [], //图片对应的id
-      isWX: false,
-      isAndroid: false,
-      audioItemId: '',
-      hxOpenSuccesed: [],
-      quoteMenuTimestamp: null,
-      quoteMenuItem: null,
-      quoteMenuPositions: {},
-    };
-  },
-  computed: {
-    isSource958() {
-      return (item) => {
-        return item.source && String(item.source).slice(0, 3) === '958';
-      };
-    },
-    newBiaoQingBackground(item) {
-      return (item) => {
-        console.log(
-          " this.bigExpressionProcessing[item]",
-          this.bigExpressionProcessing[item]
-        );
-
-        let obj = {
-          background: this.bigExpressionProcessing[item] ? "none" : "#fff",
-        };
-        return obj;
-      };
-    },
-    ...mapState(useAppStore, [
-      'userId',
-      'userInfo',
-      'headerAvatar',
-      'sessionId',
-      'source',
-      'mescrollContent',
-      'chatList',
-      'timestamp',
-      'sendLoading',
-      'manualService',
-      'hxOpenSucceseds',
-      'integratedUser',
-      'token',
-      'elder',
-    ]),
-  },
-  created() {
-    this.processedEmoji();
-    for (let i = 0; i < this.historylist.length; i++) {
-      const item = this.historylist[i];
-      if (item.cmd == 'ServiceSessionOpenedEvent') {
-        if (!this.hxOpenSuccesed.includes(item.sessionId)) {
-          this.hxOpenSuccesed.push(item.sessionId)
-        }
-      }
-    }
-    this.set_hxOpenSuccesed(this.hxOpenSuccesed);
-    // this.isWX = utils.isWeiXin();
-    // this.isAndroid = utils.isAndroid() == 'isAndroid' ? true : false;
-  },
-  mounted() {
-    var that = this;
-    // console.log('chatList======', this.chatList);
-    this.$nextTick(() => {
-      try {
-        window.getLink = function (item) {
-          that.getLink(item);
-        };
-
-        window.jumpOpenLink = function (item) {
-          that.jumpOpenLink(item);
-        };
-
-        window.rich_call = function (item, type) {
-          that.rich_call(item, type);
-        };
-
-        window.ImagePreviewBox = function (src) {
-          that.ImagePreviewBox(src);
-        };
-
-        //跳转H5链接 拼接参数
-        window.jumpOpenWeb = function (type, url, urlType) {
-          console.log('chat-content', type, url);
-          var params = {};
-
-          if (type === "YY_0000") {
-            //保单管家
-            params = {
-              idnum: "1",
-              ownerId: that.userInfo.encryptPid,
-              openid: that.userInfo.sourceUserId,
-            };
-            //置换密匙
-            const completeURL = that.handleURL(url, params)
-            that.$post("semantic/getYdbqTicket", { url: completeURL, userId: that.userId }).then(res => {
-              console.log(res)
-              if (res.code === 0) {
-                //data空表示开关关闭
-                if (res.data === "" || res.data === null || res.data === undefined) {
-                  utils.openWxPage(url, params);
-                } else {
-                  const ticketParam = {
-                    accessTicket: res.data
-                  }
-                  utils.openWxPage(url, ticketParam);
-                }
-              } else {
-                showToast("网络异常，请重试")
-              }
-            })
-          } else if (type === "YY_ydbq") {
-            //移动保全页面
-            params = {
-              mobile: that.userInfo.phone,
-              pid: that.userInfo.encryptPid,
-              openid: that.userInfo.sourceUserId,
-            };
-            //置换密匙
-            const completeURL = that.handleURL(url, params)
-            that.$post("semantic/getYdbqTicket", { url: completeURL, userId: that.userId }).then(res => {
-              console.log(res)
-              if (res.code === 0) {
-                //data空表示开关关闭
-                if (res.data === "" || res.data === null || res.data === undefined) {
-                  utils.openWxPage(url, params);
-                } else {
-                  const ticketParam = {
-                    accessTicket: res.data
-                  }
-                  utils.openWxPage(url, ticketParam);
-                }
-              } else {
-                showToast("网络异常，请重试")
-              }
-            })
-          } else if (type === "YY_APP_H5") {
-            //在app内部页面打开h5（带参形式）
-            params = {
-              mobile: that.userInfo.phone,
-              pid: that.userInfo.encryptPid,
-            };
-
-            utils.AppOpenH5(url, params);
-          } else if (type === "ydbq_2") {
-            // 给付系统
-            params = {
-              url: url,
-              generateType: type,
-              userId: that.userId,
-            };
-            return utils.openSpecPage(params);
-          } else if (type === "YY_CMD") {
-            // 查门店
-            const newUrl = url + `&idnum=1&openId=${that.userInfo.sourceUserId}&entryOpenid=${that.userInfo.entryOpenid}`
-            //置换密匙
-            that.$post("semantic/getYdbqTicket", { url: newUrl, userId: that.userId, isCmd: "1" }).then(res => {
-              console.log(res)
-              if (res.code === 0) {
-                //data空表示开关关闭
-                if (res.data === "" || res.data === null || res.data === undefined) {
-                  return that.jumpOpenLink(newUrl);
-                } else {
-                  const ticketUrl = url + `&accessTicket=${res.data}`
-                  return that.jumpOpenLink(ticketUrl);
-                }
-              } else {
-                showToast("网络异常，请重试")
-              }
-            })
-          } else if (type === "YY_lsjl") {
-            // 跳转历史记录
-            const openid = utils.getUrlParams().openid
-            that.$router.push({
-              name: "history",
-              query: {
-                ht: that.source,
-                openid: openid,
-                tokenExist: that.tokenExist,
-                isWX: that.isWX,
-                lostChatInfoNum: that.lostChatInfoNum,
-                param: utils.getUrlParams().param
-              },
-            });
-            return
-          } else if (type === "YY_kjmyd") {
-            utils.useTechSdk()
-            return
-          } else if (type === "YY_hfhz") {
-            // 回访回执
-            const param = { certNum: "1", systemSource: "yykf", userId: that.userId }
-            that.$post("semantic/xdhfCreateToken", param).then(res => {
-              const entryptedId = that.userInfo.versionHFHZ
-              params = {
-                sessionToken: res.data,
-                holderId: encodeURI(entryptedId),
-                holderType: 'a',
-                hzhfSystemSource: '0803',
-                ishwFlag: '1',
-                isqshzFlag: '1',
-              }
-              utils.openWxPage(url, params);
-            })
-          } else if (type === "YY_1v1") {
-            //  1v1专属服务
-            that.$post("thirdPartyAuth/getExclusiveServicesToken").then(res => {
-              if (res.code === 0) {
-                if (res.data) {
-                  params = {
-                    sour: 'yykf',
-                    omoSource: that.userInfo.source,
-                    omoSourceName: encodeURIComponent(that.userInfo.sourceName),
-                    token: res.data
-                  }
-                  utils.openWxPage(url, params);
-                }
-
-              } else {
-                showToast("网络异常，请重试")
-              }
-            })
-          } else if (type === "YY_yzsfx") {
-            //  一站式复效
-            that.$post("semantic/getYzsUrl", { userId: that.userId, bqType: url, urlType }).then(res => {
-              if (res.code === 0) {
-                if (res.data) {
-                  let yUrl = res.data
-                  utils.openWxPage(yUrl, '');
-                }
-              } else {
-                showToast("网络异常，请重试")
-              }
-            })
-          } else if (type === "YY_GWXCX") {
-            //官微小程序
-            const path = url;
-            wx.miniProgram.navigateTo({
-              url: path
-            });
-          } else if (type === "YY_GWXCX_HOME") {
-            //官微小程序首页
-            const path = url;
-            console.log('path', path, wx.miniProgram.reLaunch)
-            wx.miniProgram.reLaunch({
-              url: path
-            });
-          }
-        };
-
-        //小程序渠道预览pdf
-        window.previewPdf = function (url) {
-          console.log('previewPdf', url)
-          let isMiniProgram = false;
-          wx.miniProgram.getEnv((res) => {
-            if (res.miniprogram) {
-              isMiniProgram = true;
-            }
-          });
-          if (isMiniProgram) {
-            that.$router.push({
-              name: 'previewPdf',
-              params: {
-                url: url
-              }
-            })
-          } else {
-            that.jumpOpenLink(url);
-          }
-        };
-
-        //知识中打开app页面
-        window.openAppPage = function (params) {
-          if (params) {
-            params = params.replace(/\'/g, '"'); //app不能接收单引号参数
-            utils.AppToOutModules(params);
-          }
-        };
-
-        //转人工服务
-        window.connectionArtificial = function (event) {
-          if (event.preventDefault) {
-            event.preventDefault();
-          } else {
-            window.event.returnValue == false;
-          }
-        };
-
-        //阻止a标签没有内容时跳转问题
-        utils.aHrefJump(document.querySelectorAll(".messageBox a"));
-      } catch (error) {
-        console.log(error);
-      }
-    });
-    document.addEventListener("touchstart", this.handleDocumentTouch);
-  },
-  beforeDestroy() {
-    document.removeEventListener("touchstart", this.handleDocumentTouch);
-  },
-  methods: {
-    FormatDate,
-    // 坐席推送模块跳转
-    humanMessageJump(item) {
-      console.log('触发模块')
-      const appLink = item?.sceneData?.appLink;
-      const wxLink = item?.sceneData?.wxLink;
-      //判断当前环境
-      wx.miniProgram.getEnv((res) => {
-        if (res.miniprogram) {
-          //小程序
-          const path = wxLink;
-          wx.miniProgram.navigateTo({
-            url: path,
-          });
-          return
-        }
-      });
-      //APP
-      if (item.source === '95290000') {
-        let appParams = appLink.replace(/\'/g, '"');
-        console.log(appParams)
-        utils.AppToOutModules(appParams);
-        return
-      }
-    },
-    handleDocumentTouch(e) {
-      if (e && e.target && typeof e.target.closest === 'function' && e.target.closest('.quote-menu-box')) {
-        return;
-      }
-      this.closeQuoteMenu();
-    },
-    onContextMenu(item, event) {
-      if (this.manualService == 2 && item.sessionId === this.sessionId) {
-        let bubble = event.target && event.target.closest && event.target.closest('.chat-txt-content, .chat-content-image-box, .content-left-main, .Audio, .audio-box');
-        if (bubble) {
-          event.preventDefault();
-        }
-      }
-    },
-    onCopyMessage(item) {
-      this.closeQuoteMenu();
-      if (!item || !item.msgText) return;
-      let textToCopy = item.msgText.replace(/<br\s*\/?>/gi, '\n').replace(/&nbsp;/ig, ' ').replace(/<[^>]+>/g, '');
-      const input = document.createElement('textarea');
-      input.value = textToCopy;
-      input.setAttribute('readonly', 'readonly');
-      input.style.position = 'absolute';
-      input.style.left = '-9999rem';
-      document.body.appendChild(input);
-      input.select();
-      try {
-        document.execCommand('copy');
-        showToast('复制成功');
-      } catch (err) {
-        showToast('复制失败');
-      }
-      document.body.removeChild(input);
-    },
-    closeQuoteMenu() {
-      this.quoteMenuTimestamp = null;
-      this.quoteMenuItem = null;
-      const bubbles = document.querySelectorAll(".quote-active-bubble");
-      bubbles.forEach((el) => {
-        el.classList.remove("quote-active-bubble");
-      });
-    },
-    touchStartBubble(item, index, event) {
-      this.touchMoved = false;
-      console.log('长按引用该条消息====', item)
-      // 校验会话是否是同一通或是否非人工、白名单、智能部分
-      if (this.manualService != 2) return;
-      if (item.sessionId !== this.sessionId || !this.integratedUser || item.msgSource == 1) return;
-
-      //特定类型答案不支持引用
-      if (item.reqAndResType === "21" || item.reqAndResType === "22" || item.reqAndResType === "23") {
-        return;
-      }
-
-      let bubble = event.target.closest('.chat-txt-content, .chat-content-image-box, .content-left-main, .Audio, .audio-box, .voiceElement');
-      if (!bubble) return;
-
-      let currentTarget = event.currentTarget;
-
-      this.touchTimer = setTimeout(() => {
-        if (this.touchMoved) return;
-        this.closeQuoteMenu();
-
-        bubble.classList.add("quote-active-bubble");
-        setTimeout(() => bubble.classList.remove('quote-active-bubble'), 300);
-
-        this.quoteMenuTimestamp = item.timestamp;
-        this.quoteMenuItem = item;
-
-        let rectOuter = currentTarget.getBoundingClientRect();
-        let rectInner = bubble.getBoundingClientRect();
-        let leftOffset = rectInner.left - rectOuter.left + (rectInner.width / 2);
-        let topOffset = rectInner.top - rectOuter.top - 46;
-
-        let screenWidth = window.innerWidth || document.documentElement.clientWidth;
-        let menuHalfWidth = 65; // 预估最大半宽
-        let absoluteCenterX = rectInner.left + (rectInner.width / 2);
-
-        let menuShift = 0;
-        if (absoluteCenterX + menuHalfWidth > screenWidth) {
-          menuShift = screenWidth - (absoluteCenterX + menuHalfWidth) - 10;
-        } else if (absoluteCenterX - menuHalfWidth < 0) {
-          menuShift = (menuHalfWidth - absoluteCenterX) + 10;
-        }
-
-        this.$set(this.quoteMenuPositions, item.timestamp, {
-          top: topOffset + "rem",
-          left: leftOffset + "rem",
-          transform: `translateX(calc(-50% + ${menuShift}rem))`,
-          '--arrow-shift': `${-menuShift}rem`
-        });
-      }, 700);
-    },
-    touchMoveBubble() {
-      this.touchMoved = true;
-      clearTimeout(this.touchTimer);
-    },
-    touchEndBubble() {
-      clearTimeout(this.touchTimer);
-    },
-    onQuoteMessage(item) {
-      this.closeQuoteMenu();
-      console.log("历史记录：引用消息", item);
-      Bus.$emit("quoteMessageBus", item);
-    },
-    ...mapActions(useAppStore, {
-      set_userid: 'setUserId',
-      set_chatList: 'setChatList',
-      set_sendLoading: 'setSendLoading',
-      set_manualService: 'setManualService',
-      set_sendMessageList: 'setSendMessageList',
-      set_hxOpenSuccesed: 'setHxOpenSuccesed',
-      transferCustomer: 'transferCustomer',
-      sendmessageContent: 'sendmessageContent',
-      savePaperResult: 'savePaperResult',
-      set_leaveMessage: 'setLeaveMessage',
-    }),
-    //URL拼接参数
-    handleURL(url, params) {
-      let flag = url.indexOf("?") != -1 ? true : false
-      let urlPar = '';
-      if (params) {
-        Object.getOwnPropertyNames(params).forEach((item, index) => {
-          if (index === 0 && !flag) {
-            urlPar += `?${item}=${params[item]}`;
-          } else {
-            urlPar += `&${item}=${params[item]}`
-          }
-        });
-      }
-      return url + urlPar
-    },
-    //寿险转产险按钮
-    sxToCxJump(transferDto) {
-      if (!!transferDto?.bntUrl) {
-        showConfirmDialog({
-          title: "是否确认转接产险",
-          message: "",
-        })
-          .then(() => {
-            utils.AppToOutModules(transferDto.bntUrl);
-            let param = {
-              userId: this.userId,
-            };
-            console.log(param)
-            this.$post("HumanChat/closeEvent", param)
-              .then((res) => {
-                closeToast();
-                // console.log("欢迎语配置信息：", res.data)
-                if (res.code && res.code != 0) {
-                  // showToast(res.msg);
-                  return;
-                }
-              })
-              .catch((error) => {
-                console.log(error);
-              });
-          })
-          .catch(() => {
-            // 取消转接
-          });
-      }
-    },
-    getHeaderUrl(src, iconUrl) {
-      try {
-        var imgSrc = require(`../assets/images/${iconUrl}.png`);
-        if (src) {
-          imgSrc = src;
-        }
-      } catch (error) {
-        console.log(error.message);
-      }
-      return imgSrc;
-    },
-    //转换a标签href为onclick
-    replaceALabel(textStr) {
-      //替换a标签
-      var rega = /href=['"]([^'"]*)['"]/gi;
-      var regHttp = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(.)+$/;
-      var regPdf = /\.pdf(\?.*)?$/i; // 匹配 .pdf 结尾的链接，支持大小写
-      var regHttpOnly = /^[hH][tT]{2}[pP]:\/\//; // 匹配 http:// 协议
-
-      if (textStr) {
-        textStr = this.replaceImage(textStr); //替换图片
-
-        textStr = textStr.replace(rega, (item, text) => {
-          // console.log(item, text);
-          if (regHttp.test(text) == true) {
-            // 判断是否为 PDF 链接
-            if (regPdf.test(text)) {
-              // 如果是 http 协议的 PDF，转换为 https
-              if (regHttpOnly.test(text)) {
-                text = text.replace(/^[hH][tT]{2}[pP]:\/\//, 'https://');
-              }
-              return (text = `onclick="previewPdf('${text}')" href="javascript:;"`);
-            } else {
-              return (text = `onclick="jumpOpenLink('${text}')" href="javascript:;"`);
-            }
-          } else {
-            return item;
-          }
-        });
-      }
-
-      return textStr;
-    },
-    //替换所有img标签
-    replaceImage(textStr) {
-      var rega = /<img [^>]*src=['"]([^'"]+)[^>]*>/g;
-      // var regVideo = /<video [^>]*src=['"]([^'"]+)[^>]*>/g;
-
-      if (textStr) {
-        textStr = textStr.replace(rega, (item, text) => {
-          return `<img class="preview-box-img" src="${text}" onclick="ImagePreviewBox('${text}')" alt="图片"/>`;
-        });
-
-        // console.log('wx', this.isWX)
-        // console.log('isAndroid', this.isAndroid)
-        //处理微信安卓视频挡着输入框问题
-        // if(this.isWX && this.isAndroid){
-        //     // console.log(this.isWX, this.isAndroid)
-        //     textStr = textStr.replace(regVideo, (item, text) => {
-        //         return this.addStr(item, ' x5-video-player-type="h5"', 'controls="true"');
-        //     })
-        // }
-      }
-
-      return textStr;
-    },
-    addStr(oldStr, addItem, afterWhich) {
-      // 在指定字符串后面添加指定字符串
-      var strArr = oldStr.split("");
-      strArr.splice(oldStr.indexOf(afterWhich) + afterWhich.length, 0, addItem);
-      return strArr.join("");
-    },
-    replaceBrEmoticon(str) {
-      str = str || "";
-      str = this.replaceALabel(str);
-      // str = this.replaceImage(str);//替换图片
-      let res = str
-        .replace(/\n|\r\n/g, "<br/>")
-        .replace(/\s/g, " ")
-        .replace(/&quot;/g, '"')
-        .replace(/&#39;/g, "'");
-      return this.emojiToImage(res); //替换 br
-    },
-    // \n替换<br>
-    replacementRag(str) {
-      str = str || "";
-      str = this.replaceALabel(str);
-      // str = this.replaceImage(str);//替换图片
-      return str
-        .replace(/\\n/gm, "<br/>")
-        .replace(/&quot;/g, '"')
-        .replace(/&#39;/g, "'");
-    },
-    // \n替换<br>  和 表情
-    replacementRagEmoticon(str) {
-      str = str || "";
-      str = this.replaceALabel(str);
-      let res = str
-        .replace(/\\n/gm, "<br/>")
-        .replace(/&quot;/g, '"')
-        .replace(/&#39;/g, "'"); //替换表情
-      return this.emojiToImage(res); //替换 br
-    },
-    //表情处理
-    processedEmoji() {
-      this.facejson.forEach((item, index) => {
-        // console.log(item, index)
-        item.faceList.forEach((items) => {
-          this.expressionProcessing[`[${items.title}]`] = items.src;
-        });
-
-        item.bigExpression.forEach((items) => {
-          this.bigExpressionProcessing[`[${items.title}]`] = items.src;
-        });
-      });
-    },
-    //生成图片表情
-    emojiToImage(str) {
-      let srcImg = "";
-      let regex = /\[[^\]]+\]/g;
-
-      let imgHtml = "";
-
-      srcImg = str.replace(regex, (item, index) => {
-        if (this.expressionProcessing[item]) {
-          console.log(item, this.expressionProcessing[item], this.publicPath,'publicPath')
-          imgHtml = `<img src="${this.publicPath + this.expressionProcessing[item]
-            }" alt="small-image" title="${item}" />`;
-        } else if (this.bigExpressionProcessing[item]) {
-          imgHtml = `<img src="${this.publicPath + this.bigExpressionProcessing[item]
-            }" alt="big-image" title="${item}"/>`;
-        } else {
-          imgHtml = item;
-        }
-
-        return imgHtml;
-      });
-
-      // console.log("表情",srcImg)
-      return srcImg;
-    },
-    //页面链接跳转
-    getLink(href) {
-      // window.location.href = href;
-      utils.AppToHttpHtml(href);
-    },
-    jumpOpenLink(url) {
-      utils.AppToHttpHtml(url);
-    },
-    getIntroduce(item) {
-      this.$nextTick(() => {
-        this.introduce = item;
-      });
-    },
-    previewList() {
-      //图片预览处理
-      this.$nextTick(() => {
-        const imglist = [];
-        const timestampList = []; //为了获取图片的index
-
-        if (this.$refs.imagePreview && this.$refs.imagePreview.length > 0) {
-          this.$refs.imagePreview.forEach((item, index) => {
-            if (item.src) {
-              imglist.push(item.src);
-            }
-          });
-
-          this.$refs.imagePreview.forEach((item, index) => {
-            if (item.attributes.timestamp.value) {
-              timestampList.push(item.attributes.timestamp.value);
-            }
-          });
-
-          this.timestampList = timestampList;
-          this.ImagePreviewList = imglist;
-        }
-      });
-    },
-    async ImagePreviewBox(src) {
-      src = src || "";
-      const imageUrl = await imageService.getImageByKey(src)
-      if (!imageUrl) return
-      // var timestamp = event.currentTarget.dataset.timestamp;
-
-      // var currentIndex = this.timestampList.indexOf(timestamp);
-      // currentIndex = currentIndex ? currentIndex : 0;
-
-      // console.log('当前index', currentIndex)
-
-      showImagePreview({
-        images: [imageUrl],
-        showIndex: false,
-        startPosition: 0,
-        loop: false,
-      });
-    },
-    //链接人工客服
-    manualAnswer() {
-      let sendParmas = {
-        reqAndResType: "1", //1文本  2图片 3问提评价
-        msgType: "01", //01文本 02图片
-        msgText: "转接寿险人工客服",
-        msgSource: this.manualService, //1机器人 2人工
-        cmd: "ZJSXRGFW",
-      };
-
-      let current = event.currentTarget;
-
-      if (!this.sendLoading) {
-        this.transferCustomer(sendParmas)
-          .then((res) => {
-            // console.log(res)
-            current.disabled = true;
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      }
-    },
-    scrollTopBody() {
-      setTimeout(() => {
-        //滚动到底部
-        try {
-          this.mescrollContent.scrollTop =
-            this.mescrollContent.scrollHeight || 0;
-        } catch (error) {
-          console.log(error.message);
-        }
-      }, 300);
-    },
-    //点击问题按钮
-    richCallAnswer(itemTxt) {
-      let sendParmas = {
-        reqAndResType: "1", //1文本  2图片 3问提评价
-        msgText: itemTxt,
-        msgSource: this.manualService, //1机器人 2人工
-      };
-
-      //发送的消息 存到store
-      if (!this.sendLoading) {
-        this.scrollTopBody();
-        // this.$store.dispatch('addSendMessageList', sendParmas).then((res) => {
-        //     //发送机器人 存到store
-        //     this.$store.dispatch('sendingRobot', sendParmas).then((res) => {
-        //         this.scrollTopBody();
-        //         console.log("问题中的按钮=", res)
-        //         this.associationalWord = false;
-        //     })
-        // })
-        this.sendmessageContent(sendParmas)
-          .then((res) => { })
-          .catch((err) => {
-            console.log(err);
-          });
-      }
-    },
-    rich_call(item, type) {
-      // console.log(item, type);
-    },
-    //评价接口
-    appraise(evaluation, item, event) {
-      //evaluation  1为有帮助  2没有帮助
-      let current = event.currentTarget;
-      let settled = event.currentTarget.parentNode.children[1]; //有帮助
-      let unsettled = event.currentTarget.parentNode.children[0]; //没有帮助
-
-      let param = {
-        fromFlag: 1,
-        userId: this.userId,
-        sessionId: this.sessionId,
-        source: this.source,
-        qaId: item.qaId,
-        evaluation: evaluation,
-        reqAndResType: "3",
-        timestamp: new Date().valueOf(),
-      };
-
-      current.disabled = true;
-      //this.set_sendLoading(true);
-      // 满意度调查系统需求
-      this.savePaperResult(param)
-        .then((res) => { })
-        .catch((err) => {
-          console.log(err);
-        });
-
-      this.$post("evaluation/evaluateAnswer", param)
-        .then((res) => {
-          //this.set_sendLoading(false);
-          // console.log("评价接口==", res)
-          if (res.code && res.code != 0) {
-            showToast(res.msg);
-
-            current.disabled = false;
-            return;
-          }
-
-          // 禁掉按钮
-          current.disabled = true;
-          current.classList.add("active");
-          if (current.innerText === "有帮助") {
-            unsettled.disabled = true;
-          } else if (current.innerText === "没有帮助") {
-            settled.disabled = true;
-          }
-
-          this.set_chatList(res.data);
-          this.scrollTopBody();
-
-          //评价返回数据
-        })
-        .catch((error) => {
-          current.disabled = false;
-          console.log(error);
-        });
-    },
-    //留言
-    leaveMessageBtn(event) {
-      let current = event.currentTarget;
-
-      this.set_leaveMessage(true);
-      current.disabled = true;
-    },
-
-    //关闭页面
-    exitMessage(event) {
-      let current = event.currentTarget;
-      current.disabled = true;
-      showConfirmDialog({
-        title: "退出",
-        message:
-          "确认要退出吗？选择“确认”将会退出页面；选“取消”将会刷新页面，重新建立会话。",
-      })
-        .then(() => {
-          utils.closeWindow();
-        })
-        .catch(() => {
-          // window.location.reload();
-          utils.AppReloadHtml();
-        });
-    },
-    clickPlayIcon(item) {
-      console.log(item);
-      // 替换掉文本中的表情
-      const words = item.msgText.replace(/\[[^\]]*\]/g, ' ');
-      // 如果有音频正在播放则先关闭上一个音频
-      const param = {
-        msgText: words,
-      }
-      // 生成audio标签,以及各种属性
-      const audio = document.createElement('audio')
-      //202108027，增加source标签，适配ios高版本兼容问题
-      const sourceEl = document.createElement('source')
-      audio.appendChild(sourceEl)
-      // 获取所有audio标签
-      const audios = document.getElementsByTagName('audio')
-      // 循环暂停其他audio
-      // HTMLCollection对象转为Array来遍历，直接for也可以
-      Array.from(audios).forEach((el) => {
-        // 其他audio标签
-        if (el !== audio) {
-          el.pause()
-          el.currentTime = 0;
-        }
-      })
-      if (this.audioItemId == item.qaId) {
-        this.audioItemId = '';
-        return
-      }
-      showToast('识别中...')
-      // 这里调接口获取base64音频
-      this.$post("voice/tts", param)
-        .then((res) => {
-          // 语音路径
-          const audioUrl = res.data.voiceData
-          // 拼接请求地址
-          const url = import.meta.env.DEV ? `/api/liics_api/download/voice/tts/${audioUrl}` : `/liics_api/download/voice/tts/${audioUrl}`
-          axios.get(url, { headers: { token: this.token }, responseType: 'blob' }).then((response) => {
-            if (response.status === 200) {
-              sourceEl.src = URL.createObjectURL(response.data)
-              sourceEl.type = 'audio/mpeg'
-              // audio.src = URL.createObjectURL(response.data)
-              audio.style.width = '100%'
-              // audio.controls='controls'
-              audio.setAttribute('controlsList', 'nodownload')
-              // 获取父节点，塞进去
-              const audioBody = (this.$refs.audioBody)
-              audioBody?.appendChild(audio)
-              // 保存当前audio标签
-              this.audioEl = audio
-              // 播放当前点击的audio
-              audio.play()
-              this.audioItemId = item.qaId;
-              // 更新播放状态
-              this.playFlag = true
-
-              // audio原生事件增加逻辑
-              // 暂停时逻辑
-              audio.addEventListener('pause', () => { // 开始播放时触发play事件
-                this.playFlag = false
-                this.audioItemId = '';
-              })
-              // 播放事件逻辑，暂停其他播放
-              audio.addEventListener('play', () => { // 开始播放时触发play事件
-                // 获取所有audio标签
-                const audios = document.getElementsByTagName('audio')
-                // 循环暂停其他audio
-                // HTMLCollection对象转为Array来遍历，直接for也可以
-                Array.from(audios).forEach((el) => {
-                  // 其他audio标签
-                  if (el !== audio) {
-                    el.pause()
-                    el.currentTime = 0;
-                  }
-                })
-              })
-              // 播放完成后逻辑
-              audio.addEventListener('ended', () => { // 开始播放时触发play事件
-                // 获取所有audio标签
-                const audios = document.getElementsByTagName('audio')
-                this.audioItemId = '';
-                this.playFlag = false
-              })
-            } else {
-              this.audioFlag = false
-              this.labaFlag = true
-              this.audioItemId = '';
-              showToast('语音播报异常，请稍后重试~')
-            }
-          })
-        })
-        .catch((error) => {
-          // showToast('洋洋出错了，请重试')
-          console.log(error);
-          this.$set(item, 'audioState', 'stop');
-        });
-    },
-  },
-  watch: {
-    chatList: {
-      handler: function (newValue, oldValue) {
-        var that = this;
-        // this.$nextTick(function () {
-        //     setTimeout(() => {
-        //         that.previewList();
-        //     }, 10)
-        // }.bind(this));
-      },
-      deep: true,
-    },
-    historylist: {
-      handler: function (newValue, oldValue) {
-        for (let i = 0; i < this.historylist.length; i++) {
-          const item = this.historylist[i];
-          if (item.cmd == 'ServiceSessionOpenedEvent') {
-            if (!this.hxOpenSuccesed.includes(item.sessionId)) {
-              this.hxOpenSuccesed.push(item.sessionId)
-            }
-          }
-        }
-        this.set_hxOpenSuccesed(this.hxOpenSuccesed);
-        var that = this;
-        this.$nextTick(
-          function () {
-            setTimeout(() => {
-              that.previewList();
-            }, 10);
-
-            //阻止a标签没有内容时跳转问题
-            utils.aHrefJump(document.querySelectorAll(".messageBox a"));
-          }.bind(this)
-        );
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.showMoreCard {
-  margin-top: 50rem;
-  overflow: visible;
-}
-
-.volumeBody {
-  position: absolute;
-  top: 10rem;
-  right: 0rem;
-}
-
-.volumeIcon {
-  float: right;
-  /* position: relative; */
-  /* top: -30rem; */
-  width: 55rem;
-  height: 55rem;
-}
-
-.humanJumpBtn {
-  display: block;
-  text-align: center;
-  font-family: NotoSansHans-Regular;
-  font-size: 14rem;
-  height: 40rem;
-  line-height: 40rem;
-  color: #fff;
-  box-sizing: border-box;
-  margin: 14rem 5rem;
-  position: relative;
-  background: #579aff;
-  box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25);
-  border-radius: 8rem;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  outline: none;
-}
-
-.quote-menu-box {
-  position: absolute;
-  z-index: 1000;
-  background-color: #4c4c4c;
-  color: #fff;
-  border-radius: 4rem;
-  padding: 8rem 16rem;
-  font-size: 14rem;
-  white-space: nowrap;
-  box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.15);
-  display: flex;
-  align-items: center;
-}
-
-.quote-menu-divider {
-  width: 1rem;
-  height: 14rem;
-  background-color: rgba(255, 255, 255, 0.3);
-  margin: 0 12rem;
-}
-
-.disable-sys-menu {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  user-select: none;
-
-  .chat-txt-content p {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-}
-
-.quote-menu-btn {
-  cursor: pointer;
-}
-
-.quote-arrow {
-  position: absolute;
-  bottom: -4rem;
-  left: calc(50% + var(--arrow-shift, 0rem));
-  transform: translateX(-50%) rotate(45deg);
-  width: 8rem;
-  height: 8rem;
-  background-color: #4c4c4c;
-}
-
-:deep(.quote-active-bubble) {
-  filter: brightness(0.9) !important;
-  opacity: 0.9 !important;
-  transition: all 0.2s;
-}
-
-.quote-display-wrapper {
-  display: flex;
-  width: 100%;
-  clear: both;
-  margin-top: 2rem;
-  margin-bottom: 8rem;
-}
-
-.quote-display-wrapper.is-right {
-  justify-content: flex-end;
-  padding-right: 50rem;
-  /* 适配右侧气泡位置 */
-}
-
-.quote-display-wrapper.is-left {
-  justify-content: flex-start;
-  padding-left: 0;
-}
-
-.quote-display-inner {
-  background-color: #f2f3f5;
-  padding: 6rem 10rem;
-  border-radius: 6rem;
-  font-size: 13rem;
-  color: #999;
-  max-width: 70%;
-  word-break: break-all;
-  text-align: left;
-  line-height: normal;
-}
-
-:deep(.quote-display-inner img[alt='small-image']),
-:deep(.quote-display-inner img[alt='big-image']) {
-  display: inline-block !important;
-  vertical-align: middle !important;
-  width: 20rem !important;
-  height: 20rem !important;
-  max-width: 20rem !important;
-  max-height: 20rem !important;
-  margin: 0 2rem !important;
-}
-
-/* 人工客服接入提示卡片 */
-.service-opened-card {
-  position: relative;
-  width: 100%;
-  margin: 20rem 0 12rem;
-  align-self: center;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-}
-
-.service-opened-card .card-header-box {
-  position: relative;
-  width: 100%;
-  height: 95rem;
-  overflow: visible;
-  display: flex;
-  justify-content: center;
-}
-
-.service-opened-card .card-bg-img {
-  width: 100%;
-  height: 135%;
-  object-fit: cover;
-  border-top-left-radius: 16rem;
-  border-top-right-radius: 16rem;
-  display: block;
-}
-
-.service-opened-card .card-body-img {
-  position: absolute;
-  top: -38rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 103rem;
-  height: auto;
-  z-index: 1;
-  pointer-events: none;
-}
-
-.service-opened-card .card-content-box {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%);
-  border-radius: 16rem;
-  padding: 16rem 16rem 14rem;
-  text-align: center;
-  box-sizing: border-box;
-  box-shadow: 0 4rem 16rem rgba(0, 0, 0, 0.04);
-  margin-top: -36rem;
-}
-
-.service-opened-card .card-title {
-  font-size: 15rem;
-  font-weight: 600;
-  color: #17204d;
-  margin-top: 0;
-  line-height: 26rem;
-}
-
-.service-opened-card .card-sub {
-  font-size: 14rem;
-  color: #7e849f;
-  margin-top: 4rem;
-  line-height: 1.3;
-}
-</style>
-
-<style>
-@import '@/assets/style/chat.css';
-</style>
+<template>
+  <div class="chat-content-box historicRecords" v-if="historylist && historylist.length > 0">
+    <div :class="[
+      elder ? 'elder-wrapper' : '',
+      integratedUser && manualService == 2 && item.sessionId === sessionId
+        ? 'disable-sys-menu'
+        : '',
+    ]" class="chat-content-box-item opacity" style="position: relative" v-for="(item, index) in historylist"
+      :key="index" :id="item.VIEW_ID"
+      v-show="(item.msgText && item.msgText != 'null') || item.cmd === 'ServiceSessionOpenedEvent'"
+      @touchstart="touchStartBubble(item, index, $event)" @touchmove="touchMoveBubble" @touchend="touchEndBubble"
+      @contextmenu="onContextMenu(item, $event)" @click="closeQuoteMenu">
+      <!-- 引用功能菜单悬浮窗 -->
+      <div v-if="quoteMenuTimestamp && quoteMenuTimestamp === item.timestamp" class="quote-menu-box"
+        :style="quoteMenuPositions[item.timestamp] || {}">
+        <template v-if="item.reqAndResType == '1' || item.msgType == '01'">
+          <div class="quote-menu-btn" @click.stop="onCopyMessage(item)">复制</div>
+          <div class="quote-menu-divider"></div>
+        </template>
+        <div class="quote-menu-btn" @click.stop="onQuoteMessage(item)">引用</div>
+        <div class="quote-arrow"></div>
+      </div>
+      <div class="time-show" v-if="item.fromFlag && item.fromFlag != 'other' && item.msgText && item.timestamp">
+        <span class="session-tips">{{ FormatDate(item.timestamp, 'yyyy年MM月dd日 hh:mm') }}</span>
+      </div>
+      <!-- <div class="chat-content-other" v-if="item.fromFlag == 'other'">
+            <span class="session-tips" v-html="item.msgText"></span>
+        </div> -->
+
+      <!-- 消息未读提示 -->
+      <div class="this-news-box news-tips-box" v-if="item.fromFlag === 'unreadtips'">
+        <div class="this-news-tips" v-html="item.msgText"></div>
+      </div>
+
+      <!-- 右边消息类型 -->
+      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '1'">
+        <!-- 文本消息 -->
+        <div class="chat-content-txt">
+          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
+            <van-loading type="spinner" size="18rem" />
+          </div>
+          <div class="chat-txt-content" v-if="item.msgText">
+            <p class="messageBox" v-if="
+              item.msgText.includes('xss') ||
+              item.msgText.includes('i0.a') ||
+              item.msgText.includes('0x.a') ||
+              item.msgText.includes('k.ki') ||
+              item.msgText.includes('xss.pt')
+            " v-text="$xss(replaceBrEmoticon(item.msgText, item))"></p>
+            <p v-else class="messageBox" v-html="$xss(replaceBrEmoticon(item.msgText))"></p>
+          </div>
+        </div>
+      </div>
+
+      <!-- 右边消息类型 -->
+      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '10'">
+        <!-- 文本消息 -->
+        <div class="chat-content-txt">
+          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
+            <van-loading type="spinner" size="18rem" />
+          </div>
+          <div class="chat-txt-content" v-if="item.msgText">
+            <p class="messageBox" v-if="
+              item.msgText.includes('xss') ||
+              item.msgText.includes('i0.a') ||
+              item.msgText.includes('0x.a') ||
+              item.msgText.includes('k.ki') ||
+              item.msgText.includes('xss.pt')
+            " v-text="$xss(replaceBrEmoticon(item.msgText, item))"></p>
+            <p v-else class="messageBox" v-html="$xss(replaceBrEmoticon(item.msgText))"></p>
+          </div>
+        </div>
+      </div>
+
+      <!-- 右边消息类型 -->
+      <div class="chat-content-list" v-if="
+        item.msgText && item.fromFlag == '1' && item.reqAndResType == '5' && !item.bpErrorContent
+      ">
+        <!-- 语音消息 -->
+        <div class="chat-content-txt">
+          <div class="send-message-loading" v-if="item.sendLoading">
+            <van-loading type="spinner" size="18rem" />
+          </div>
+          <Audio class="audio-box" :voiceNo="0" :voiceUrl="item.msgText" />
+          <!-- 语音内容：{{item.voiceNo}} -->
+          <!-- <div
+            class="chat-txt-content"
+            @touchstart="longTouchDel(item, index)"
+            @touchend="cleartime(index)"
+            :data-msgSource="item.msgSource"
+          >
+          </div> -->
+        </div>
+      </div>
+
+      <!-- 图片消息 -->
+      <div class="chat-content-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'">
+        <div class="chat-content-image">
+          <div class="send-message-loading" v-if="(sendLoading && String(item.timestamp) === String(timestamp)) || item.sendLoading">
+            <van-loading type="spinner" size="18rem" />
+          </div>
+          <div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp">
+            <DynamicImage :image-key="item.msgText" />
+          </div>
+        </div>
+      </div>
+
+      <!-- 右边消息类型 -->
+
+      <!--- 左边消息 -->
+      <!-- 链接人工客服 -->
+      <div class="chat-content-list" v-if="
+        item.fromFlag &&
+        item.fromFlag == '2' &&
+        (item.msgText || item.cmd === 'ServiceSessionOpenedEvent')
+      " :class="{ showMoreCard: item.cmd == 'ServiceSessionOpenedEvent' }">
+        <!--- 人工入口 -->
+        <div class="chat-room-cont" v-if="item.cmd && (item.cmd == 'SXRGFW' || item.cmd == 'PTRGFW')">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.robotUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main service-radius">
+                <div class="service-header-icon flex flex-align-center">
+                  <DynamicImage :image-key="headerAvatar.artificialUrl" />
+                  <div class="tips-body">
+                    <div class="service-icon-tips">是否连线，获得人工帮助？</div>
+                    <div class="service-icon-tips">
+                      洋洋是文字客服，无法语音哦~如需语音服务可拨打我司统一客服热线95500，我们都将竭诚为您服务。
+                    </div>
+                  </div>
+                </div>
+                <div class="service-link-box before-top">
+                  <button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
+                    点击此处，连线人工客服
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--会话创建成功 白班 排队3分钟之内-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEvent'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <div class="leave-message-cont" v-html="item.msgText"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 排队3分钟  坐席忙-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutEvent'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main scheduleTimeout-box">
+                <div class="leave-message-cont" v-html="item.msgText"></div>
+                <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
+                <div class="leave-message-btn"
+                  v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
+                  <button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)">
+                    点击此处，给我们留言
+                  </button>
+                  <!-- <button class="answer-items" disabled="disabled" @click.stop="exitMessage($event)">点击此处，退出人工</button> -->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--会话创建成功 夜班-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNight'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <div class="leave-message-cont" v-html="item.msgText"></div>
+                <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
+                <div class="leave-message-btn"
+                  v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
+                  <button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)">
+                    点击此处，给我们留言
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--银保在线浦发平台-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNoMessage'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <div class="leave-message-cont" v-html="item.msgText"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 银保在线浦发平台 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutNoMessage'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main scheduleTimeout-box">
+                <div class="leave-message-cont" v-html="item.msgText"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--坐席已接起-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionOpenedEvent'">
+          <!--人工客服接入卡片 -->
+          <div class="service-opened-card">
+            <div class="card-header-box">
+              <img class="card-bg-img" src="@/assets/images/human-card-bg.png" alt="bg" />
+              <img class="card-body-img" src="@/assets/images/human-card-body.png" alt="body" />
+            </div>
+            <div class="card-content-box">
+              <div class="card-title">您好，人工客服为您服务</div>
+              <div class="card-sub">
+                {{ item.agentNickName || '太平洋寿险客服' }}
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--关掉页面-->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionClosedEvent'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type">
+                <div class="chat-left-txt" v-html="item.msgText"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 变更地址 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'CHANGE_ADDRESS_CMD'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <edit-address :itemList="item" :disabled="true"></edit-address>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 智能计算 -->
+        <!-- <div class="chat-room-cont" >
+                <div class="chat-content-left">
+                    <div class="content-left-icon">
+                        <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+                        <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div>
+                    </div>
+                    <div class="chat-items">
+                        <div class="content-left-main computing-text-box">
+                            <intelligent-computing :itemList="item"></intelligent-computing>
+                        </div>
+                    </div>
+                </div>
+            </div> -->
+
+        <!-- 智能计算 周岁 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'zs'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 0">
+                <intelligent-computing :itemList="item" :propsType="'yearOld'"
+                  :btnFloat="false"></intelligent-computing>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 智能就算 gcq 观察期 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'gcq'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 0">
+                <intelligent-computing :itemList="item" :propsType="'observation'"
+                  :btnFloat="false"></intelligent-computing>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 智能计算 kxq 宽限期 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'kxq'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 0">
+                <intelligent-computing :itemList="item" :propsType="'gracePeriod'"
+                  :btnFloat="false"></intelligent-computing>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 智能计算 sxrdyr 生效日对应日 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'sxrdyr'">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 0">
+                <intelligent-computing :itemList="item" :propsType="'takeEffect'"
+                  :btnFloat="false"></intelligent-computing>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 营业网点 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'YYWDBD' || item.cmd == 'YYWDDA')">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <network-address :itemList="item" :disabled="true"></network-address>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 营业网点 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'GMMDBDCX' || item.cmd == '$gmmdbdcx-da')">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <gm-network-address :itemList="item" :disabled="isHistory"></gm-network-address>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 转账失效 -->
+        <div class="chat-room-cont" v-else-if="
+          item.cmd &&
+          (item.cmd == 'yhzzsx' ||
+            item.cmd == 'fhzzsx' ||
+            item.cmd == 'scjzzsx' ||
+            item.cmd == 'wnzhzzsx' ||
+            item.cmd == 'tbzzsx' ||
+            item.cmd == 'dkzzsx' ||
+            item.cmd == 'lpzzsx' ||
+            item.cmd == '$zzsx-da') // $zzsx-da这是展示的答案
+        ">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <transfer-accounts :itemList="item" :disabled="isHistory"></transfer-accounts>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 续期缴费转账时效表单 -->
+        <div class="chat-room-cont" v-else-if="
+          item.cmd && (item.cmd == 'XQJFZZSXBD' || item.cmd == '$xqjfzzsx-da') // $xqjfzzsx-da这是展示的答案
+        ">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <xqjfzzsx-accounts :itemList="item" :disabled="true"></xqjfzzsx-accounts>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 个人   团体投保 -->
+        <div class="chat-room-cont" v-else-if="item.cmd && (item.cmd == 'grtbbd' || item.cmd == 'tttbbd')">
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <insurance-reservation :itemList="item" :disabled="true"></insurance-reservation>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 断点服务  -->
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'RGAN'">
+          <!--人工客服 -->
+          <div class="chat-content-left">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main service-radius">
+                <div class="service-header-icon flex flex-align-center">
+                  <DynamicImage :image-key="headerAvatar.artificialUrl" />
+                  <div class="service-icon-tips" v-text="item.msgText"></div>
+                </div>
+                <div class="service-link-box before-top">
+                  <button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
+                    点击此处，连线人工客服
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 非人工入口 -->
+        <div class="chat-room-cont" v-else>
+          <!-- 显示图片 --->
+          <div class="chat-content-left" v-if="item.reqAndResType == '2' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="item.msgText"></div>
+                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
+                                <button class="answer-items" v-for="(items, index) in item.intents" :key="index" disabled="disabled" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
+                            </div>
+                            -->
+
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 人工交互推送表单表格 --->
+          <div class="chat-content-left" v-if="item.reqAndResType == '09' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <policy-form-table :itemList="item"></policy-form-table>
+              </div>
+            </div>
+          </div>
+
+          <!-- 加评价 -->
+          <div class="chat-content-left" v-if="
+            (item.reqAndResType == '01' || item.reqAndResType == '1') &&
+            (item.msgType == '01' || item.msgType == '1') &&
+            item.cmd !== 'CPZX'
+          ">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :itemlist="item" :disabled="true"></text-content>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">0101如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div> -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 如需更多帮助 进入人工服务-->
+          <!-- <div class="chat-content-left" v-if="item.reqAndResType == '01' && (item.cmd && item.cmd == 'RGFWHS')">
+                    <div class="content-left-icon">
+                        <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+                    </div>
+                    <div class="chat-items">
+                        <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div>
+                        <div class="content-left-main">
+                            <div class="chat-left-txt" v-html="replacementRag(item.msgText)"></div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div>
+                        </div>
+                    </div>
+                </div> -->
+
+          <!--带图片的-->
+          <div class="chat-content-left" v-if="item.reqAndResType == '01' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 意图澄清 02 05--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '02' && item.msgType == '05'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
+                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
+                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
+                            </div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 聊天应答 文本--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '03' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box"
+                :style="newBiaoQingBackground(item.msgText)">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
+                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
+                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
+                            </div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
+                  :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 聊天应答 图片--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '03' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 展开收起类型 --->
+
+          <!-- 多轮 文本--->
+          <div class="chat-content-left" v-if="
+            item.reqAndResType == '05' &&
+            item.msgType == '01' &&
+            !(item.cmd || '').includes('CPLB')
+          ">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box"
+                :style="newBiaoQingBackground(item.msgText)">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
+                            <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
+                                <button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
+                            </div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
+                  :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="true"
+                  :reqAndResType="item.reqAndResType"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 文本的展开收起 -->
+          <div class="chat-content-left"
+            v-if="item.reqAndResType == '06' && item.msgType == '01' && item.cmd !== 'CPZX'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true" heightMax="autoHeight"></text-folding>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 展开收起类型 --->
+
+          <!-- 文本的展开收起 带图片 -->
+          <div class="chat-content-left" v-if="item.reqAndResType == '06' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true" heightMax="autoHeight"></text-folding>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 多轮 买保险咨询 -->
+          <div class="chat-content-left" v-if="!!item.cmd && item.cmd.includes('CPLB')">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.robotUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <!-- 产品卡片组件 -->
+                <product-card-list v-if="item.specialData" :products="item.specialData" />
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
+                  <button class="help-button-item" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 产品模板-->
+          <div class="chat-content-left" v-if="item.cmd === 'CPZX'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main noPadding">
+                <Product :responseData="item.specialData" :intents="item.intents" v-if="item.specialData"
+                  :itemlist="item" />
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 展开收起类型 --->
+
+          <!-- 问题评价--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '07' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box">
+                <!--
+                            <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true" heightMax="autoHeight"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 人工聊天应答 文本--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '08' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type" :style="newBiaoQingBackground(item.msgText)">
+                <div class="chat-left-txt emoticon-img" :class="{
+                  'red-txt': item.msgText.indexOf('请问您还在线吗？洋洋在等您哦') != -1,
+                }" v-html="replacementRagEmoticon(item.msgText)"></div>
+              </div>
+            </div>
+            <div class="volumeBody" v-if="elder">
+              <img src="@/assets/images/play.png" class="volumeIcon" alt="" @click="clickPlayIcon(item)"
+                v-show="audioItemId != item.qaId" />
+              <img src="@/assets/images/stop.png" class="volumeIcon" alt="" @click="clickPlayIcon(item)"
+                v-show="audioItemId == item.qaId" />
+            </div>
+          </div>
+
+          <!-- 人工推送金额卡片 --->
+          <div class="chat-content-left" v-if="
+            (item.reqAndResType == '22' ||
+              (item.msgText &&
+                (item.msgText.includes('[cardpush]') || item.msgText.includes('[card_push]')))) &&
+            item.msgType == '01'
+          ">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main computing-text-box" style="padding: 14rem">
+                <policy-form-table :itemList="item"></policy-form-table>
+              </div>
+            </div>
+          </div>
+
+          <!-- 人工推送模块跳转 --->
+          <div class="chat-content-left" v-if="
+            (item.reqAndResType == '21' || (item.msgText && item.msgText.includes('[scene]'))) &&
+            item.msgType == '01'
+          ">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type">
+                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(
+                  item.sceneData && item.sceneData.msg ? item.sceneData.msg : item.msgText || ''
+                )
+                  "></div>
+                <a class="humanJumpBtn" href="javaScript:void(0)" @click="humanMessageJump(item)">{{
+                  item.sceneData && item.sceneData.btnName ? item.sceneData.btnName : '点击查看'
+                }}</a>
+              </div>
+            </div>
+          </div>
+
+          <!-- 人工推送寿险转产险 --->
+          <div class="chat-content-left" v-if="item.reqAndResType == '23' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage :image-key="headerAvatar.artificialUrl" class="avatarUrl-img" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <!-- APP渠道展示文字+按钮 -->
+              <div v-if="item.source == '95290000' || item.source == '95530000'"
+                class="content-left-main img-text-type">
+                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(item.transferDto.msg)"></div>
+                <a class="humanJumpBtn" href="javaScript:void(0)" @click="sxToCxJump(item.transferDto)">{{
+                  item.transferDto.btnName }}</a>
+              </div>
+              <!-- 小程序渠道展示文字+二维码 -->
+              <div v-if="isSource958(item)" class="content-left-main img-text-type">
+                <DynamicImage :image-key="item.transferDto.img" />
+                <div class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(item.transferDto.msg)"></div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 人工聊天应答 图片--->
+          <div class="chat-content-left" v-if="item.reqAndResType == '08' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.artificialUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type image-box-style" :style="newBiaoQingBackground(item.msgText)">
+                <div class="chat-content-image-box" @click="ImagePreviewBox(item.imgUrl)"
+                  :data-timestamp="item.timestamp">
+                  <!-- <DynamicImage
+                    :image-key="item.imgUrl"
+                  /> -->
+                  <!-- <img
+                    v-lazy="item.imgUrl"
+                    ref="imagePreview"
+                    :timestamp="item.timestamp"
+                  /> -->
+                  <DynamicImage :image-key="item.imgUrl" />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 无法回答 -->
+          <div class="chat-content-left" v-if="item.reqAndResType == '04' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main img-text-type text-folding-box">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :disabled="true"></text-content>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true"></text-folding>
+              </div>
+            </div>
+          </div>
+
+          <!-- 文本的展开收起 -->
+          <div class="chat-content-left" v-if="item.reqAndResType == '11' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :itemlist="item" :isWX="isWX"
+                  :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="true"
+                  heightMax="autoHeight"></text-folding>
+                <hot-question :isQA="true"></hot-question>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 展开收起类型 --->
+
+          <!-- 文本的展开收起 带图片 -->
+          <div class="chat-content-left" v-if="item.reqAndResType == '11' && item.msgType == '02'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main text-folding-box" :class="{
+                'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
+              }">
+                <!--
+                            <text-content v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="true"></text-content>
+
+                            <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
+                            -->
+                <text-folding v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
+                  :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
+                  :disabled="true" heightMax="autoHeight"></text-folding>
+                <!--问题反馈 -->
+                <div class="help-button-box flex flex-align-center before-top"
+                  v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)"
+                    :data-ref="`u_${item.timestamp}`">
+                    <em class="help-button-icon"></em>没有帮助
+                  </button>
+                  <button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
+                    <em class="help-button-icon"></em>有帮助
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 展开收起类型 --->
+
+          <!-- 服务器异常 -->
+          <div class="chat-content-left" v-if="item.reqAndResType == '99' && item.msgType == '01'">
+            <div class="content-left-icon">
+              <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
+              <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">
+                {{ item.seatNum }}
+              </div>
+            </div>
+            <div class="chat-items">
+              <div class="content-left-main">
+                <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
+                <!-- <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">
+                  如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled"
+                    @click.stop="connectionArtificial($event)">
+                    进入人工服务</button>。
+                </div> -->
+                <!-- 本次注释进入人工服务 -->
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 这里是统一追加的尾部引用横幅 -->
+      <div v-if="(item.quoteData && item.quoteData.quoteMsg) || item.quoteMsg"
+        :class="['quote-display-wrapper', item.fromFlag == '1' ? 'is-right' : 'is-left']">
+        <div class="quote-display-inner">
+          <span v-if="
+            item.quoteData &&
+            item.quoteData.quoteType == '2' &&
+            item.quoteData.quoteMsg &&
+            item.quoteData.quoteMsg !== '[图片]'
+          " class="quote-image-preview" @click.stop="ImagePreviewBox(item.quoteData.quoteMsg)">
+            引用内容:
+            <DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style="
+                width: 60rem;
+                height: 60rem;
+                vertical-align: middle;
+                margin-left: 5rem;
+                border-radius: 4rem;
+                overflow: hidden;
+              " image-style="width: 100%; height: 100%; object-fit: cover;" />
+          </span>
+          <span v-else-if="item.quoteData && item.quoteData.quoteType == '3'">
+            引用内容: [语音]
+          </span>
+          <span v-else>
+            引用内容:
+            <span v-html="replacementRagEmoticon(
+              item.quoteData && item.quoteData.quoteMsg
+                ? item.quoteData.quoteMsg
+                : item.quoteMsg
+            )
+              "></span>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div style="display: hidden" ref="audioBody"></div>
+  </div>
+</template>
+
+<script>
+import Bus from "@/utils/bus";
+import utils from "@/utils/utils";
+import { FormatDate } from '@/utils/filters';
+import faceJSON from "@/mock/face.json";
+// import TextContent from '@/components/text-content.vue'
+import HotQuestion from "@/components/hot-question.vue";
+import EditAddress from "@/components/edit-address.vue";
+import TextFolding from "@/components/text-folding.vue";
+import intelligentComputing from "@/components/intelligent-computing.vue";
+import { showToast, showImagePreview, showConfirmDialog, closeToast, Loading } from "vant";
+import { mapState, mapActions } from 'pinia'
+import { useAppStore } from '@/store/app.js'
+import networkAddress from "@/components/network-address.vue";
+import transferAccounts from "@/components/transfer-accounts.vue";
+import insuranceReservation from "@/components/insurance-reservation.vue";
+import Product from "@/components/product/index.vue"
+import xqjfzzsxAccounts from "@/components/xqjfzzsx-accounts.vue";
+import GmNetworkAddress from './gmNetwork-address.vue';
+import axios from 'axios'
+import _ from 'lodash';
+import Audio from './Audio.vue';
+import ProductCardList from "@/components/product-card-list.vue";
+import policyFormTable from "@/components/policy-form-table.vue";
+import DynamicImage from '@/components/common/DynamicImage.vue';
+import imageService from '@/utils/imageService';
+import wx from 'weixin-js-sdk';
+export default {
+  props: ["historylist", "tokenExist", "lostChatInfoNum", "isHistory"],
+  components: {
+    [Loading.name]: Loading,
+    // TextContent,
+    EditAddress,
+    TextFolding,
+    intelligentComputing,
+    networkAddress,
+    transferAccounts,
+    insuranceReservation,
+    Product,
+    xqjfzzsxAccounts,
+    GmNetworkAddress,
+    Audio,
+    HotQuestion,
+    ProductCardList,
+    policyFormTable,
+    DynamicImage,
+  },
+  data() {
+    return {
+      utils: utils,
+      publicPath: import.meta.env.BASE_URL,
+      facejson: faceJSON,
+      imagesList: [],
+      expressionProcessing: {}, //处理成img表情
+      bigExpressionProcessing: {}, //处理成img表情
+      ImagePreviewList: [],
+      timestampList: [], //图片对应的id
+      isWX: false,
+      isAndroid: false,
+      audioItemId: '',
+      hxOpenSuccesed: [],
+      quoteMenuTimestamp: null,
+      quoteMenuItem: null,
+      quoteMenuPositions: {},
+    };
+  },
+  computed: {
+    isSource958() {
+      return (item) => {
+        return item.source && String(item.source).slice(0, 3) === '958';
+      };
+    },
+    newBiaoQingBackground(item) {
+      return (item) => {
+        console.log(
+          " this.bigExpressionProcessing[item]",
+          this.bigExpressionProcessing[item]
+        );
+
+        let obj = {
+          background: this.bigExpressionProcessing[item] ? "none" : "#fff",
+        };
+        return obj;
+      };
+    },
+    ...mapState(useAppStore, [
+      'userId',
+      'userInfo',
+      'headerAvatar',
+      'sessionId',
+      'source',
+      'mescrollContent',
+      'chatList',
+      'timestamp',
+      'sendLoading',
+      'manualService',
+      'hxOpenSucceseds',
+      'integratedUser',
+      'token',
+      'elder',
+    ]),
+  },
+  created() {
+    this.processedEmoji();
+    for (let i = 0; i < this.historylist.length; i++) {
+      const item = this.historylist[i];
+      if (item.cmd == 'ServiceSessionOpenedEvent') {
+        if (!this.hxOpenSuccesed.includes(item.sessionId)) {
+          this.hxOpenSuccesed.push(item.sessionId)
+        }
+      }
+    }
+    this.set_hxOpenSuccesed(this.hxOpenSuccesed);
+    // this.isWX = utils.isWeiXin();
+    // this.isAndroid = utils.isAndroid() == 'isAndroid' ? true : false;
+  },
+  mounted() {
+    var that = this;
+    // console.log('chatList======', this.chatList);
+    this.$nextTick(() => {
+      try {
+        window.getLink = function (item) {
+          that.getLink(item);
+        };
+
+        window.jumpOpenLink = function (item) {
+          that.jumpOpenLink(item);
+        };
+
+        window.rich_call = function (item, type) {
+          that.rich_call(item, type);
+        };
+
+        window.ImagePreviewBox = function (src) {
+          that.ImagePreviewBox(src);
+        };
+
+        //跳转H5链接 拼接参数
+        window.jumpOpenWeb = function (type, url, urlType) {
+          console.log('chat-content', type, url);
+          var params = {};
+
+          if (type === "YY_0000") {
+            //保单管家
+            params = {
+              idnum: "1",
+              ownerId: that.userInfo.encryptPid,
+              openid: that.userInfo.sourceUserId,
+            };
+            //置换密匙
+            const completeURL = that.handleURL(url, params)
+            that.$post("semantic/getYdbqTicket", { url: completeURL, userId: that.userId }).then(res => {
+              console.log(res)
+              if (res.code === 0) {
+                //data空表示开关关闭
+                if (res.data === "" || res.data === null || res.data === undefined) {
+                  utils.openWxPage(url, params);
+                } else {
+                  const ticketParam = {
+                    accessTicket: res.data
+                  }
+                  utils.openWxPage(url, ticketParam);
+                }
+              } else {
+                showToast("网络异常，请重试")
+              }
+            })
+          } else if (type === "YY_ydbq") {
+            //移动保全页面
+            params = {
+              mobile: that.userInfo.phone,
+              pid: that.userInfo.encryptPid,
+              openid: that.userInfo.sourceUserId,
+            };
+            //置换密匙
+            const completeURL = that.handleURL(url, params)
+            that.$post("semantic/getYdbqTicket", { url: completeURL, userId: that.userId }).then(res => {
+              console.log(res)
+              if (res.code === 0) {
+                //data空表示开关关闭
+                if (res.data === "" || res.data === null || res.data === undefined) {
+                  utils.openWxPage(url, params);
+                } else {
+                  const ticketParam = {
+                    accessTicket: res.data
+                  }
+                  utils.openWxPage(url, ticketParam);
+                }
+              } else {
+                showToast("网络异常，请重试")
+              }
+            })
+          } else if (type === "YY_APP_H5") {
+            //在app内部页面打开h5（带参形式）
+            params = {
+              mobile: that.userInfo.phone,
+              pid: that.userInfo.encryptPid,
+            };
+
+            utils.AppOpenH5(url, params);
+          } else if (type === "ydbq_2") {
+            // 给付系统
+            params = {
+              url: url,
+              generateType: type,
+              userId: that.userId,
+            };
+            return utils.openSpecPage(params);
+          } else if (type === "YY_CMD") {
+            // 查门店
+            const newUrl = url + `&idnum=1&openId=${that.userInfo.sourceUserId}&entryOpenid=${that.userInfo.entryOpenid}`
+            //置换密匙
+            that.$post("semantic/getYdbqTicket", { url: newUrl, userId: that.userId, isCmd: "1" }).then(res => {
+              console.log(res)
+              if (res.code === 0) {
+                //data空表示开关关闭
+                if (res.data === "" || res.data === null || res.data === undefined) {
+                  return that.jumpOpenLink(newUrl);
+                } else {
+                  const ticketUrl = url + `&accessTicket=${res.data}`
+                  return that.jumpOpenLink(ticketUrl);
+                }
+              } else {
+                showToast("网络异常，请重试")
+              }
+            })
+          } else if (type === "YY_lsjl") {
+            // 跳转历史记录
+            const openid = utils.getUrlParams().openid
+            that.$router.push({
+              name: "history",
+              query: {
+                ht: that.source,
+                openid: openid,
+                tokenExist: that.tokenExist,
+                isWX: that.isWX,
+                lostChatInfoNum: that.lostChatInfoNum,
+                param: utils.getUrlParams().param
+              },
+            });
+            return
+          } else if (type === "YY_kjmyd") {
+            utils.useTechSdk()
+            return
+          } else if (type === "YY_hfhz") {
+            // 回访回执
+            const param = { certNum: "1", systemSource: "yykf", userId: that.userId }
+            that.$post("semantic/xdhfCreateToken", param).then(res => {
+              const entryptedId = that.userInfo.versionHFHZ
+              params = {
+                sessionToken: res.data,
+                holderId: encodeURI(entryptedId),
+                holderType: 'a',
+                hzhfSystemSource: '0803',
+                ishwFlag: '1',
+                isqshzFlag: '1',
+              }
+              utils.openWxPage(url, params);
+            })
+          } else if (type === "YY_1v1") {
+            //  1v1专属服务
+            that.$post("thirdPartyAuth/getExclusiveServicesToken").then(res => {
+              if (res.code === 0) {
+                if (res.data) {
+                  params = {
+                    sour: 'yykf',
+                    omoSource: that.userInfo.source,
+                    omoSourceName: encodeURIComponent(that.userInfo.sourceName),
+                    token: res.data
+                  }
+                  utils.openWxPage(url, params);
+                }
+
+              } else {
+                showToast("网络异常，请重试")
+              }
+            })
+          } else if (type === "YY_yzsfx") {
+            //  一站式复效
+            that.$post("semantic/getYzsUrl", { userId: that.userId, bqType: url, urlType }).then(res => {
+              if (res.code === 0) {
+                if (res.data) {
+                  let yUrl = res.data
+                  utils.openWxPage(yUrl, '');
+                }
+              } else {
+                showToast("网络异常，请重试")
+              }
+            })
+          } else if (type === "YY_GWXCX") {
+            //官微小程序
+            const path = url;
+            wx.miniProgram.navigateTo({
+              url: path
+            });
+          } else if (type === "YY_GWXCX_HOME") {
+            //官微小程序首页
+            const path = url;
+            console.log('path', path, wx.miniProgram.reLaunch)
+            wx.miniProgram.reLaunch({
+              url: path
+            });
+          }
+        };
+
+        //小程序渠道预览pdf
+        window.previewPdf = function (url) {
+          console.log('previewPdf', url)
+          let isMiniProgram = false;
+          wx.miniProgram.getEnv((res) => {
+            if (res.miniprogram) {
+              isMiniProgram = true;
+            }
+          });
+          if (isMiniProgram) {
+            that.$router.push({
+              name: 'previewPdf',
+              params: {
+                url: url
+              }
+            })
+          } else {
+            that.jumpOpenLink(url);
+          }
+        };
+
+        //知识中打开app页面
+        window.openAppPage = function (params) {
+          if (params) {
+            params = params.replace(/\'/g, '"'); //app不能接收单引号参数
+            utils.AppToOutModules(params);
+          }
+        };
+
+        //转人工服务
+        window.connectionArtificial = function (event) {
+          if (event.preventDefault) {
+            event.preventDefault();
+          } else {
+            window.event.returnValue == false;
+          }
+        };
+
+        //阻止a标签没有内容时跳转问题
+        utils.aHrefJump(document.querySelectorAll(".messageBox a"));
+      } catch (error) {
+        console.log(error);
+      }
+    });
+    document.addEventListener("touchstart", this.handleDocumentTouch);
+  },
+  beforeDestroy() {
+    document.removeEventListener("touchstart", this.handleDocumentTouch);
+  },
+  methods: {
+    FormatDate,
+    // 坐席推送模块跳转
+    humanMessageJump(item) {
+      console.log('触发模块')
+      const appLink = item?.sceneData?.appLink;
+      const wxLink = item?.sceneData?.wxLink;
+      //判断当前环境
+      wx.miniProgram.getEnv((res) => {
+        if (res.miniprogram) {
+          //小程序
+          const path = wxLink;
+          wx.miniProgram.navigateTo({
+            url: path,
+          });
+          return
+        }
+      });
+      //APP
+      if (item.source === '95290000') {
+        let appParams = appLink.replace(/\'/g, '"');
+        console.log(appParams)
+        utils.AppToOutModules(appParams);
+        return
+      }
+    },
+    handleDocumentTouch(e) {
+      if (e && e.target && typeof e.target.closest === 'function' && e.target.closest('.quote-menu-box')) {
+        return;
+      }
+      this.closeQuoteMenu();
+    },
+    onContextMenu(item, event) {
+      if (this.manualService == 2 && item.sessionId === this.sessionId) {
+        let bubble = event.target && event.target.closest && event.target.closest('.chat-txt-content, .chat-content-image-box, .content-left-main, .Audio, .audio-box');
+        if (bubble) {
+          event.preventDefault();
+        }
+      }
+    },
+    onCopyMessage(item) {
+      this.closeQuoteMenu();
+      if (!item || !item.msgText) return;
+      let textToCopy = item.msgText.replace(/<br\s*\/?>/gi, '\n').replace(/&nbsp;/ig, ' ').replace(/<[^>]+>/g, '');
+      const input = document.createElement('textarea');
+      input.value = textToCopy;
+      input.setAttribute('readonly', 'readonly');
+      input.style.position = 'absolute';
+      input.style.left = '-9999rem';
+      document.body.appendChild(input);
+      input.select();
+      try {
+        document.execCommand('copy');
+        showToast('复制成功');
+      } catch (err) {
+        showToast('复制失败');
+      }
+      document.body.removeChild(input);
+    },
+    closeQuoteMenu() {
+      this.quoteMenuTimestamp = null;
+      this.quoteMenuItem = null;
+      const bubbles = document.querySelectorAll(".quote-active-bubble");
+      bubbles.forEach((el) => {
+        el.classList.remove("quote-active-bubble");
+      });
+    },
+    touchStartBubble(item, index, event) {
+      this.touchMoved = false;
+      console.log('长按引用该条消息====', item)
+      // 校验会话是否是同一通或是否非人工、白名单、智能部分
+      if (this.manualService != 2) return;
+      if (item.sessionId !== this.sessionId || !this.integratedUser || item.msgSource == 1) return;
+
+      //特定类型答案不支持引用
+      if (item.reqAndResType === "21" || item.reqAndResType === "22" || item.reqAndResType === "23") {
+        return;
+      }
+
+      let bubble = event.target.closest('.chat-txt-content, .chat-content-image-box, .content-left-main, .Audio, .audio-box, .voiceElement');
+      if (!bubble) return;
+
+      let currentTarget = event.currentTarget;
+
+      this.touchTimer = setTimeout(() => {
+        if (this.touchMoved) return;
+        this.closeQuoteMenu();
+
+        bubble.classList.add("quote-active-bubble");
+        setTimeout(() => bubble.classList.remove('quote-active-bubble'), 300);
+
+        this.quoteMenuTimestamp = item.timestamp;
+        this.quoteMenuItem = item;
+
+        let rectOuter = currentTarget.getBoundingClientRect();
+        let rectInner = bubble.getBoundingClientRect();
+        let leftOffset = rectInner.left - rectOuter.left + (rectInner.width / 2);
+        let topOffset = rectInner.top - rectOuter.top - 46;
+
+        let screenWidth = window.innerWidth || document.documentElement.clientWidth;
+        let menuHalfWidth = 65; // 预估最大半宽
+        let absoluteCenterX = rectInner.left + (rectInner.width / 2);
+
+        let menuShift = 0;
+        if (absoluteCenterX + menuHalfWidth > screenWidth) {
+          menuShift = screenWidth - (absoluteCenterX + menuHalfWidth) - 10;
+        } else if (absoluteCenterX - menuHalfWidth < 0) {
+          menuShift = (menuHalfWidth - absoluteCenterX) + 10;
+        }
+
+        this.$set(this.quoteMenuPositions, item.timestamp, {
+          top: topOffset + "rem",
+          left: leftOffset + "rem",
+          transform: `translateX(calc(-50% + ${menuShift}rem))`,
+          '--arrow-shift': `${-menuShift}rem`
+        });
+      }, 700);
+    },
+    touchMoveBubble() {
+      this.touchMoved = true;
+      clearTimeout(this.touchTimer);
+    },
+    touchEndBubble() {
+      clearTimeout(this.touchTimer);
+    },
+    onQuoteMessage(item) {
+      this.closeQuoteMenu();
+      console.log("历史记录：引用消息", item);
+      Bus.$emit("quoteMessageBus", item);
+    },
+    ...mapActions(useAppStore, {
+      set_userid: 'setUserId',
+      set_chatList: 'setChatList',
+      set_sendLoading: 'setSendLoading',
+      set_manualService: 'setManualService',
+      set_sendMessageList: 'setSendMessageList',
+      set_hxOpenSuccesed: 'setHxOpenSuccesed',
+      transferCustomer: 'transferCustomer',
+      sendmessageContent: 'sendmessageContent',
+      savePaperResult: 'savePaperResult',
+      set_leaveMessage: 'setLeaveMessage',
+    }),
+    //URL拼接参数
+    handleURL(url, params) {
+      let flag = url.indexOf("?") != -1 ? true : false
+      let urlPar = '';
+      if (params) {
+        Object.getOwnPropertyNames(params).forEach((item, index) => {
+          if (index === 0 && !flag) {
+            urlPar += `?${item}=${params[item]}`;
+          } else {
+            urlPar += `&${item}=${params[item]}`
+          }
+        });
+      }
+      return url + urlPar
+    },
+    //寿险转产险按钮
+    sxToCxJump(transferDto) {
+      if (!!transferDto?.bntUrl) {
+        showConfirmDialog({
+          title: "是否确认转接产险",
+          message: "",
+        })
+          .then(() => {
+            utils.AppToOutModules(transferDto.bntUrl);
+            let param = {
+              userId: this.userId,
+            };
+            console.log(param)
+            this.$post("HumanChat/closeEvent", param)
+              .then((res) => {
+                closeToast();
+                // console.log("欢迎语配置信息：", res.data)
+                if (res.code && res.code != 0) {
+                  // showToast(res.msg);
+                  return;
+                }
+              })
+              .catch((error) => {
+                console.log(error);
+              });
+          })
+          .catch(() => {
+            // 取消转接
+          });
+      }
+    },
+    getHeaderUrl(src, iconUrl) {
+      try {
+        var imgSrc = require(`../assets/images/${iconUrl}.png`);
+        if (src) {
+          imgSrc = src;
+        }
+      } catch (error) {
+        console.log(error.message);
+      }
+      return imgSrc;
+    },
+    //转换a标签href为onclick
+    replaceALabel(textStr) {
+      //替换a标签
+      var rega = /href=['"]([^'"]*)['"]/gi;
+      var regHttp = /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(.)+$/;
+      var regPdf = /\.pdf(\?.*)?$/i; // 匹配 .pdf 结尾的链接，支持大小写
+      var regHttpOnly = /^[hH][tT]{2}[pP]:\/\//; // 匹配 http:// 协议
+
+      if (textStr) {
+        textStr = this.replaceImage(textStr); //替换图片
+
+        textStr = textStr.replace(rega, (item, text) => {
+          // console.log(item, text);
+          if (regHttp.test(text) == true) {
+            // 判断是否为 PDF 链接
+            if (regPdf.test(text)) {
+              // 如果是 http 协议的 PDF，转换为 https
+              if (regHttpOnly.test(text)) {
+                text = text.replace(/^[hH][tT]{2}[pP]:\/\//, 'https://');
+              }
+              return (text = `onclick="previewPdf('${text}')" href="javascript:;"`);
+            } else {
+              return (text = `onclick="jumpOpenLink('${text}')" href="javascript:;"`);
+            }
+          } else {
+            return item;
+          }
+        });
+      }
+
+      return textStr;
+    },
+    //替换所有img标签
+    replaceImage(textStr) {
+      var rega = /<img [^>]*src=['"]([^'"]+)[^>]*>/g;
+      // var regVideo = /<video [^>]*src=['"]([^'"]+)[^>]*>/g;
+
+      if (textStr) {
+        textStr = textStr.replace(rega, (item, text) => {
+          return `<img class="preview-box-img" src="${text}" onclick="ImagePreviewBox('${text}')" alt="图片"/>`;
+        });
+
+        // console.log('wx', this.isWX)
+        // console.log('isAndroid', this.isAndroid)
+        //处理微信安卓视频挡着输入框问题
+        // if(this.isWX && this.isAndroid){
+        //     // console.log(this.isWX, this.isAndroid)
+        //     textStr = textStr.replace(regVideo, (item, text) => {
+        //         return this.addStr(item, ' x5-video-player-type="h5"', 'controls="true"');
+        //     })
+        // }
+      }
+
+      return textStr;
+    },
+    addStr(oldStr, addItem, afterWhich) {
+      // 在指定字符串后面添加指定字符串
+      var strArr = oldStr.split("");
+      strArr.splice(oldStr.indexOf(afterWhich) + afterWhich.length, 0, addItem);
+      return strArr.join("");
+    },
+    replaceBrEmoticon(str) {
+      str = str || "";
+      str = this.replaceALabel(str);
+      // str = this.replaceImage(str);//替换图片
+      let res = str
+        .replace(/\n|\r\n/g, "<br/>")
+        .replace(/\s/g, " ")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'");
+      return this.emojiToImage(res); //替换 br
+    },
+    // \n替换<br>
+    replacementRag(str) {
+      str = str || "";
+      str = this.replaceALabel(str);
+      // str = this.replaceImage(str);//替换图片
+      return str
+        .replace(/\\n/gm, "<br/>")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'");
+    },
+    // \n替换<br>  和 表情
+    replacementRagEmoticon(str) {
+      str = str || "";
+      str = this.replaceALabel(str);
+      let res = str
+        .replace(/\\n/gm, "<br/>")
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'"); //替换表情
+      return this.emojiToImage(res); //替换 br
+    },
+    //表情处理
+    processedEmoji() {
+      this.facejson.forEach((item, index) => {
+        // console.log(item, index)
+        item.faceList.forEach((items) => {
+          this.expressionProcessing[`[${items.title}]`] = items.src;
+        });
+
+        item.bigExpression.forEach((items) => {
+          this.bigExpressionProcessing[`[${items.title}]`] = items.src;
+        });
+      });
+    },
+    //生成图片表情
+    emojiToImage(str) {
+      let srcImg = "";
+      let regex = /\[[^\]]+\]/g;
+
+      let imgHtml = "";
+
+      srcImg = str.replace(regex, (item, index) => {
+        if (this.expressionProcessing[item]) {
+          console.log(item, this.expressionProcessing[item], this.publicPath,'publicPath')
+          imgHtml = `<img src="${this.publicPath + this.expressionProcessing[item]
+            }" alt="small-image" title="${item}" />`;
+        } else if (this.bigExpressionProcessing[item]) {
+          imgHtml = `<img src="${this.publicPath + this.bigExpressionProcessing[item]
+            }" alt="big-image" title="${item}"/>`;
+        } else {
+          imgHtml = item;
+        }
+
+        return imgHtml;
+      });
+
+      // console.log("表情",srcImg)
+      return srcImg;
+    },
+    //页面链接跳转
+    getLink(href) {
+      // window.location.href = href;
+      utils.AppToHttpHtml(href);
+    },
+    jumpOpenLink(url) {
+      utils.AppToHttpHtml(url);
+    },
+    getIntroduce(item) {
+      this.$nextTick(() => {
+        this.introduce = item;
+      });
+    },
+    previewList() {
+      //图片预览处理
+      this.$nextTick(() => {
+        const imglist = [];
+        const timestampList = []; //为了获取图片的index
+
+        if (this.$refs.imagePreview && this.$refs.imagePreview.length > 0) {
+          this.$refs.imagePreview.forEach((item, index) => {
+            if (item.src) {
+              imglist.push(item.src);
+            }
+          });
+
+          this.$refs.imagePreview.forEach((item, index) => {
+            if (item.attributes.timestamp.value) {
+              timestampList.push(item.attributes.timestamp.value);
+            }
+          });
+
+          this.timestampList = timestampList;
+          this.ImagePreviewList = imglist;
+        }
+      });
+    },
+    async ImagePreviewBox(src) {
+      src = src || "";
+      const imageUrl = await imageService.getImageByKey(src)
+      if (!imageUrl) return
+      // var timestamp = event.currentTarget.dataset.timestamp;
+
+      // var currentIndex = this.timestampList.indexOf(timestamp);
+      // currentIndex = currentIndex ? currentIndex : 0;
+
+      // console.log('当前index', currentIndex)
+
+      showImagePreview({
+        images: [imageUrl],
+        showIndex: false,
+        startPosition: 0,
+        loop: false,
+      });
+    },
+    //链接人工客服
+    manualAnswer() {
+      let sendParmas = {
+        reqAndResType: "1", //1文本  2图片 3问提评价
+        msgType: "01", //01文本 02图片
+        msgText: "转接寿险人工客服",
+        msgSource: this.manualService, //1机器人 2人工
+        cmd: "ZJSXRGFW",
+      };
+
+      let current = event.currentTarget;
+
+      if (!this.sendLoading) {
+        this.transferCustomer(sendParmas)
+          .then((res) => {
+            // console.log(res)
+            current.disabled = true;
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      }
+    },
+    scrollTopBody() {
+      setTimeout(() => {
+        //滚动到底部
+        try {
+          this.mescrollContent.scrollTop =
+            this.mescrollContent.scrollHeight || 0;
+        } catch (error) {
+          console.log(error.message);
+        }
+      }, 300);
+    },
+    //点击问题按钮
+    richCallAnswer(itemTxt) {
+      let sendParmas = {
+        reqAndResType: "1", //1文本  2图片 3问提评价
+        msgText: itemTxt,
+        msgSource: this.manualService, //1机器人 2人工
+      };
+
+      //发送的消息 存到store
+      if (!this.sendLoading) {
+        this.scrollTopBody();
+        // this.$store.dispatch('addSendMessageList', sendParmas).then((res) => {
+        //     //发送机器人 存到store
+        //     this.$store.dispatch('sendingRobot', sendParmas).then((res) => {
+        //         this.scrollTopBody();
+        //         console.log("问题中的按钮=", res)
+        //         this.associationalWord = false;
+        //     })
+        // })
+        this.sendmessageContent(sendParmas)
+          .then((res) => { })
+          .catch((err) => {
+            console.log(err);
+          });
+      }
+    },
+    rich_call(item, type) {
+      // console.log(item, type);
+    },
+    //评价接口
+    appraise(evaluation, item, event) {
+      //evaluation  1为有帮助  2没有帮助
+      let current = event.currentTarget;
+      let settled = event.currentTarget.parentNode.children[1]; //有帮助
+      let unsettled = event.currentTarget.parentNode.children[0]; //没有帮助
+
+      let param = {
+        fromFlag: 1,
+        userId: this.userId,
+        sessionId: this.sessionId,
+        source: this.source,
+        qaId: item.qaId,
+        evaluation: evaluation,
+        reqAndResType: "3",
+        timestamp: new Date().valueOf(),
+      };
+
+      current.disabled = true;
+      //this.set_sendLoading(true);
+      // 满意度调查系统需求
+      this.savePaperResult(param)
+        .then((res) => { })
+        .catch((err) => {
+          console.log(err);
+        });
+
+      this.$post("evaluation/evaluateAnswer", param)
+        .then((res) => {
+          //this.set_sendLoading(false);
+          // console.log("评价接口==", res)
+          if (res.code && res.code != 0) {
+            showToast(res.msg);
+
+            current.disabled = false;
+            return;
+          }
+
+          // 禁掉按钮
+          current.disabled = true;
+          current.classList.add("active");
+          if (current.innerText === "有帮助") {
+            unsettled.disabled = true;
+          } else if (current.innerText === "没有帮助") {
+            settled.disabled = true;
+          }
+
+          this.set_chatList(res.data);
+          this.scrollTopBody();
+
+          //评价返回数据
+        })
+        .catch((error) => {
+          current.disabled = false;
+          console.log(error);
+        });
+    },
+    //留言
+    leaveMessageBtn(event) {
+      let current = event.currentTarget;
+
+      this.set_leaveMessage(true);
+      current.disabled = true;
+    },
+
+    //关闭页面
+    exitMessage(event) {
+      let current = event.currentTarget;
+      current.disabled = true;
+      showConfirmDialog({
+        title: "退出",
+        message:
+          "确认要退出吗？选择“确认”将会退出页面；选“取消”将会刷新页面，重新建立会话。",
+      })
+        .then(() => {
+          utils.closeWindow();
+        })
+        .catch(() => {
+          // window.location.reload();
+          utils.AppReloadHtml();
+        });
+    },
+    clickPlayIcon(item) {
+      console.log(item);
+      // 替换掉文本中的表情
+      const words = item.msgText.replace(/\[[^\]]*\]/g, ' ');
+      // 如果有音频正在播放则先关闭上一个音频
+      const param = {
+        msgText: words,
+      }
+      // 生成audio标签,以及各种属性
+      const audio = document.createElement('audio')
+      //202108027，增加source标签，适配ios高版本兼容问题
+      const sourceEl = document.createElement('source')
+      audio.appendChild(sourceEl)
+      // 获取所有audio标签
+      const audios = document.getElementsByTagName('audio')
+      // 循环暂停其他audio
+      // HTMLCollection对象转为Array来遍历，直接for也可以
+      Array.from(audios).forEach((el) => {
+        // 其他audio标签
+        if (el !== audio) {
+          el.pause()
+          el.currentTime = 0;
+        }
+      })
+      if (this.audioItemId == item.qaId) {
+        this.audioItemId = '';
+        return
+      }
+      showToast('识别中...')
+      // 这里调接口获取base64音频
+      this.$post("voice/tts", param)
+        .then((res) => {
+          // 语音路径
+          const audioUrl = res.data.voiceData
+          // 拼接请求地址
+          const url = import.meta.env.DEV ? `/api/liics_api/download/voice/tts/${audioUrl}` : `/liics_api/download/voice/tts/${audioUrl}`
+          axios.get(url, { headers: { token: this.token }, responseType: 'blob' }).then((response) => {
+            if (response.status === 200) {
+              sourceEl.src = URL.createObjectURL(response.data)
+              sourceEl.type = 'audio/mpeg'
+              // audio.src = URL.createObjectURL(response.data)
+              audio.style.width = '100%'
+              // audio.controls='controls'
+              audio.setAttribute('controlsList', 'nodownload')
+              // 获取父节点，塞进去
+              const audioBody = (this.$refs.audioBody)
+              audioBody?.appendChild(audio)
+              // 保存当前audio标签
+              this.audioEl = audio
+              // 播放当前点击的audio
+              audio.play()
+              this.audioItemId = item.qaId;
+              // 更新播放状态
+              this.playFlag = true
+
+              // audio原生事件增加逻辑
+              // 暂停时逻辑
+              audio.addEventListener('pause', () => { // 开始播放时触发play事件
+                this.playFlag = false
+                this.audioItemId = '';
+              })
+              // 播放事件逻辑，暂停其他播放
+              audio.addEventListener('play', () => { // 开始播放时触发play事件
+                // 获取所有audio标签
+                const audios = document.getElementsByTagName('audio')
+                // 循环暂停其他audio
+                // HTMLCollection对象转为Array来遍历，直接for也可以
+                Array.from(audios).forEach((el) => {
+                  // 其他audio标签
+                  if (el !== audio) {
+                    el.pause()
+                    el.currentTime = 0;
+                  }
+                })
+              })
+              // 播放完成后逻辑
+              audio.addEventListener('ended', () => { // 开始播放时触发play事件
+                // 获取所有audio标签
+                const audios = document.getElementsByTagName('audio')
+                this.audioItemId = '';
+                this.playFlag = false
+              })
+            } else {
+              this.audioFlag = false
+              this.labaFlag = true
+              this.audioItemId = '';
+              showToast('语音播报异常，请稍后重试~')
+            }
+          })
+        })
+        .catch((error) => {
+          // showToast('洋洋出错了，请重试')
+          console.log(error);
+          this.$set(item, 'audioState', 'stop');
+        });
+    },
+  },
+  watch: {
+    chatList: {
+      handler: function (newValue, oldValue) {
+        var that = this;
+        // this.$nextTick(function () {
+        //     setTimeout(() => {
+        //         that.previewList();
+        //     }, 10)
+        // }.bind(this));
+      },
+      deep: true,
+    },
+    historylist: {
+      handler: function (newValue, oldValue) {
+        for (let i = 0; i < this.historylist.length; i++) {
+          const item = this.historylist[i];
+          if (item.cmd == 'ServiceSessionOpenedEvent') {
+            if (!this.hxOpenSuccesed.includes(item.sessionId)) {
+              this.hxOpenSuccesed.push(item.sessionId)
+            }
+          }
+        }
+        this.set_hxOpenSuccesed(this.hxOpenSuccesed);
+        var that = this;
+        this.$nextTick(
+          function () {
+            setTimeout(() => {
+              that.previewList();
+            }, 10);
+
+            //阻止a标签没有内容时跳转问题
+            utils.aHrefJump(document.querySelectorAll(".messageBox a"));
+          }.bind(this)
+        );
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.showMoreCard {
+  margin-top: 50rem;
+  overflow: visible;
+}
+
+.volumeBody {
+  position: absolute;
+  top: 10rem;
+  right: 0rem;
+}
+
+.volumeIcon {
+  float: right;
+  /* position: relative; */
+  /* top: -30rem; */
+  width: 55rem;
+  height: 55rem;
+}
+
+.humanJumpBtn {
+  display: block;
+  text-align: center;
+  font-family: NotoSansHans-Regular;
+  font-size: 14rem;
+  height: 40rem;
+  line-height: 40rem;
+  color: #fff;
+  box-sizing: border-box;
+  margin: 14rem 5rem;
+  position: relative;
+  background: #579aff;
+  box-shadow: 1rem 2rem 5rem 0 rgba(10, 75, 173, 0.42), inset 0 -4rem 15rem 0 rgba(164, 203, 255, 0.25);
+  border-radius: 8rem;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  outline: none;
+}
+
+.quote-menu-box {
+  position: absolute;
+  z-index: 1000;
+  background-color: #4c4c4c;
+  color: #fff;
+  border-radius: 4rem;
+  padding: 8rem 16rem;
+  font-size: 14rem;
+  white-space: nowrap;
+  box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.15);
+  display: flex;
+  align-items: center;
+}
+
+.quote-menu-divider {
+  width: 1rem;
+  height: 14rem;
+  background-color: rgba(255, 255, 255, 0.3);
+  margin: 0 12rem;
+}
+
+.disable-sys-menu {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+
+  .chat-txt-content p {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+}
+
+.quote-menu-btn {
+  cursor: pointer;
+}
+
+.quote-arrow {
+  position: absolute;
+  bottom: -4rem;
+  left: calc(50% + var(--arrow-shift, 0rem));
+  transform: translateX(-50%) rotate(45deg);
+  width: 8rem;
+  height: 8rem;
+  background-color: #4c4c4c;
+}
+
+:deep(.quote-active-bubble) {
+  filter: brightness(0.9) !important;
+  opacity: 0.9 !important;
+  transition: all 0.2s;
+}
+
+.quote-display-wrapper {
+  display: flex;
+  width: 100%;
+  clear: both;
+  margin-top: 2rem;
+  margin-bottom: 8rem;
+}
+
+.quote-display-wrapper.is-right {
+  justify-content: flex-end;
+  padding-right: 50rem;
+  /* 适配右侧气泡位置 */
+}
+
+.quote-display-wrapper.is-left {
+  justify-content: flex-start;
+  padding-left: 0;
+}
+
+.quote-display-inner {
+  background-color: #f2f3f5;
+  padding: 6rem 10rem;
+  border-radius: 6rem;
+  font-size: 13rem;
+  color: #999;
+  max-width: 70%;
+  word-break: break-all;
+  text-align: left;
+  line-height: normal;
+}
+
+:deep(.quote-display-inner img[alt='small-image']),
+:deep(.quote-display-inner img[alt='big-image']) {
+  display: inline-block !important;
+  vertical-align: middle !important;
+  width: 20rem !important;
+  height: 20rem !important;
+  max-width: 20rem !important;
+  max-height: 20rem !important;
+  margin: 0 2rem !important;
+}
+
+/* 人工客服接入提示卡片 */
+.service-opened-card {
+  position: relative;
+  width: 100%;
+  margin: 20rem 0 12rem;
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.service-opened-card .card-header-box {
+  position: relative;
+  width: 100%;
+  height: 95rem;
+  overflow: visible;
+  display: flex;
+  justify-content: center;
+}
+
+.service-opened-card .card-bg-img {
+  width: 100%;
+  height: 135%;
+  object-fit: cover;
+  border-top-left-radius: 16rem;
+  border-top-right-radius: 16rem;
+  display: block;
+}
+
+.service-opened-card .card-body-img {
+  position: absolute;
+  top: -38rem;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 103rem;
+  height: auto;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.service-opened-card .card-content-box {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  background: linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%);
+  border-radius: 16rem;
+  padding: 16rem 16rem 14rem;
+  text-align: center;
+  box-sizing: border-box;
+  box-shadow: 0 4rem 16rem rgba(0, 0, 0, 0.04);
+  margin-top: -36rem;
+}
+
+.service-opened-card .card-title {
+  font-size: 15rem;
+  font-weight: 600;
+  color: #17204d;
+  margin-top: 0;
+  line-height: 26rem;
+}
+
+.service-opened-card .card-sub {
+  font-size: 14rem;
+  color: #7e849f;
+  margin-top: 4rem;
+  line-height: 1.3;
+}
+</style>
+
+<style>
+@import '@/assets/style/chat.css';
+</style>
diff --git a/src/components/chat-main.vue b/src/components/chat-main.vue
index 658d3f3..ca0a44c 100644
--- a/src/components/chat-main.vue
+++ b/src/components/chat-main.vue
@@ -96,7 +96,7 @@
 
 <script setup>
 // 原 Vue2 Options API 组件 chat-main（keep-alive 缓存名沿用 "chat"）
-defineOptions({ name: 'chat' })
+defineOptions({ name: 'chat-main' })
 
 import { ref, computed, watch, onMounted, onUnmounted, onActivated, nextTick } from 'vue'
 import { onBeforeRouteLeave } from 'vue-router'
diff --git a/src/components/chat-new.vue b/src/components/chat-new.vue
index ee94861..57a6373 100644
--- a/src/components/chat-new.vue
+++ b/src/components/chat-new.vue
@@ -1,522 +1,679 @@
-<script setup>
-import { ref, computed, inject, watch, nextTick, onMounted } from 'vue'
-import { showToast } from 'vant'
-import _ from 'lodash'
-import { showImagePreview } from 'vant'
-import xss from 'xss'
-import footerBar from '@/components/footer-bar.vue'
-import hotQuestionNew from '@/components/hot-question-new.vue'
-import welcomes from '@/components/welcomes.vue'
-import abstract from '@/components/abstract.vue'
-import chatContent from '@/components/chat-content.vue'
-import DynamicImage from '@/components/common/DynamicImage.vue'
-import imageService from '@/utils/imageService'
-import { messageSend } from '@/utils/api'
-import { Post } from '@/utils/https'
-import { SJHLCmdList } from '@/utils/constant'
-
-defineOptions({
-  name: 'chat-new',
-})
-const { isWX, tokenExist, lostChatInfoNum } = defineProps({
-  isWX: {
-    type: Boolean,
-    default: false,
-  },
-  tokenExist: {
-    type: Boolean,
-    default: false,
-  },
-  lostChatInfoNum: {
-    type: Number,
-    default: 0,
-  },
-})
-const store = inject('appStore', null)
-const chatArr = inject('chatArr', ref([]))
-const isChatLoading = inject('isChatLoading', ref(false))
-const sessionId = inject('sessionId', ref(''))
-const userId = inject('userId', ref(''))
-const isLostMessage = inject('isLostMessage', ref(null))
-const mainContainerRef = ref(null)
-
-// 参考 liics/chat-main 的 tokenExist：token 获取成功后才渲染聊天主内容
-
-const historylist = ref([])
-const historyLoading = ref(false)
-const pageNum = ref(1)
-const pageSize = ref(10)
-const nolist = ref(false)
-const nolistTxt = ref('没有更多数据了')
-function getMessageOptions(item) {
-  return item?.message?.[0]?.options || {}
-}
-
-function isImageMessage(item) {
-  const raw = item?.raw || item || {}
-  const options = getMessageOptions(item)
-  const reqAndResType = String(raw.reqAndResType || '')
-  const msgType = String(raw.msgType || '')
-  const fromFlag = String(raw.fromFlag || '')
-  const isProtocolImage =
-    (reqAndResType === '2' && fromFlag === '1' && msgType !== '01') ||
-    (reqAndResType === '08' && msgType === '02')
-  const isTextAnswer = Boolean(raw.msgText) && (msgType === '01' || fromFlag !== '1') && !isProtocolImage
-
-  return !isTextAnswer && (
-    item?.message?.[0]?.type === 'image' ||
-    isProtocolImage ||
-    Boolean((item?.imageUrl || item?.imageKey || options.imageUrl || options.imageKey || raw.imgUrl || raw.imgKey || raw.fileKey) && !raw.msgText)
-  )
-}
-
-function getItemImage(item) {
-  const raw = item?.raw || item || {}
-  const options = getMessageOptions(item)
-  const reqAndResType = String(raw.reqAndResType || '')
-  const msgType = String(raw.msgType || '')
-  const fromFlag = String(raw.fromFlag || '')
-  const imageMessage =
-    (reqAndResType === '2' && fromFlag === '1' && msgType !== '01') ||
-    (reqAndResType === '08' && msgType === '02')
-  const directImage = [item?.imageUrl, options.imageUrl, raw.imgUrl]
-    .map((value) => String(value || ''))
-    .find((value) => /^(data:|blob:|https?:\/\/)/i.test(value))
-
-  return String(
-    directImage ||
-    item?.imageKey ||
-    options.imageKey ||
-    raw.imgKey ||
-    raw.fileKey ||
-    item?.imageUrl ||
-    options.imageUrl ||
-    raw.imgUrl ||
-    (imageMessage ? raw.msgText : '') ||
-    '',
-  )
-}
-
-function getItemText(item) {
-  if (isImageMessage(item)) return ''
-  return String(getMessageOptions(item).label || '').replace(/\\n/g, '\n')
-}
-
-function isImageUploading(item) {
-  return isImageMessage(item) && item?.uploadStatus === 'uploading'
-}
-
-function isImageFailed(item) {
-  return isImageMessage(item) && item?.uploadStatus === 'failed'
-}
-
-function getItemHtml(item) {
-  const content = getItemText(item)
-  if (!content) return ''
-
-  // liics renders msgText as sanitized HTML and converts escaped newlines to
-  // line breaks. Keep the same behavior for msgType=01 and rich msgType=02.
-  return xss(content.replace(/\\"/g, '"').replace(/\n/g, '<br/>'))
-}
-
-async function previewImage(item) {
-  if (isImageUploading(item) || isImageFailed(item)) return
-
-  const imageKey = getItemImage(item)
-  if (!imageKey) return
-
-  const imageUrl = await imageService.getImageByKey(imageKey)
-  if (typeof imageUrl === 'string' && imageUrl) showImagePreview([imageUrl])
-}
-
-const showTyping = computed(
-  () =>
-    isChatLoading.value &&
-    store.chatArr.length > 0 &&
-    store.chatArr[store.chatArr.length - 1].type === 'user',
-)
-
-function sendText(text) {
-  if (!text) return
-  store?.pushUserMessage?.(text)
-  messageSend(text).catch((err) => {
-    console.log(err)
-    store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
-  })
-}
-
-function handleAskClick(item) {
-  sendText(item)
-}
-
-// 更新未读状态
-function updateReadStatus(datalist) {
-  if (isLostMessage.value != 1) {
-    // 是不是当通会话
-    return
-  }
-
-  if (datalist && datalist.length > 0) {
-    const readedStatus = []
-    datalist.forEach((item) => {
-      if (item.chatId) {
-        if (sessionId.value == item.sessionId && item.fromFlag == 2) {
-          readedStatus.push(item.chatId)
-        }
-      }
-    })
-
-    // 提交到后台
-    store
-      ?.updateReadStatus?.(readedStatus)
-      ?.then(() => {
-        console.log('更新成功', readedStatus)
-      })
-      ?.catch((err) => {
-        console.log(err)
-      })
-  }
-}
-
-function scrollMainTo(top) {
-  const el = mainContainerRef.value
-  if (!el) return
-  el.scrollTop = top
-}
-function getHeaderUrl(context, payload) {
-  let params = {
-    "source": store.source
-  }
-
-  return new Promise((resolve, reject) => {
-    Post(
-      "config/avatar",
-      params
-    ).then(res => {
-      resolve(res.data);
-      console.log("获取头像URL==", res)
-      if (res.code && res.code != 0) {
-        // Toast(res.msg);
-        reject(res.msg)
-        return;
-      }
-
-      //本地环境显示图片
-      // if (window.location.href.indexOf('localhost') != -1) {
-      //     res.data = res.data.replaceAll('../', `//ssp-dev.cpic.com.cn/`)
-      // }
-
-      store.setHeaderAvatar(JSON.parse(res.data));
-      resolve(res.data);
-    })
-      .catch(error => {
-        reject(error)
-      });
-  });
-}
-const getChatHistory = async () => {
-  const params = {
-    page: pageNum.value,
-    pageSize: pageSize.value,
-    sessionId: sessionId.value || store?.sessionId,
-    userId: userId.value || store?.userId,
-  }
-  historyLoading.value = true
-
-  Post('history/chatInfo', params)
-    .then((response) => {
-      historyLoading.value = false
-      if (response.code && response.code != 0) {
-        showToast(response.msg)
-        return
-      }
-
-      // 成功返回
-      if (response.data?.list?.length > 0) {
-        const dataList = response.data.list
-
-        pageNum.value++
-
-        // 不满一页,说明已经无更多消息
-        if (dataList.length < pageSize.value) {
-          nolist.value = true
-          nolistTxt.value = '没有更多数据了'
-        }
-
-        // 生成 VIEW_ID,大写,避免污染源数据
-        dataList.forEach((val) => {
-          val.VIEW_ID = 'msg' + val.timestamp
-        })
-
-        // 获取当前最顶部的 VIEW_ID（注意写在 concat 前面）
-        let topMsg = historylist.value[0]
-
-        // 处理隐藏的数据
-        if (topMsg && !topMsg.msgText) {
-          topMsg = historylist.value[1]
-          if (topMsg && !topMsg.msgText) {
-            topMsg = historylist.value[2]
-          }
-        }
-
-        // 设置列表数据（历史消息也走同一套字段归一，保证 msgType=01 卡片能显示）
-        const normalizedList = store.normalizeHistoryMessages
-          ? store.normalizeHistoryMessages(dataList)
-          : dataList
-        historylist.value = normalizedList.concat(historylist.value)
-        _.map(historylist.value, (item) => {
-          // 历史记录不展示数据互联
-          if (SJHLCmdList.includes(item.cmd) && !_.isEmpty(item.VIEW_ID)) {
-            item.msgText = ''
-          }
-          // 历史问句去掉 & 符号
-          if (item.fromFlag === 1 && item.msgText && item.msgText.indexOf('&') !== -1) {
-            item.msgText = item.msgText.replace(/&/g, '')
-          }
-        })
-
-        // 更新未读状态
-        updateReadStatus(dataList)
-
-        nextTick(() => {
-          if (pageNum.value <= 2) {
-            if (isLostMessage.value === 3) {
-              showToast('您有新消息未读，请及时查看历史消息')
-            }
-            setTimeout(() => {
-              scrollMainTo(99999)
-            }, 150)
-          } else if (topMsg) {
-            const view = document.querySelector('#' + topMsg.VIEW_ID)
-            console.log(topMsg.VIEW_ID + ' 节点离页面顶部的距离=' + view?.offsetTop)
-
-            setTimeout(() => {
-              if (view) scrollMainTo(view.offsetTop - 20)
-            }, 150)
-          }
-        })
-      } else {
-        nolist.value = true
-        nolistTxt.value = pageNum.value === 1 ? '当前还没有您的聊天记录' : '没有更多数据了'
-      }
-    })
-    .catch(() => {
-      historyLoading.value = false
-      pageNum.value--
-      nolist.value = true
-    })
-}
-onMounted(async () => {
-  await nextTick()
-  if (mainContainerRef.value) {
-    store?.setMescrollContent?.(mainContainerRef.value)
-  }
-  getHeaderUrl()
-  getChatHistory()
-})
-watch(
-  chatArr,
-  () => {
-    nextTick(() => {
-      const container = mainContainerRef.value
-      if (container) container.scrollTop = container.scrollHeight
-    })
-  },
-  { deep: true },
-)
-</script>
-
-<template>
-  <div class="chat-new">
-    <div class="main-container" ref="mainContainerRef">
-      <div class="history-loading" v-if="historyLoading">
-        <van-loading type="spinner" size="18rem" />
-      </div>
-      <div class="historicRecords" v-if="historylist.length > 0">
-        <chatContent :historylist="historylist" :isWX="isWX" :tokenExist="tokenExist" :isHistory="true"
-          :lostChatInfoNum="lostChatInfoNum" />
-      </div>
-      <div class="this-news-box opacity" v-if="historylist.length > 0">
-        <div class="this-news-tips">以下是本次消息</div>
-      </div>
-      <welcomes />
-      <abstract />
-      <hotQuestionNew />
-      <chatContent :historylist="chatArr" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" />
-    </div>
-    <div class="chat-footer">
-      <footer-bar v-if="tokenExist" :tokenExist="tokenExist" />
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-@import '@/assets/style/common.css';
-.chat-new {
-  width: 100vw;
-  height: 100vh;
-  background-color: #ebf1ff;
-  background-image: url(@/assets/images/chat/chat-bg.png);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  background-position: center center;
-  display: flex;
-  flex-direction: column;
-  padding: 12rem;
-
-  .chat-footer {
-    flex-shrink: 0;
-    margin: 12rem -12rem -12rem;
-    background: #ffffff;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-  }
-
-  .main-container {
-    flex: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-
-    .history-loading {
-      display: flex;
-      justify-content: center;
-    }
-
-    .message-con {
-      display: flex;
-      flex-direction: column;
-      gap: 12rem;
-      margin-top: 16rem;
-
-      .msg-item {
-        display: flex;
-
-        .bubble {
-          max-width: 80%;
-          padding: 10rem 14rem;
-          font-family: PingFang SC;
-          font-size: 14rem;
-          font-weight: normal;
-          line-height: 20rem;
-          letter-spacing: 0rem;
-          color: #17204d;
-          word-break: break-all;
-
-          .message-text {
-            white-space: normal;
-
-            :deep(p) {
-              margin: 0;
-            }
-          }
-
-          &.image-bubble {
-            // width: 130rem;
-            // height: 130rem;
-            min-width: 30rem;
-            min-height: 30rem;
-            max-width: 130rem;
-            max-height: 130rem;
-            position: relative;
-            background: #f5f5f5;
-            padding: 0;
-            overflow: hidden;
-
-            .message-image {
-              display: block;
-              width: 100%;
-              height: 100%;
-              min-width: 30rem;
-              min-height: 30rem;
-              border-radius: inherit;
-            }
-
-            .upload-loading-icon {
-              position: absolute;
-              inset: 0;
-              z-index: 1;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              color: #ffffff;
-              background: rgba(50, 50, 51, 0.88);
-              border-radius: inherit;
-            }
-
-            .upload-failed-icon {
-              font-size: 22rem;
-            }
-          }
-
-          .message-image {
-            width: 100%;
-            height: 100%;
-          }
-        }
-      }
-
-      .from-user {
-        justify-content: flex-end;
-
-        .bubble {
-          background: linear-gradient(266deg, #025cea 0%, #3f8cf8 100%);
-          color: #ffffff;
-          border-radius: 12rem 12rem 4rem 12rem;
-
-          &.image-bubble {
-            border-radius: 16rem;
-          }
-        }
-      }
-
-      .from-bot {
-        justify-content: flex-start;
-
-        .bubble {
-          background: #fcfdfd;
-          box-shadow: 0rem 4rem 10rem 0rem #e7effd;
-          border-radius: 12rem 12rem 12rem 4rem;
-
-          &.image-bubble {
-            border-radius: 16rem 16rem 16rem 2rem;
-          }
-        }
-      }
-
-      .typing {
-        display: flex;
-        align-items: center;
-        gap: 5rem;
-
-        span {
-          width: 6rem;
-          height: 6rem;
-          border-radius: 50%;
-          background: #7e849f;
-          animation: typing-blink 1s infinite;
-
-          &:nth-child(2) {
-            animation-delay: 0.2s;
-          }
-
-          &:nth-child(3) {
-            animation-delay: 0.4s;
-          }
-        }
-      }
-
-      @keyframes typing-blink {
-
-        0%,
-        80%,
-        100% {
-          opacity: 0.2;
-        }
-
-        40% {
-          opacity: 1;
-        }
-      }
-    }
-  }
-}
-</style>
+<script setup>
+import { ref, computed, inject, watch, nextTick, onMounted, onActivated, onDeactivated } from 'vue'
+import { onBeforeRouteLeave } from 'vue-router'
+import { showToast } from 'vant'
+import _ from 'lodash'
+import { showImagePreview } from 'vant'
+import xss from 'xss'
+import footerBar from '@/components/footer-bar.vue'
+import hotQuestionNew from '@/components/hot-question-new.vue'
+import welcomes from '@/components/welcomes.vue'
+import abstract from '@/components/abstract.vue'
+import chatContent from '@/components/chat-content.vue'
+import DynamicImage from '@/components/common/DynamicImage.vue'
+import bussinessHandle from '@/components/business-handle.vue'
+import imageService from '@/utils/imageService'
+import { messageSend } from '@/utils/api'
+import { Post } from '@/utils/https'
+import { SJHLCmdList } from '@/utils/constant'
+
+defineOptions({
+  name: 'chat-new',
+})
+const { isWX, tokenExist, lostChatInfoNum } = defineProps({
+  isWX: {
+    type: Boolean,
+    default: false,
+  },
+  tokenExist: {
+    type: Boolean,
+    default: false,
+  },
+  lostChatInfoNum: {
+    type: Number,
+    default: 0,
+  },
+})
+const store = inject('appStore', null)
+const chatArr = inject('chatArr', ref([]))
+const isChatLoading = inject('isChatLoading', ref(false))
+const sessionId = inject('sessionId', ref(''))
+const userId = inject('userId', ref(''))
+const isLostMessage = inject('isLostMessage', ref(null))
+const mainContainerRef = ref(null)
+
+// 参考 liics/chat-main 的 tokenExist：token 获取成功后才渲染聊天主内容
+
+const historylist = ref([])
+const historyLoading = ref(false)
+const historyReady = ref(false)
+const introReadyCount = ref(0)
+const businessHandleRef = ref(null)
+const businessClick = () => {
+  businessHandleRef.value.swiperClick()
+  console.log('businessHandleRef');
+}
+const scrollMainToBottom = async () => {
+  // 返回恢复滚动中时，避免欢迎区/摘要 ready 再次强制滚到底部
+  if (isRestoringScroll.value || shouldRestoreScroll.value) return
+  await nextTick()
+  const el = mainContainerRef.value
+  if (!el) return
+  el.scrollTop = el.scrollHeight
+}
+
+const onIntroReady = async () => {
+  introReadyCount.value += 1
+  if (introReadyCount.value < 2) return
+  await scrollMainToBottom()
+  // 内容渲染（尤其 abstract 列表）可能晚一帧，再补一次
+  setTimeout(() => {
+    scrollMainToBottom()
+  }, 150)
+}
+const pageNum = ref(1)
+const pageSize = ref(10)
+const nolist = ref(false)
+const nolistTxt = ref('没有更多数据了')
+function getMessageOptions(item) {
+  return item?.message?.[0]?.options || {}
+}
+
+function isImageMessage(item) {
+  const raw = item?.raw || item || {}
+  const options = getMessageOptions(item)
+  const reqAndResType = String(raw.reqAndResType || '')
+  const msgType = String(raw.msgType || '')
+  const fromFlag = String(raw.fromFlag || '')
+  const isProtocolImage =
+    (reqAndResType === '2' && fromFlag === '1' && msgType !== '01') ||
+    (reqAndResType === '08' && msgType === '02')
+  const isTextAnswer = Boolean(raw.msgText) && (msgType === '01' || fromFlag !== '1') && !isProtocolImage
+
+  return !isTextAnswer && (
+    item?.message?.[0]?.type === 'image' ||
+    isProtocolImage ||
+    Boolean((item?.imageUrl || item?.imageKey || options.imageUrl || options.imageKey || raw.imgUrl || raw.imgKey || raw.fileKey) && !raw.msgText)
+  )
+}
+
+function getItemImage(item) {
+  const raw = item?.raw || item || {}
+  const options = getMessageOptions(item)
+  const reqAndResType = String(raw.reqAndResType || '')
+  const msgType = String(raw.msgType || '')
+  const fromFlag = String(raw.fromFlag || '')
+  const imageMessage =
+    (reqAndResType === '2' && fromFlag === '1' && msgType !== '01') ||
+    (reqAndResType === '08' && msgType === '02')
+  const directImage = [item?.imageUrl, options.imageUrl, raw.imgUrl]
+    .map((value) => String(value || ''))
+    .find((value) => /^(data:|blob:|https?:\/\/)/i.test(value))
+
+  return String(
+    directImage ||
+    item?.imageKey ||
+    options.imageKey ||
+    raw.imgKey ||
+    raw.fileKey ||
+    item?.imageUrl ||
+    options.imageUrl ||
+    raw.imgUrl ||
+    (imageMessage ? raw.msgText : '') ||
+    '',
+  )
+}
+
+function getItemText(item) {
+  if (isImageMessage(item)) return ''
+  return String(getMessageOptions(item).label || '').replace(/\\n/g, '\n')
+}
+
+function isImageUploading(item) {
+  return isImageMessage(item) && item?.uploadStatus === 'uploading'
+}
+
+function isImageFailed(item) {
+  return isImageMessage(item) && item?.uploadStatus === 'failed'
+}
+
+function getItemHtml(item) {
+  const content = getItemText(item)
+  if (!content) return ''
+
+  // liics renders msgText as sanitized HTML and converts escaped newlines to
+  // line breaks. Keep the same behavior for msgType=01 and rich msgType=02.
+  return xss(content.replace(/\\"/g, '"').replace(/\n/g, '<br/>'))
+}
+
+async function previewImage(item) {
+  if (isImageUploading(item) || isImageFailed(item)) return
+
+  const imageKey = getItemImage(item)
+  if (!imageKey) return
+
+  const imageUrl = await imageService.getImageByKey(imageKey)
+  if (typeof imageUrl === 'string' && imageUrl) showImagePreview([imageUrl])
+}
+
+const showTyping = computed(
+  () =>
+    isChatLoading.value &&
+    store.chatArr.length > 0 &&
+    store.chatArr[store.chatArr.length - 1].type === 'user',
+)
+
+function sendText(text) {
+  if (!text) return
+  store?.pushUserMessage?.(text)
+  messageSend(text).catch((err) => {
+    console.log(err)
+    store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
+  })
+}
+
+function handleAskClick(item) {
+  sendText(item)
+}
+
+// 更新未读状态
+function updateReadStatus(datalist) {
+  if (isLostMessage.value != 1) {
+    // 是不是当通会话
+    return
+  }
+
+  if (datalist && datalist.length > 0) {
+    const readedStatus = []
+    datalist.forEach((item) => {
+      if (item.chatId) {
+        if (sessionId.value == item.sessionId && item.fromFlag == 2) {
+          readedStatus.push(item.chatId)
+        }
+      }
+    })
+
+    // 提交到后台
+    store
+      ?.updateReadStatus?.(readedStatus)
+      ?.then(() => {
+        console.log('更新成功', readedStatus)
+      })
+      ?.catch((err) => {
+        console.log(err)
+      })
+  }
+}
+
+const CHAT_SCROLL_KEY = 'yykf_chat_main_scroll_top'
+// 模块级缓存：避免 keep-alive 隐藏 DOM 后 scrollTop 被置 0 覆盖掉真实位置
+let memoryScrollTop = 0
+
+function getMainEl() {
+  return mainContainerRef.value || store?.mescrollContent || null
+}
+
+function scrollMainTo(top) {
+  const el = getMainEl()
+  if (!el) return false
+  const value = Math.max(0, Number(top) || 0)
+  el.scrollTop = value
+  return Math.abs((el.scrollTop || 0) - value) < 2 || value === 0
+}
+
+const savedScrollTop = ref(0)
+const shouldRestoreScroll = ref(false)
+const isRestoringScroll = ref(false)
+
+function readPersistedScrollTop() {
+  if (memoryScrollTop > 0) return memoryScrollTop
+  if (savedScrollTop.value > 0) return savedScrollTop.value
+  try {
+    const raw = sessionStorage.getItem(CHAT_SCROLL_KEY)
+    if (raw == null || raw === '') return null
+    const top = Number(raw)
+    return Number.isFinite(top) ? top : null
+  } catch (e) {
+    return null
+  }
+}
+
+function persistScrollTop(top, { allowZero = false } = {}) {
+  const value = Math.max(0, Number(top) || 0)
+  // display:none 后常被读成 0，禁止用 0 覆盖已记录的有效位置
+  if (!allowZero && value <= 0 && (memoryScrollTop > 0 || savedScrollTop.value > 0)) {
+    return memoryScrollTop || savedScrollTop.value
+  }
+  memoryScrollTop = value
+  savedScrollTop.value = value
+  try {
+    sessionStorage.setItem(CHAT_SCROLL_KEY, String(value))
+  } catch (e) {}
+  return value
+}
+
+function saveScrollPosition(markRestore = true) {
+  const el = getMainEl()
+  // 优先用离开前仍可见时的 scrollTop；读到 0 时保留 memory 中的旧值
+  if (el) persistScrollTop(el.scrollTop)
+  if (markRestore) shouldRestoreScroll.value = true
+}
+
+function restoreScrollPosition(forceTop) {
+  const top = forceTop != null ? forceTop : (readPersistedScrollTop() ?? 0)
+  console.log('[chat-scroll] restore to', top, {
+    memoryScrollTop,
+    saved: savedScrollTop.value,
+    el: !!getMainEl(),
+  })
+  shouldRestoreScroll.value = true
+  isRestoringScroll.value = true
+  const apply = () => {
+    const el = getMainEl()
+    if (!el) return false
+    // 内容高度不够时先撑不住，稍后重试
+    if (top > 0 && el.scrollHeight <= el.clientHeight + 2) return false
+    el.scrollTop = top
+    return true
+  }
+  nextTick(() => {
+    apply()
+    requestAnimationFrame(apply)
+    const delays = [16, 50, 100, 200, 350, 500, 800]
+    delays.forEach((delay) => setTimeout(apply, delay))
+    setTimeout(() => {
+      apply()
+      isRestoringScroll.value = false
+      shouldRestoreScroll.value = false
+    }, 850)
+  })
+}
+
+function onMainScroll(event) {
+  if (isRestoringScroll.value) return
+  const top = event?.target?.scrollTop
+  if (top == null) return
+  persistScrollTop(top, { allowZero: true })
+}
+
+onBeforeRouteLeave(() => {
+  // 此时 DOM 仍可见，最适合记录真实滚动位置
+  saveScrollPosition(true)
+})
+
+onDeactivated(() => {
+  // 只标记需要恢复，不再用可能已被置 0 的 scrollTop 覆盖
+  shouldRestoreScroll.value = true
+  const el = getMainEl()
+  if (el && el.scrollTop > 0) persistScrollTop(el.scrollTop)
+})
+
+onActivated(() => {
+  const top = readPersistedScrollTop()
+  console.log('[chat-scroll] onActivated', { top, shouldRestoreScroll: shouldRestoreScroll.value })
+  if (!shouldRestoreScroll.value && (top == null || top <= 0)) return
+  restoreScrollPosition(top)
+})
+function getHeaderUrl(context, payload) {
+  let params = {
+    "source": store.source
+  }
+
+  return new Promise((resolve, reject) => {
+    Post(
+      "config/avatar",
+      params
+    ).then(res => {
+      resolve(res.data);
+      console.log("获取头像URL==", res)
+      if (res.code && res.code != 0) {
+        // Toast(res.msg);
+        reject(res.msg)
+        return;
+      }
+
+      //本地环境显示图片
+      // if (window.location.href.indexOf('localhost') != -1) {
+      //     res.data = res.data.replaceAll('../', `//ssp-dev.cpic.com.cn/`)
+      // }
+
+      store.setHeaderAvatar(JSON.parse(res.data));
+      resolve(res.data);
+    })
+      .catch(error => {
+        reject(error)
+      });
+  });
+}
+const getChatHistory = async () => {
+  const params = {
+    page: pageNum.value,
+    pageSize: pageSize.value,
+    sessionId: sessionId.value || store?.sessionId,
+    userId: userId.value || store?.userId,
+  }
+  historyLoading.value = true
+  if (pageNum.value === 1) {
+    historyReady.value = false
+    introReadyCount.value = 0
+  }
+
+  Post('history/chatInfo', params)
+    .then((response) => {
+      historyLoading.value = false
+      historyReady.value = true
+      if (response.code && response.code != 0) {
+        showToast(response.msg)
+        return
+      }
+
+      // 成功返回
+      if (response.data?.list?.length > 0) {
+        const dataList = response.data.list
+
+        pageNum.value++
+
+        // 不满一页,说明已经无更多消息
+        if (dataList.length < pageSize.value) {
+          nolist.value = true
+          nolistTxt.value = '没有更多数据了'
+        }
+
+        // 生成 VIEW_ID,大写,避免污染源数据
+        dataList.forEach((val) => {
+          val.VIEW_ID = 'msg' + val.timestamp
+        })
+
+        // 获取当前最顶部的 VIEW_ID（注意写在 concat 前面）
+        let topMsg = historylist.value[0]
+
+        // 处理隐藏的数据
+        if (topMsg && !topMsg.msgText) {
+          topMsg = historylist.value[1]
+          if (topMsg && !topMsg.msgText) {
+            topMsg = historylist.value[2]
+          }
+        }
+
+        // 设置列表数据（历史消息也走同一套字段归一，保证 msgType=01 卡片能显示）
+        const normalizedList = store.normalizeHistoryMessages
+          ? store.normalizeHistoryMessages(dataList)
+          : dataList
+        historylist.value = normalizedList.concat(historylist.value)
+        _.map(historylist.value, (item) => {
+          // 历史记录不展示数据互联
+          if (SJHLCmdList.includes(item.cmd) && !_.isEmpty(item.VIEW_ID)) {
+            item.msgText = ''
+          }
+          // 历史问句去掉 & 符号
+          if (item.fromFlag === 1 && item.msgText && item.msgText.indexOf('&') !== -1) {
+            item.msgText = item.msgText.replace(/&/g, '')
+          }
+        })
+
+        // 更新未读状态
+        updateReadStatus(dataList)
+
+        nextTick(() => {
+          if (pageNum.value <= 2) {
+            if (isLostMessage.value === 3) {
+              showToast('您有新消息未读，请及时查看历史消息')
+            }
+            setTimeout(() => {
+              scrollMainTo(99999)
+            }, 150)
+          } else if (topMsg) {
+            const view = document.querySelector('#' + topMsg.VIEW_ID)
+            console.log(topMsg.VIEW_ID + ' 节点离页面顶部的距离=' + view?.offsetTop)
+
+            setTimeout(() => {
+              if (view) scrollMainTo(view.offsetTop - 20)
+            }, 150)
+          }
+        })
+      } else {
+        nolist.value = true
+        nolistTxt.value = pageNum.value === 1 ? '当前还没有您的聊天记录' : '没有更多数据了'
+      }
+    })
+    .catch(() => {
+      historyLoading.value = false
+      historyReady.value = true
+      pageNum.value--
+      nolist.value = true
+    })
+}
+onMounted(async () => {
+  getHeaderUrl()
+  getChatHistory()
+  await nextTick()
+  if (mainContainerRef.value) {
+    store?.setMescrollContent?.(mainContainerRef.value)
+  }
+  const persisted = readPersistedScrollTop()
+  if (persisted != null && persisted > 0) {
+    shouldRestoreScroll.value = true
+    restoreScrollPosition()
+  }
+})
+watch(
+  chatArr,
+  () => {
+    // 从其他路由返回、正在恢复滚动位置时，不要强制滚到底部
+    if (isRestoringScroll.value || shouldRestoreScroll.value) return
+    nextTick(() => {
+      const container = getMainEl()
+      if (container) container.scrollTop = container.scrollHeight
+    })
+  },
+  { deep: true },
+)
+</script>
+
+<template>
+  <div class="chat-new">
+    <div class="main-container" ref="mainContainerRef" @scroll.passive="onMainScroll">
+      <div class="history-loading" v-if="historyLoading">
+        <van-loading type="spinner" size="18rem" />
+      </div>
+      <div class="historicRecords" v-if="historylist.length > 0">
+        <chatContent
+          :historylist="historylist"
+          :isWX="isWX"
+          :tokenExist="tokenExist"
+          :isHistory="true"
+          :lostChatInfoNum="lostChatInfoNum"
+        />
+      </div>
+      <div class="this-news-box opacity" v-if="historylist.length > 0">
+        <div class="this-news-tips">以下是本次消息</div>
+      </div>
+      <template v-if="historyReady">
+        <welcomes @ready="onIntroReady" />
+        <abstract @ready="onIntroReady" @businessClick="businessClick" />
+        <hotQuestionNew @ready="onIntroReady" />
+      </template>
+      <chatContent
+        :historylist="chatArr"
+        :isWX="isWX"
+        :tokenExist="tokenExist"
+        :lostChatInfoNum="lostChatInfoNum"
+      />
+    </div>
+    <div class="chat-footer">
+      <footer-bar v-if="tokenExist" :tokenExist="tokenExist" />
+    </div>
+    <bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" />
+  </div>
+</template>
+<style lang="scss" scoped>
+@import '@/assets/style/common.css';
+.chat-new {
+  width: 100vw;
+  height: 100vh;
+  background-color: #ebf1ff;
+  background-image: url(@/assets/images/chat/chat-bg.png);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-position: center center;
+  display: flex;
+  flex-direction: column;
+  padding: 12rem;
+
+  .chat-footer {
+    flex-shrink: 0;
+    margin: 12rem -12rem -12rem;
+    background: #ffffff;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+
+  .main-container {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    .history-loading {
+      display: flex;
+      justify-content: center;
+    }
+
+    .message-con {
+      display: flex;
+      flex-direction: column;
+      gap: 12rem;
+      margin-top: 16rem;
+
+      .msg-item {
+        display: flex;
+
+        .bubble {
+          max-width: 80%;
+          padding: 10rem 14rem;
+          font-family: PingFang SC;
+          font-size: 14rem;
+          font-weight: normal;
+          line-height: 20rem;
+          letter-spacing: 0rem;
+          color: #17204d;
+          word-break: break-all;
+
+          .message-text {
+            white-space: normal;
+
+            :deep(p) {
+              margin: 0;
+            }
+          }
+
+          &.image-bubble {
+            // width: 130rem;
+            // height: 130rem;
+            min-width: 30rem;
+            min-height: 30rem;
+            max-width: 130rem;
+            max-height: 130rem;
+            position: relative;
+            background: #f5f5f5;
+            padding: 0;
+            overflow: hidden;
+
+            .message-image {
+              display: block;
+              width: 100%;
+              height: 100%;
+              min-width: 30rem;
+              min-height: 30rem;
+              border-radius: inherit;
+            }
+
+            .upload-loading-icon {
+              position: absolute;
+              inset: 0;
+              z-index: 1;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #ffffff;
+              background: rgba(50, 50, 51, 0.88);
+              border-radius: inherit;
+            }
+
+            .upload-failed-icon {
+              font-size: 22rem;
+            }
+          }
+
+          .message-image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+
+      .from-user {
+        justify-content: flex-end;
+
+        .bubble {
+          background: linear-gradient(266deg, #025cea 0%, #3f8cf8 100%);
+          color: #ffffff;
+          border-radius: 12rem 12rem 4rem 12rem;
+
+          &.image-bubble {
+            border-radius: 16rem;
+          }
+        }
+      }
+
+      .from-bot {
+        justify-content: flex-start;
+
+        .bubble {
+          background: #fcfdfd;
+          box-shadow: 0rem 4rem 10rem 0rem #e7effd;
+          border-radius: 12rem 12rem 12rem 4rem;
+
+          &.image-bubble {
+            border-radius: 16rem 16rem 16rem 2rem;
+          }
+        }
+      }
+
+      .typing {
+        display: flex;
+        align-items: center;
+        gap: 5rem;
+
+        span {
+          width: 6rem;
+          height: 6rem;
+          border-radius: 50%;
+          background: #7e849f;
+          animation: typing-blink 1s infinite;
+
+          &:nth-child(2) {
+            animation-delay: 0.2s;
+          }
+
+          &:nth-child(3) {
+            animation-delay: 0.4s;
+          }
+        }
+      }
+
+      @keyframes typing-blink {
+        0%,
+        80%,
+        100% {
+          opacity: 0.2;
+        }
+
+        40% {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/hot-question-new.vue b/src/components/hot-question-new.vue
index 4b78e93..409d27f 100644
--- a/src/components/hot-question-new.vue
+++ b/src/components/hot-question-new.vue
@@ -14,7 +14,7 @@ const initHotQuestion = async () => {
     sceneId: store.userInfo.sceneId || "",
   };
 
-  Post("config/activity", param)
+  return Post("config/activity", param)
     .then((res) => {
       if (res.code && res.code != 0) {
         showToast(res.msg);
@@ -72,8 +72,13 @@ const handleAskClick = (record) => {
       isItemsubmit.value = true
     })
 }
+const emit = defineEmits(['ready'])
 onMounted(async () => {
-  await initHotQuestion()
+  try {
+    await initHotQuestion()
+  } finally {
+    emit('ready')
+  }
 })
 </script>
 <template>
@@ -95,7 +100,7 @@ onMounted(async () => {
   display: flex;
   flex-direction: column;
   gap: 10rem;
-  margin-top: 16rem;
+  margin-bottom: 16rem;
   position: relative;
   z-index: 1;
   
diff --git a/src/components/text-content.vue b/src/components/text-content.vue
index 5945b99..353d45b 100644
--- a/src/components/text-content.vue
+++ b/src/components/text-content.vue
@@ -1,457 +1,457 @@
-<template>
-  <div class="text-template-box" v-if="introduce">
-    <div
-      class="question-answer-con"
-      v-if="introduce"
-      ref="desc"
-      :class="showTotal || heightMax == 'autoHeight' ? 'total-introduce' : 'detailed-introduce'"
-    >
-      <p
-        :class="{ connectionArtificial: disabled }"
-        v-html="replacementRagEmoticon(introduce)"
-        :data-qaid="itemlist && itemlist.qaId ? itemlist.qaId : ''"
-      ></p>
-    </div>
-    <div class="content-question-answer" v-if="intents && intents.length > 0">
-      <button
-        class="answer-items"
-        v-for="(items, index) in intents"
-        :key="index"
-        :disabled="disabled ? true : false"
-        @click.stop="richCallAnswer(items)"
-      >
-        {{ items.intent }}
-      </button>
-    </div>
-    <div
-      class="unfold-box"
-      :class="exchangeButton ? 'unfold-bg' : 'unfold-style'"
-      v-if="(!intents || intents.length == 0) && showExchangeButton"
-    >
-      <a href="javascript:;" @click="showTotalIntro"
-        >{{ exchangeButton ? '展开' : '收起'
-        }}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em
-      ></a>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, inject, onMounted, nextTick } from 'vue'
-import { showToast, showLoadingToast, closeToast } from 'vant'
-import faceJSON from '@/mock/face.json'
-import utils from '@/utils/utils'
-import wx from 'weixin-js-sdk'
-
-const props = defineProps({
-  introduce: { type: String, default: '' },
-  intents: { type: Array, default: () => [] },
-  disabled: { type: Boolean, default: false },
-  heightMax: { type: String, default: '' },
-  itemlist: { type: Object, default: () => ({}) },
-})
-
-const store = inject('appStore', null)
-const userId = inject('userId', ref(''))
-const userInfo = inject('userInfo', ref({}))
-const mescrollContent = inject('mescrollContent', ref(null))
-const manualService = inject('manualService', ref('1'))
-const sendLoading = inject('sendLoading', ref(false))
-
-const publicPath = import.meta.env.BASE_URL
-const showTotal = ref(true)
-const exchangeButton = ref(true)
-const showExchangeButton = ref(false)
-const expressionProcessing = ref({})
-const bigExpressionProcessing = ref({})
-const isBtnsubmit = ref(true)
-const desc = ref(null)
-
-onMounted(() => {
-  processedEmoji()
-  descHeightChange()
-  nextTick(() => {
-    initGlobalCallbacks()
-  })
-})
-
-function initGlobalCallbacks() {
-  try {
-    window.getLink = (item) => {
-      utils.AppToHttpHtml(item)
-    }
-    window.jumpOpenLink = (item) => {
-      utils.AppToHttpHtml(item)
-    }
-
-    window.jumpOpenWeb = (type, url, urlType) => {
-      let params = {}
-      if (type === 'YY_0000') {
-        params = {
-          idnum: '1',
-          ownerId: userInfo.value?.encryptPid,
-          openid: userInfo.value?.sourceUserId,
-        }
-        const completeURL = handleURL(url, params)
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: { url: completeURL, userId: userId.value },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.openWxPage(url, params)
-              } else {
-                utils.openWxPage(url, { accessTicket: res.data })
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_ydbq') {
-        params = {
-          mobile: userInfo.value?.phone,
-          pid: userInfo.value?.encryptPid,
-          openid: userInfo.value?.sourceUserId,
-        }
-        const completeURL = handleURL(url, params)
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: { url: completeURL, userId: userId.value },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.openWxPage(url, params)
-              } else {
-                utils.openWxPage(url, { accessTicket: res.data })
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_APP_H5') {
-        utils.AppOpenH5(url, { mobile: userInfo.value?.phone, pid: userInfo.value?.encryptPid })
-      } else if (type === 'ydbq_2') {
-        utils.openSpecPage({ url, generateType: type, userId: userId.value })
-      } else if (type === 'YY_CMD') {
-        const newUrl =
-          url +
-          `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: { url: newUrl, userId: userId.value, isCmd: '1' },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.AppToHttpHtml(newUrl)
-              } else {
-                utils.AppToHttpHtml(url + `&accessTicket=${res.data}`)
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_hfhz') {
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/xdhfCreateToken',
-            data: { certNum: '1', systemSource: 'yykf', userId: userId.value },
-          })
-          .then((res) => {
-            const entryptedId = userInfo.value?.versionHFHZ
-            utils.openWxPage(url, {
-              sessionToken: res.data,
-              holderId: encodeURI(entryptedId),
-              holderType: 'a',
-              hzhfSystemSource: '0803',
-              ishwFlag: '1',
-              isqshzFlag: '1',
-            })
-          })
-      } else if (type === 'YY_1v1') {
-        store
-          ?.dispatch?.('post', { url: 'thirdPartyAuth/getExclusiveServicesToken' })
-          .then((res) => {
-            if (res.code === 0 && res.data) {
-              utils.openWxPage(url, {
-                sour: 'yykf',
-                omoSource: userInfo.value?.source,
-                omoSourceName: encodeURIComponent(userInfo.value?.sourceName),
-                token: res.data,
-              })
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_yzsfx') {
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYzsUrl',
-            data: { userId: userId.value, bqType: url, urlType },
-          })
-          .then((res) => {
-            if (res.code === 0 && res.data) {
-              utils.openWxPage(res.data, '')
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_GWXCX') {
-        wx.miniProgram.navigateTo({ url: url })
-      } else if (type === 'YY_GWXCX_HOME') {
-        wx.miniProgram.reLaunch({ url: url })
-      }
-    }
-
-    window.openAppPage = (params) => {
-      if (params) {
-        params = params.replace(/\'/g, '"')
-        utils.AppToOutModules(params)
-      }
-    }
-    window.connectionArtificial = (event) => {
-      let isClick = false,
-        isclassName = false
-      if (event.parentElement && !event.parentElement.className) {
-        isclassName = false
-      } else {
-        isclassName = true
-      }
-      if (isclassName && event.parentElement) {
-        isClick = utils.hasClass(event.parentElement, 'connectionArtificial')
-      }
-      if (!isclassName || !isClick) {
-        connectionArtificial(event)
-      }
-    }
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-function handleURL(url, params) {
-  let flag = url.indexOf('?') != -1
-  let urlPar = ''
-  if (params) {
-    Object.getOwnPropertyNames(params).forEach((item, index) => {
-      if (index === 0 && !flag) {
-        urlPar += `?${item}=${params[item]}`
-      } else {
-        urlPar += `&${item}=${params[item]}`
-      }
-    })
-  }
-  return url + urlPar
-}
-
-function replacementRagEmoticon(str) {
-  str = str || ''
-  let res = str.replace(/\\n/gm, '<br/>')
-  return emojiToImage(res)
-}
-
-function processedEmoji() {
-  const tempExp = {}
-  const tempBigExp = {}
-  faceJSON.forEach((item) => {
-    item.faceList.forEach((items) => {
-      tempExp[`[${items.title}]`] = items.src
-    })
-    item.bigExpression.forEach((items) => {
-      tempBigExp[`[${items.title}]`] = items.src
-    })
-  })
-  expressionProcessing.value = tempExp
-  bigExpressionProcessing.value = tempBigExp
-}
-
-function emojiToImage(str) {
-  let srcImg = ''
-  let regex = /\[[^\]]+\]/g
-  srcImg = str.replace(regex, (item) => {
-    if (expressionProcessing.value[item]) {
-      return `<img src="${
-        publicPath + expressionProcessing.value[item]
-      }" alt="small-image" title="${item}" />`
-    } else if (bigExpressionProcessing.value[item]) {
-      return `<img src="${
-        publicPath + bigExpressionProcessing.value[item]
-      }" alt="big-image" title="${item}"/>`
-    }
-    return item
-  })
-  return srcImg
-}
-
-function showTotalIntro() {
-  showTotal.value = !showTotal.value
-  exchangeButton.value = !exchangeButton.value
-}
-
-function getRem() {
-  let winWidth = window.innerWidth
-  const defaultRem = document.body.style.fontSize.replace('rem', '')
-  let rem = (winWidth / 375) * defaultRem
-  return rem
-}
-
-function descHeightChange() {
-  nextTick(() => {
-    let rem = parseFloat(getRem())
-    if (!desc.value) return
-    let descHeight = window.getComputedStyle(desc.value).height.replace('rem', '')
-    descHeight = descHeight || desc.value.offsetHeight
-    if (descHeight > 2.325 * rem) {
-      showExchangeButton.value = true
-      exchangeButton.value = true
-      showTotal.value = false
-    } else {
-      showExchangeButton.value = false
-      showTotal.value = true
-    }
-  })
-}
-
-function scrollTopBody() {
-  setTimeout(() => {
-    try {
-      if (mescrollContent.value)
-        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
-    } catch (e) {
-      console.log(e.message)
-    }
-  }, 300)
-}
-
-function connectionArtificial(event) {
-  try {
-    let qaId = event.parentNode ? event.parentNode.dataset.qaid : ''
-    let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
-    scrollTopBody()
-    store
-      ?.dispatch?.('connectionArtificial', sendParmas)
-      .then(() => {
-        event.disabled = true
-      })
-      .catch((err) => console.log(err))
-    store
-      ?.dispatch?.('userBehavior', { qaId, eventType: '5', eventMsg: '知识库进入人工服务' })
-      .catch((err) => console.log(err))
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-function richCallAnswer(item) {
-  if (!isBtnsubmit.value) return
-  isBtnsubmit.value = false
-  let sendParmas = {
-    reqAndResType: '1',
-    msgText: item.intent,
-    intentId: item.intentId,
-    msgSource: manualService.value,
-  }
-  scrollTopBody()
-  store
-    ?.dispatch?.('sendingRobot', sendParmas)
-    .then(() => {
-      isBtnsubmit.value = true
-    })
-    .catch((err) => {
-      isBtnsubmit.value = true
-      console.log(err)
-    })
-}
-
-function manualAnswer(event, item) {
-  let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
-  const toast = showLoadingToast({
-    message: '加载中...',
-    duration: 0,
-    loadingType: 'spinner',
-    forbidClick: true,
-  })
-  if (!sendLoading.value) {
-    scrollTopBody()
-    store
-      ?.dispatch?.('sendingRobot', sendParmas)
-      .then(() => {
-        closeToast()
-        event.disabled = true
-      })
-      .catch((err) => {
-        closeToast()
-        console.log(err)
-      })
-  } else {
-    closeToast()
-  }
-}
-</script>
-
-<style scoped>
-.text-template-box {
-  padding: 0;
-}
-
-.question-answer-con {
-  overflow: hidden;
-}
-
-.total-introduce {
-  max-height: none;
-}
-
-.detailed-introduce {
-  max-height: 2.325rem;
-}
-
-.content-question-answer {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8rem;
-  margin-top: 10rem;
-}
-
-.answer-items {
-  padding: 6rem 12rem;
-  background: #f0f6ff;
-  border: 1rem solid #d6e4ff;
-  border-radius: 16rem;
-  font-size: 13rem;
-  color: #025cea;
-  cursor: pointer;
-}
-
-.answer-items[disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.unfold-box {
-  text-align: center;
-  margin-top: 8rem;
-}
-
-.unfold-box a {
-  font-size: 13rem;
-  color: #025cea;
-}
-
-.look-more-icon {
-  display: inline-block;
-  width: 12rem;
-  height: 12rem;
-  margin-left: 4rem;
-  transition: transform 0.3s;
-}
-
-.look-more-icon.active {
-  transform: rotate(180deg);
-}
-</style>
+<template>
+  <div class="text-template-box" v-if="introduce">
+    <div
+      class="question-answer-con"
+      v-if="introduce"
+      ref="desc"
+      :class="showTotal || heightMax == 'autoHeight' ? 'total-introduce' : 'detailed-introduce'"
+    >
+      <p
+        :class="{ connectionArtificial: disabled }"
+        v-html="replacementRagEmoticon(introduce)"
+        :data-qaid="itemlist && itemlist.qaId ? itemlist.qaId : ''"
+      ></p>
+    </div>
+    <div class="content-question-answer" v-if="intents && intents.length > 0">
+      <button
+        class="answer-items"
+        v-for="(items, index) in intents"
+        :key="index"
+        :disabled="disabled ? true : false"
+        @click.stop="richCallAnswer(items)"
+      >
+        {{ items.intent }}
+      </button>
+    </div>
+    <div
+      class="unfold-box"
+      :class="exchangeButton ? 'unfold-bg' : 'unfold-style'"
+      v-if="(!intents || intents.length == 0) && showExchangeButton"
+    >
+      <a href="javascript:;" @click="showTotalIntro"
+        >{{ exchangeButton ? '展开' : '收起'
+        }}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em
+      ></a>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, inject, onMounted, nextTick } from 'vue'
+import { showToast, showLoadingToast, closeToast } from 'vant'
+import faceJSON from '@/mock/face.json'
+import utils from '@/utils/utils'
+import wx from 'weixin-js-sdk'
+
+const props = defineProps({
+  introduce: { type: String, default: '' },
+  intents: { type: Array, default: () => [] },
+  disabled: { type: Boolean, default: false },
+  heightMax: { type: String, default: '' },
+  itemlist: { type: Object, default: () => ({}) },
+})
+
+const store = inject('appStore', null)
+const userId = inject('userId', ref(''))
+const userInfo = inject('userInfo', ref({}))
+const mescrollContent = inject('mescrollContent', ref(null))
+const manualService = inject('manualService', ref('1'))
+const sendLoading = inject('sendLoading', ref(false))
+
+const publicPath = import.meta.env.BASE_URL
+const showTotal = ref(true)
+const exchangeButton = ref(true)
+const showExchangeButton = ref(false)
+const expressionProcessing = ref({})
+const bigExpressionProcessing = ref({})
+const isBtnsubmit = ref(true)
+const desc = ref(null)
+
+onMounted(() => {
+  processedEmoji()
+  descHeightChange()
+  nextTick(() => {
+    initGlobalCallbacks()
+  })
+})
+
+function initGlobalCallbacks() {
+  try {
+    window.getLink = (item) => {
+      utils.AppToHttpHtml(item)
+    }
+    window.jumpOpenLink = (item) => {
+      utils.AppToHttpHtml(item)
+    }
+
+    window.jumpOpenWeb = (type, url, urlType) => {
+      let params = {}
+      if (type === 'YY_0000') {
+        params = {
+          idnum: '1',
+          ownerId: userInfo.value?.encryptPid,
+          openid: userInfo.value?.sourceUserId,
+        }
+        const completeURL = handleURL(url, params)
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: { url: completeURL, userId: userId.value },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.openWxPage(url, params)
+              } else {
+                utils.openWxPage(url, { accessTicket: res.data })
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_ydbq') {
+        params = {
+          mobile: userInfo.value?.phone,
+          pid: userInfo.value?.encryptPid,
+          openid: userInfo.value?.sourceUserId,
+        }
+        const completeURL = handleURL(url, params)
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: { url: completeURL, userId: userId.value },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.openWxPage(url, params)
+              } else {
+                utils.openWxPage(url, { accessTicket: res.data })
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_APP_H5') {
+        utils.AppOpenH5(url, { mobile: userInfo.value?.phone, pid: userInfo.value?.encryptPid })
+      } else if (type === 'ydbq_2') {
+        utils.openSpecPage({ url, generateType: type, userId: userId.value })
+      } else if (type === 'YY_CMD') {
+        const newUrl =
+          url +
+          `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: { url: newUrl, userId: userId.value, isCmd: '1' },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.AppToHttpHtml(newUrl)
+              } else {
+                utils.AppToHttpHtml(url + `&accessTicket=${res.data}`)
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_hfhz') {
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/xdhfCreateToken',
+            data: { certNum: '1', systemSource: 'yykf', userId: userId.value },
+          })
+          .then((res) => {
+            const entryptedId = userInfo.value?.versionHFHZ
+            utils.openWxPage(url, {
+              sessionToken: res.data,
+              holderId: encodeURI(entryptedId),
+              holderType: 'a',
+              hzhfSystemSource: '0803',
+              ishwFlag: '1',
+              isqshzFlag: '1',
+            })
+          })
+      } else if (type === 'YY_1v1') {
+        store
+          ?.dispatch?.('post', { url: 'thirdPartyAuth/getExclusiveServicesToken' })
+          .then((res) => {
+            if (res.code === 0 && res.data) {
+              utils.openWxPage(url, {
+                sour: 'yykf',
+                omoSource: userInfo.value?.source,
+                omoSourceName: encodeURIComponent(userInfo.value?.sourceName),
+                token: res.data,
+              })
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_yzsfx') {
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYzsUrl',
+            data: { userId: userId.value, bqType: url, urlType },
+          })
+          .then((res) => {
+            if (res.code === 0 && res.data) {
+              utils.openWxPage(res.data, '')
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_GWXCX') {
+        wx.miniProgram.navigateTo({ url: url })
+      } else if (type === 'YY_GWXCX_HOME') {
+        wx.miniProgram.reLaunch({ url: url })
+      }
+    }
+
+    window.openAppPage = (params) => {
+      if (params) {
+        params = params.replace(/\'/g, '"')
+        utils.AppToOutModules(params)
+      }
+    }
+    window.connectionArtificial = (event) => {
+      let isClick = false,
+        isclassName = false
+      if (event.parentElement && !event.parentElement.className) {
+        isclassName = false
+      } else {
+        isclassName = true
+      }
+      if (isclassName && event.parentElement) {
+        isClick = utils.hasClass(event.parentElement, 'connectionArtificial')
+      }
+      if (!isclassName || !isClick) {
+        connectionArtificial(event)
+      }
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+function handleURL(url, params) {
+  let flag = url.indexOf('?') != -1
+  let urlPar = ''
+  if (params) {
+    Object.getOwnPropertyNames(params).forEach((item, index) => {
+      if (index === 0 && !flag) {
+        urlPar += `?${item}=${params[item]}`
+      } else {
+        urlPar += `&${item}=${params[item]}`
+      }
+    })
+  }
+  return url + urlPar
+}
+
+function replacementRagEmoticon(str) {
+  str = str || ''
+  let res = str.replace(/\\n/gm, '<br/>')
+  return emojiToImage(res)
+}
+
+function processedEmoji() {
+  const tempExp = {}
+  const tempBigExp = {}
+  faceJSON.forEach((item) => {
+    item.faceList.forEach((items) => {
+      tempExp[`[${items.title}]`] = items.src
+    })
+    item.bigExpression.forEach((items) => {
+      tempBigExp[`[${items.title}]`] = items.src
+    })
+  })
+  expressionProcessing.value = tempExp
+  bigExpressionProcessing.value = tempBigExp
+}
+
+function emojiToImage(str) {
+  let srcImg = ''
+  let regex = /\[[^\]]+\]/g
+  srcImg = str.replace(regex, (item) => {
+    if (expressionProcessing.value[item]) {
+      return `<img src="${
+        publicPath + expressionProcessing.value[item]
+      }" alt="small-image" title="${item}" />`
+    } else if (bigExpressionProcessing.value[item]) {
+      return `<img src="${
+        publicPath + bigExpressionProcessing.value[item]
+      }" alt="big-image" title="${item}"/>`
+    }
+    return item
+  })
+  return srcImg
+}
+
+function showTotalIntro() {
+  showTotal.value = !showTotal.value
+  exchangeButton.value = !exchangeButton.value
+}
+
+function getRem() {
+  let winWidth = window.innerWidth
+  const defaultRem = document.body.style.fontSize.replace('rem', '')
+  let rem = (winWidth / 375) * defaultRem
+  return rem
+}
+
+function descHeightChange() {
+  nextTick(() => {
+    let rem = parseFloat(getRem())
+    if (!desc.value) return
+    let descHeight = window.getComputedStyle(desc.value).height.replace('rem', '')
+    descHeight = descHeight || desc.value.offsetHeight
+    if (descHeight > 2.325 * rem) {
+      showExchangeButton.value = true
+      exchangeButton.value = true
+      showTotal.value = false
+    } else {
+      showExchangeButton.value = false
+      showTotal.value = true
+    }
+  })
+}
+
+function scrollTopBody() {
+  setTimeout(() => {
+    try {
+      if (mescrollContent.value)
+        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
+    } catch (e) {
+      console.log(e.message)
+    }
+  }, 300)
+}
+
+function connectionArtificial(event) {
+  try {
+    let qaId = event.parentNode ? event.parentNode.dataset.qaid : ''
+    let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
+    scrollTopBody()
+    store
+      ?.dispatch?.('connectionArtificial', sendParmas)
+      .then(() => {
+        event.disabled = true
+      })
+      .catch((err) => console.log(err))
+    store
+      ?.dispatch?.('userBehavior', { qaId, eventType: '5', eventMsg: '知识库进入人工服务' })
+      .catch((err) => console.log(err))
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+function richCallAnswer(item) {
+  if (!isBtnsubmit.value) return
+  isBtnsubmit.value = false
+  let sendParmas = {
+    reqAndResType: '1',
+    msgText: item.intent,
+    intentId: item.intentId,
+    msgSource: manualService.value,
+  }
+  scrollTopBody()
+  store
+    ?.dispatch?.('sendingRobot', sendParmas)
+    .then(() => {
+      isBtnsubmit.value = true
+    })
+    .catch((err) => {
+      isBtnsubmit.value = true
+      console.log(err)
+    })
+}
+
+function manualAnswer(event, item) {
+  let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
+  const toast = showLoadingToast({
+    message: '加载中...',
+    duration: 0,
+    loadingType: 'spinner',
+    forbidClick: true,
+  })
+  if (!sendLoading.value) {
+    scrollTopBody()
+    store
+      ?.dispatch?.('sendingRobot', sendParmas)
+      .then(() => {
+        closeToast()
+        event.disabled = true
+      })
+      .catch((err) => {
+        closeToast()
+        console.log(err)
+      })
+  } else {
+    closeToast()
+  }
+}
+</script>
+
+<style scoped>
+.text-template-box {
+  padding: 0;
+}
+
+.question-answer-con {
+  overflow: hidden;
+}
+
+.total-introduce {
+  max-height: none;
+}
+
+.detailed-introduce {
+  max-height: 2.325rem;
+}
+
+.content-question-answer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8rem;
+  margin-top: 10rem;
+}
+
+.answer-items {
+  padding: 6rem 12rem;
+  background: #f0f6ff;
+  border: 1rem solid #d6e4ff;
+  border-radius: 16rem;
+  font-size: 13rem;
+  color: #025cea;
+  cursor: pointer;
+}
+
+.answer-items[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.unfold-box {
+  text-align: center;
+  margin-top: 8rem;
+}
+
+.unfold-box a {
+  font-size: 13rem;
+  color: #025cea;
+}
+
+.look-more-icon {
+  display: inline-block;
+  width: 12rem;
+  height: 12rem;
+  margin-left: 4rem;
+  transition: transform 0.3s;
+}
+
+.look-more-icon.active {
+  transform: rotate(180deg);
+}
+</style>
diff --git a/src/components/text-folding.vue b/src/components/text-folding.vue
index 8ec512b..cbab0c3 100644
--- a/src/components/text-folding.vue
+++ b/src/components/text-folding.vue
@@ -1,574 +1,573 @@
-<template>
-  <div class="text-template-box" v-if="introduce">
-    <div
-      class="text-folding-box"
-      :class="showTotal ? 'total-introduce' : 'detailed-introduce'"
-      ref="textFolding"
-    >
-      <div class="question-answer-con" v-if="introduce" ref="desc">
-        <policy-list
-          :data="itemlist"
-          :tips1="tips1"
-          :tips2="tips2"
-          @descHeightChange="descHeightChange"
-        />
-        <xuqi-policy-list :data="itemlist" @descHeightChange="descHeightChange" />
-        <p
-          :class="{ connectionArtificial: disabled }"
-          v-html="replacementRagEmoticon(introduce)"
-          :data-qaid="itemlist && itemlist.qaId ? itemlist.qaId : ''"
-        ></p>
-      </div>
-      <div
-        v-if="intents && intents.length > 0"
-        :class="
-          reqAndResType === '05' ? 'content-question-answer--grid' : 'content-question-answer'
-        "
-      >
-        <button
-          :class="hasClicked || disabled ? 'answer-items setGrey' : 'answer-items'"
-          v-for="(items, index) in intents"
-          :key="index"
-          :disabled="disabled"
-          @click.stop="richCallAnswer(items)"
-        >
-          {{ items.intent }}
-        </button>
-      </div>
-      <div class="question-answer-help" v-if="itemlist.cmd && itemlist.cmd == 'RGFWHS'">
-        如需更多帮助，请点击<button
-          class="answer-help-btn"
-          :disabled="disabled"
-          @click.stop="manualAnswer($event, itemlist)"
-        >
-          进入人工服务</button
-        >。
-      </div>
-    </div>
-    <div
-      class="unfold-box"
-      :class="exchangeButton ? 'unfold-bg' : 'unfold-style'"
-      v-if="showExchangeButton"
-    >
-      <a href="javascript:;" @click="showTotalIntro"
-        >{{ exchangeButton ? '展开' : '收起'
-        }}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em
-      ></a>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, inject, onMounted, nextTick } from 'vue'
-import { showToast, showLoadingToast, closeToast } from 'vant'
-import _ from 'lodash'
-import faceJSON from '@/mock/face.json'
-import utils from '@/utils/utils'
-import { onceClickCmd, oldXuqiPolicyCmdList, SJHLCmdList } from '@/utils/constant'
-import PolicyList from '@/components/policyList.vue'
-import XuqiPolicyList from '@/components/xuqiPolicyList.vue'
-import wx from 'weixin-js-sdk'
-
-const props = defineProps({
-  introduce: { type: String, default: '' },
-  intents: { type: Array, default: () => [] },
-  disabled: { type: Boolean, default: false },
-  heightMax: { type: String, default: '' },
-  itemlist: { type: Object, default: () => ({}) },
-  lostChatInfoNum: { type: Number, default: null },
-  tokenExist: { type: Boolean, default: false },
-  isWX: { type: Boolean, default: false },
-  isHistory: { type: Boolean, default: false },
-  reqAndResType: { type: String, default: '' },
-})
-
-const store = inject('appStore', null)
-const userId = inject('userId', ref(''))
-const userInfo = inject('userInfo', ref({}))
-const mescrollContent = inject('mescrollContent', ref(null))
-const manualService = inject('manualService', ref('1'))
-const sendLoading = inject('sendLoading', ref(false))
-
-const publicPath = import.meta.env.BASE_URL
-const desc = ref(null)
-const showTotal = ref(true)
-const exchangeButton = ref(true)
-const showExchangeButton = ref(false)
-const expressionProcessing = ref({})
-const bigExpressionProcessing = ref({})
-const isBtnsubmit = ref(true)
-const hasClicked = ref(false)
-const tips1 = ref('')
-const tips2 = ref('')
-const cmd = ref('')
-
-onMounted(() => {
-  processedEmoji()
-  descHeightChange()
-  cmd.value = props.itemlist.cmd
-  nextTick(() => {
-    initGlobalCallbacks()
-  })
-})
-
-function initGlobalCallbacks() {
-  try {
-    window.getLink = (item) => {
-      utils.AppToHttpHtml(item)
-    }
-    window.jumpOpenLink = (item) => {
-      utils.AppToHttpHtml(item)
-    }
-
-    window.jumpOpenWeb = (type, url, urlType) => {
-      let params = {}
-      if (type === 'YY_0000') {
-        params = {
-          idnum: '1',
-          ownerId: userInfo.value?.encryptPid,
-          openid: userInfo.value?.sourceUserId,
-        }
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: { url: handleURL(url, params), userId: userId.value },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.openWxPage(url, params)
-              } else {
-                utils.openWxPage(url, { accessTicket: res.data })
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_ydbq') {
-        params = {
-          mobile: userInfo.value?.phone,
-          pid: userInfo.value?.encryptPid,
-          openid: userInfo.value?.sourceUserId,
-        }
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: { url: handleURL(url, params), userId: userId.value },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.openWxPage(url, params)
-              } else {
-                utils.openWxPage(url, { accessTicket: res.data })
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_APP_H5') {
-        utils.AppOpenH5(url, { mobile: userInfo.value?.phone, pid: userInfo.value?.encryptPid })
-      } else if (type === 'ydbq_2') {
-        utils.openSpecPage({ url, generateType: type, userId: userId.value })
-      } else if (type === 'YY_CMD') {
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYdbqTicket',
-            data: {
-              url:
-                url +
-                `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`,
-              userId: userId.value,
-              isCmd: '1',
-            },
-          })
-          .then((res) => {
-            if (res.code === 0) {
-              if (!res.data) {
-                utils.AppToHttpHtml(
-                  url +
-                    `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`
-                )
-              } else {
-                utils.AppToHttpHtml(url + `&accessTicket=${res.data}`)
-              }
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_lsjl') {
-        // Jump to history - handled by router
-      } else if (type === 'YY_kjmyd') {
-        utils.useTechSdk()
-      } else if (type === 'YY_hfhz') {
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/xdhfCreateToken',
-            data: { certNum: '1', systemSource: 'yykf', userId: userId.value },
-          })
-          .then((res) => {
-            utils.openWxPage(url, {
-              sessionToken: res.data,
-              holderId: encodeURI(userInfo.value?.versionHFHZ),
-              holderType: 'a',
-              hzhfSystemSource: '0803',
-              ishwFlag: '1',
-              isqshzFlag: '1',
-            })
-          })
-      } else if (type === 'YY_1v1') {
-        store
-          ?.dispatch?.('post', { url: 'thirdPartyAuth/getExclusiveServicesToken' })
-          .then((res) => {
-            if (res.code === 0 && res.data) {
-              utils.openWxPage(url, {
-                sour: 'yykf',
-                omoSource: userInfo.value?.source,
-                omoSourceName: encodeURIComponent(userInfo.value?.sourceName),
-                token: res.data,
-              })
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_yzsfx') {
-        store
-          ?.dispatch?.('post', {
-            url: 'semantic/getYzsUrl',
-            data: { userId: userId.value, bqType: url, urlType },
-          })
-          .then((res) => {
-            if (res.code === 0 && res.data) {
-              utils.openWxPage(res.data, '')
-            } else {
-              showToast('网络异常，请重试')
-            }
-          })
-      } else if (type === 'YY_GWXCX') {
-        wx.miniProgram.navigateTo({ url: url })
-      } else if (type === 'YY_GWXCX_HOME') {
-        wx.miniProgram.reLaunch({ url: url })
-      }
-    }
-
-    window.openAppPage = (params) => {
-      if (params) {
-        params = params.replace(/\'/g, '"')
-        utils.AppToOutModules(params)
-      }
-    }
-    window.connectionArtificial = (event) => {
-      let isClick = false,
-        isclassName = false
-      if (event.parentElement && !event.parentElement.className) {
-        isclassName = false
-      } else {
-        isclassName = true
-      }
-      if (isclassName && event.parentElement) {
-        isClick = utils.hasClass(event.parentElement, 'connectionArtificial')
-      }
-      if (!isclassName || !isClick) {
-        connectionArtificial(event)
-      }
-    }
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-function handleURL(url, params) {
-  let flag = url.indexOf('?') != -1
-  let urlPar = ''
-  if (params) {
-    Object.getOwnPropertyNames(params).forEach((item, index) => {
-      if (index === 0 && !flag) {
-        urlPar += `?${item}=${params[item]}`
-      } else {
-        urlPar += `&${item}=${params[item]}`
-      }
-    })
-  }
-  return url + urlPar
-}
-
-function replacementRagEmoticon(str) {
-  str = str || ''
-  if (oldXuqiPolicyCmdList.includes(cmd.value)) {
-    if (str.indexOf('|#|') !== -1 && str.split('|#|').length >= 3) {
-      const contentMap = str.split('|#|')
-      tips1.value = contentMap[1] || ''
-      tips2.value = contentMap[2] || ''
-      str = contentMap[0] + contentMap[3]
-    }
-  }
-  if (SJHLCmdList.includes(cmd.value)) {
-    if (str.indexOf('|$|') !== -1 && str.split('|$|').length > 1) {
-      const contentMap = str.split('|$|')
-      const huashu = contentMap[1]
-      if (huashu.indexOf('||') !== -1 && huashu.split('||').length > 1) {
-        const huashuMap = huashu.split('||')
-        if (
-          _.isEmpty(props.itemlist.specialData) ||
-          _.isEmpty(_.get(props.itemlist, 'specialData.data'))
-        ) {
-          str = huashuMap[0] || ''
-        } else {
-          str = huashuMap[4] || ''
-        }
-      }
-    }
-  }
-  let res = str.replace(/\\n/gm, '<br/>')
-  if (res.indexOf('onclick="connectionArtificial') > 0) {
-    res =
-      res.slice(0, res.indexOf('onclick="connectionArtificial')) +
-      ` data-qaid=${props.itemlist.qaId || ''} ` +
-      res.slice(res.indexOf('onclick="connectionArtificial'))
-  }
-  if (props.isHistory) {
-    if (res.indexOf('open-wx-web-button')) {
-      res = res.replace(/"open-wx-web-button"/g, '"open-wx-web-button-disable"')
-    } else if (res.indexOf('jump-web-button')) {
-      res = res.replace(/"jump-web-button"/g, '"jump-web-button-disable"')
-    } else if (res.indexOf('open-app-page-button')) {
-      res = res.replace(/"open-app-page-button"/g, '"open-app-page-button-disable"')
-    }
-    if (res.indexOf('open-wx-web')) {
-      res = res.replace(/"open-wx-web"/g, '"open-wx-web-disable"')
-    } else if (res.indexOf('jump-web')) {
-      res = res.replace(/"jump-web"/g, '"jump-web-disable"')
-    } else if (res.indexOf('open-app-page')) {
-      res = res.replace(/"open-app-page"/g, '"open-app-page-disable"')
-    }
-  }
-  return emojiToImage(res)
-}
-
-function processedEmoji() {
-  const tempExp = {},
-    tempBigExp = {}
-  faceJSON.forEach((item) => {
-    item.faceList.forEach((items) => {
-      tempExp[`[${items.title}]`] = items.src
-    })
-    item.bigExpression.forEach((items) => {
-      tempBigExp[`[${items.title}]`] = items.src
-    })
-  })
-  expressionProcessing.value = tempExp
-  bigExpressionProcessing.value = tempBigExp
-}
-
-function emojiToImage(str) {
-  let regex = /\[[^\]]+\]/g
-  return str.replace(regex, (item) => {
-    if (expressionProcessing.value[item]) {
-      return `<img src="${
-        publicPath + expressionProcessing.value[item]
-      }" alt="small-image" title="${item}" />`
-    } else if (bigExpressionProcessing.value[item]) {
-      return `<img src="${
-        publicPath + bigExpressionProcessing.value[item]
-      }" alt="big-image" title="${item}"/>`
-    }
-    return item
-  })
-}
-
-function showTotalIntro() {
-  showTotal.value = !showTotal.value
-  exchangeButton.value = !exchangeButton.value
-}
-
-function getRem() {
-  let winWidth = window.innerWidth
-  const defaultRem = document.body.style.fontSize.replace('rem', '')
-  return (winWidth / 375) * defaultRem
-}
-
-function descHeightChange(exchangeType) {
-  nextTick(() => {
-    let rem = parseFloat(getRem())
-    if (!desc.value) return
-    let descHeight = window.getComputedStyle(desc.value).height.replace('rem', '')
-    descHeight = descHeight || desc.value.offsetHeight
-    let threeRowH = 3.875
-    let dpr = window.devicePixelRatio || 1
-    if (descHeight > threeRowH * rem) {
-      showExchangeButton.value = true
-      exchangeButton.value = true
-      showTotal.value = false
-    } else {
-      showExchangeButton.value = false
-      showTotal.value = true
-    }
-  })
-}
-
-function scrollTopBody() {
-  setTimeout(() => {
-    try {
-      if (mescrollContent.value)
-        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
-    } catch (e) {
-      console.log(e.message)
-    }
-  }, 300)
-}
-
-function connectionArtificial(event) {
-  try {
-    let qaId = event.parentNode ? event.parentNode.dataset.qaid : ''
-    let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
-    scrollTopBody()
-    store
-      ?.dispatch?.('connectionArtificial', sendParmas)
-      .then(() => {
-        event.disabled = true
-      })
-      .catch((err) => console.log(err))
-    store
-      ?.dispatch?.('userBehavior', { qaId, eventType: '5', eventMsg: '知识库进入人工服务' })
-      .catch((err) => console.log(err))
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-function richCallAnswer(item) {
-  if (!isBtnsubmit.value) return
-  isBtnsubmit.value = false
-  let sendParmas = {
-    reqAndResType: '1',
-    msgText: item.intent,
-    intentId: item.intentId,
-    msgSource: manualService.value,
-  }
-  scrollTopBody()
-  store
-    ?.dispatch?.('sendingRobot', sendParmas)
-    .then(() => {
-      isBtnsubmit.value = true
-    })
-    .catch((err) => {
-      isBtnsubmit.value = true
-      console.log(err)
-    })
-}
-
-function manualAnswer(event, item) {
-  let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
-  const toast = showLoadingToast({
-    message: '加载中...',
-    duration: 0,
-    loadingType: 'spinner',
-    forbidClick: true,
-  })
-  if (!sendLoading.value) {
-    scrollTopBody()
-    store
-      ?.dispatch?.('sendingRobot', sendParmas)
-      .then(() => {
-        closeToast()
-        event.disabled = true
-      })
-      .catch((err) => {
-        closeToast()
-        console.log(err)
-      })
-  } else {
-    closeToast()
-  }
-}
-</script>
-
-<style scoped>
-.text-template-box {
-  padding: 0;
-}
-
-.text-folding-box {
-  overflow: hidden;
-}
-
-.total-introduce {
-  max-height: none;
-}
-
-.detailed-introduce {
-  max-height: 3.875rem;
-}
-
-.content-question-answer {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8rem;
-  margin-top: 10rem;
-}
-
-.content-question-answer--grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 8rem;
-  margin-top: 10rem;
-}
-
-.answer-items {
-  padding: 6rem 12rem;
-  background: #f0f6ff;
-  border: 1rem solid #d6e4ff;
-  border-radius: 16rem;
-  font-size: 13rem;
-  color: #025cea;
-  cursor: pointer;
-}
-
-.answer-items.setGrey {
-  color: #d0d2db;
-  background: #f5f5f5;
-  border-color: #e8e8e8;
-  cursor: not-allowed;
-}
-
-.answer-items[disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.question-answer-help {
-  font-size: 13rem;
-  color: #666;
-  margin-top: 10rem;
-}
-
-.answer-help-btn {
-  color: #025cea;
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 13rem;
-}
-
-.unfold-box {
-  text-align: center;
-  margin-top: 8rem;
-}
-
-.unfold-box a {
-  font-size: 13rem;
-  color: #025cea;
-}
-
-.look-more-icon {
-  display: inline-block;
-  width: 12rem;
-  height: 12rem;
-  margin-left: 4rem;
-  transition: transform 0.3s;
-}
-
-.look-more-icon.active {
-  transform: rotate(180deg);
-}
+<template>
+  <div class="text-template-box" v-if="introduce">
+    <div
+      class="text-folding-box"
+      :class="showTotal ? 'total-introduce' : 'detailed-introduce'"
+      ref="textFolding"
+    >
+      <div class="question-answer-con" v-if="introduce" ref="desc">
+        <policy-list
+          :data="itemlist"
+          :tips1="tips1"
+          :tips2="tips2"
+          @descHeightChange="descHeightChange"
+        />
+        <xuqi-policy-list :data="itemlist" @descHeightChange="descHeightChange" />
+        <p
+          :class="{ connectionArtificial: disabled }"
+          v-html="replacementRagEmoticon(introduce)"
+          :data-qaid="itemlist && itemlist.qaId ? itemlist.qaId : ''"
+        ></p>
+      </div>
+      <div
+        v-if="intents && intents.length > 0"
+        :class="
+          reqAndResType === '05' ? 'content-question-answer--grid' : 'content-question-answer'
+        "
+      >
+        <button
+          :class="hasClicked || disabled ? 'answer-items setGrey' : 'answer-items'"
+          v-for="(items, index) in intents"
+          :key="index"
+          :disabled="disabled"
+          @click.stop="richCallAnswer(items)"
+        >
+          {{ items.intent }}
+        </button>
+      </div>
+      <!-- <div class="question-answer-help" v-if="itemlist.cmd && itemlist.cmd == 'RGFWHS'">
+        如需更多帮助，请点击<button
+          class="answer-help-btn"
+          :disabled="disabled"
+          @click.stop="manualAnswer($event, itemlist)"
+        >
+          进入人工服务</button
+        >。
+      </div> -->
+      <!-- 本次注释进入人工服务 -->
+    </div>
+    <div
+      class="unfold-box"
+      :class="exchangeButton ? 'unfold-bg' : 'unfold-style'"
+      v-if="showExchangeButton"
+    >
+      <a href="javascript:;" @click="showTotalIntro"
+        >{{ exchangeButton ? '展开' : '收起'
+        }}<em class="look-more-icon" :class="!exchangeButton ? 'active' : ''"></em
+      ></a>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, inject, onMounted, nextTick } from 'vue'
+import { showToast, showLoadingToast, closeToast } from 'vant'
+import _ from 'lodash'
+import faceJSON from '@/mock/face.json'
+import utils from '@/utils/utils'
+import { onceClickCmd, oldXuqiPolicyCmdList, SJHLCmdList } from '@/utils/constant'
+import PolicyList from '@/components/policyList.vue'
+import XuqiPolicyList from '@/components/xuqiPolicyList.vue'
+import wx from 'weixin-js-sdk'
+
+const props = defineProps({
+  introduce: { type: String, default: '' },
+  intents: { type: Array, default: () => [] },
+  disabled: { type: Boolean, default: false },
+  heightMax: { type: String, default: '' },
+  itemlist: { type: Object, default: () => ({}) },
+  lostChatInfoNum: { type: Number, default: null },
+  tokenExist: { type: Boolean, default: false },
+  isWX: { type: Boolean, default: false },
+  isHistory: { type: Boolean, default: false },
+  reqAndResType: { type: String, default: '' },
+})
+
+const store = inject('appStore', null)
+const userId = inject('userId', ref(''))
+const userInfo = inject('userInfo', ref({}))
+const mescrollContent = inject('mescrollContent', ref(null))
+const manualService = inject('manualService', ref('1'))
+const sendLoading = inject('sendLoading', ref(false))
+
+const publicPath = import.meta.env.BASE_URL
+const desc = ref(null)
+const showTotal = ref(true)
+const exchangeButton = ref(true)
+const showExchangeButton = ref(false)
+const expressionProcessing = ref({})
+const bigExpressionProcessing = ref({})
+const isBtnsubmit = ref(true)
+const hasClicked = ref(false)
+const tips1 = ref('')
+const tips2 = ref('')
+const cmd = ref('')
+
+onMounted(() => {
+  processedEmoji()
+  descHeightChange()
+  cmd.value = props.itemlist.cmd
+  nextTick(() => {
+    initGlobalCallbacks()
+  })
+})
+
+function initGlobalCallbacks() {
+  try {
+    window.getLink = (item) => {
+      utils.AppToHttpHtml(item)
+    }
+    window.jumpOpenLink = (item) => {
+      utils.AppToHttpHtml(item)
+    }
+
+    window.jumpOpenWeb = (type, url, urlType) => {
+      let params = {}
+      if (type === 'YY_0000') {
+        params = {
+          idnum: '1',
+          ownerId: userInfo.value?.encryptPid,
+          openid: userInfo.value?.sourceUserId,
+        }
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: { url: handleURL(url, params), userId: userId.value },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.openWxPage(url, params)
+              } else {
+                utils.openWxPage(url, { accessTicket: res.data })
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_ydbq') {
+        params = {
+          mobile: userInfo.value?.phone,
+          pid: userInfo.value?.encryptPid,
+          openid: userInfo.value?.sourceUserId,
+        }
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: { url: handleURL(url, params), userId: userId.value },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.openWxPage(url, params)
+              } else {
+                utils.openWxPage(url, { accessTicket: res.data })
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_APP_H5') {
+        utils.AppOpenH5(url, { mobile: userInfo.value?.phone, pid: userInfo.value?.encryptPid })
+      } else if (type === 'ydbq_2') {
+        utils.openSpecPage({ url, generateType: type, userId: userId.value })
+      } else if (type === 'YY_CMD') {
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYdbqTicket',
+            data: {
+              url:
+                url +
+                `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`,
+              userId: userId.value,
+              isCmd: '1',
+            },
+          })
+          .then((res) => {
+            if (res.code === 0) {
+              if (!res.data) {
+                utils.AppToHttpHtml(
+                  url +
+                  `&idnum=1&openId=${userInfo.value?.sourceUserId}&entryOpenid=${userInfo.value?.entryOpenid}`
+                )
+              } else {
+                utils.AppToHttpHtml(url + `&accessTicket=${res.data}`)
+              }
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_lsjl') {
+        // Jump to history - handled by router
+      } else if (type === 'YY_kjmyd') {
+        utils.useTechSdk()
+      } else if (type === 'YY_hfhz') {
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/xdhfCreateToken',
+            data: { certNum: '1', systemSource: 'yykf', userId: userId.value },
+          })
+          .then((res) => {
+            utils.openWxPage(url, {
+              sessionToken: res.data,
+              holderId: encodeURI(userInfo.value?.versionHFHZ),
+              holderType: 'a',
+              hzhfSystemSource: '0803',
+              ishwFlag: '1',
+              isqshzFlag: '1',
+            })
+          })
+      } else if (type === 'YY_1v1') {
+        store
+          ?.dispatch?.('post', { url: 'thirdPartyAuth/getExclusiveServicesToken' })
+          .then((res) => {
+            if (res.code === 0 && res.data) {
+              utils.openWxPage(url, {
+                sour: 'yykf',
+                omoSource: userInfo.value?.source,
+                omoSourceName: encodeURIComponent(userInfo.value?.sourceName),
+                token: res.data,
+              })
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_yzsfx') {
+        store
+          ?.dispatch?.('post', {
+            url: 'semantic/getYzsUrl',
+            data: { userId: userId.value, bqType: url, urlType },
+          })
+          .then((res) => {
+            if (res.code === 0 && res.data) {
+              utils.openWxPage(res.data, '')
+            } else {
+              showToast('网络异常，请重试')
+            }
+          })
+      } else if (type === 'YY_GWXCX') {
+        wx.miniProgram.navigateTo({ url: url })
+      } else if (type === 'YY_GWXCX_HOME') {
+        wx.miniProgram.reLaunch({ url: url })
+      }
+    }
+
+    window.openAppPage = (params) => {
+      if (params) {
+        params = params.replace(/\'/g, '"')
+        utils.AppToOutModules(params)
+      }
+    }
+    window.connectionArtificial = (event) => {
+      let isClick = false,
+        isclassName = false
+      if (event.parentElement && !event.parentElement.className) {
+        isclassName = false
+      } else {
+        isclassName = true
+      }
+      if (isclassName && event.parentElement) {
+        isClick = utils.hasClass(event.parentElement, 'connectionArtificial')
+      }
+      if (!isclassName || !isClick) {
+        connectionArtificial(event)
+      }
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+function handleURL(url, params) {
+  let flag = url.indexOf('?') != -1
+  let urlPar = ''
+  if (params) {
+    Object.getOwnPropertyNames(params).forEach((item, index) => {
+      if (index === 0 && !flag) {
+        urlPar += `?${item}=${params[item]}`
+      } else {
+        urlPar += `&${item}=${params[item]}`
+      }
+    })
+  }
+  return url + urlPar
+}
+
+function replacementRagEmoticon(str) {
+  str = str || ''
+  if (oldXuqiPolicyCmdList.includes(cmd.value)) {
+    if (str.indexOf('|#|') !== -1 && str.split('|#|').length >= 3) {
+      const contentMap = str.split('|#|')
+      tips1.value = contentMap[1] || ''
+      tips2.value = contentMap[2] || ''
+      str = contentMap[0] + contentMap[3]
+    }
+  }
+  if (SJHLCmdList.includes(cmd.value)) {
+    if (str.indexOf('|$|') !== -1 && str.split('|$|').length > 1) {
+      const contentMap = str.split('|$|')
+      const huashu = contentMap[1]
+      if (huashu.indexOf('||') !== -1 && huashu.split('||').length > 1) {
+        const huashuMap = huashu.split('||')
+        if (
+          _.isEmpty(props.itemlist.specialData) ||
+          _.isEmpty(_.get(props.itemlist, 'specialData.data'))
+        ) {
+          str = huashuMap[0] || ''
+        } else {
+          str = huashuMap[4] || ''
+        }
+      }
+    }
+  }
+  let res = str.replace(/\\n/gm, '<br/>')
+  if (res.indexOf('onclick="connectionArtificial') > 0) {
+    res =
+      res.slice(0, res.indexOf('onclick="connectionArtificial')) +
+      ` data-qaid=${props.itemlist.qaId || ''} ` +
+      res.slice(res.indexOf('onclick="connectionArtificial'))
+  }
+  if (props.isHistory) {
+    if (res.indexOf('open-wx-web-button')) {
+      res = res.replace(/"open-wx-web-button"/g, '"open-wx-web-button-disable"')
+    } else if (res.indexOf('jump-web-button')) {
+      res = res.replace(/"jump-web-button"/g, '"jump-web-button-disable"')
+    } else if (res.indexOf('open-app-page-button')) {
+      res = res.replace(/"open-app-page-button"/g, '"open-app-page-button-disable"')
+    }
+    if (res.indexOf('open-wx-web')) {
+      res = res.replace(/"open-wx-web"/g, '"open-wx-web-disable"')
+    } else if (res.indexOf('jump-web')) {
+      res = res.replace(/"jump-web"/g, '"jump-web-disable"')
+    } else if (res.indexOf('open-app-page')) {
+      res = res.replace(/"open-app-page"/g, '"open-app-page-disable"')
+    }
+  }
+  return emojiToImage(res)
+}
+
+function processedEmoji() {
+  const tempExp = {},
+    tempBigExp = {}
+  faceJSON.forEach((item) => {
+    item.faceList.forEach((items) => {
+      tempExp[`[${items.title}]`] = items.src
+    })
+    item.bigExpression.forEach((items) => {
+      tempBigExp[`[${items.title}]`] = items.src
+    })
+  })
+  expressionProcessing.value = tempExp
+  bigExpressionProcessing.value = tempBigExp
+}
+
+function emojiToImage(str) {
+  let regex = /\[[^\]]+\]/g
+  return str.replace(regex, (item) => {
+    if (expressionProcessing.value[item]) {
+      return `<img src="${publicPath + expressionProcessing.value[item]
+        }" alt="small-image" title="${item}" />`
+    } else if (bigExpressionProcessing.value[item]) {
+      return `<img src="${publicPath + bigExpressionProcessing.value[item]
+        }" alt="big-image" title="${item}"/>`
+    }
+    return item
+  })
+}
+
+function showTotalIntro() {
+  showTotal.value = !showTotal.value
+  exchangeButton.value = !exchangeButton.value
+}
+
+function getRem() {
+  let winWidth = window.innerWidth
+  const defaultRem = document.body.style.fontSize.replace('rem', '')
+  return (winWidth / 375) * defaultRem
+}
+
+function descHeightChange(exchangeType) {
+  nextTick(() => {
+    let rem = parseFloat(getRem())
+    if (!desc.value) return
+    let descHeight = window.getComputedStyle(desc.value).height.replace('rem', '')
+    descHeight = descHeight || desc.value.offsetHeight
+    let threeRowH = 3.875
+    let dpr = window.devicePixelRatio || 1
+    if (descHeight > threeRowH * rem) {
+      showExchangeButton.value = true
+      exchangeButton.value = true
+      showTotal.value = false
+    } else {
+      showExchangeButton.value = false
+      showTotal.value = true
+    }
+  })
+}
+
+function scrollTopBody() {
+  setTimeout(() => {
+    try {
+      if (mescrollContent.value)
+        mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0
+    } catch (e) {
+      console.log(e.message)
+    }
+  }, 300)
+}
+
+function connectionArtificial(event) {
+  try {
+    let qaId = event.parentNode ? event.parentNode.dataset.qaid : ''
+    let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
+    scrollTopBody()
+    store
+      ?.dispatch?.('connectionArtificial', sendParmas)
+      .then(() => {
+        event.disabled = true
+      })
+      .catch((err) => console.log(err))
+    store
+      ?.dispatch?.('userBehavior', { qaId, eventType: '5', eventMsg: '知识库进入人工服务' })
+      .catch((err) => console.log(err))
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+function richCallAnswer(item) {
+  if (!isBtnsubmit.value) return
+  isBtnsubmit.value = false
+  let sendParmas = {
+    reqAndResType: '1',
+    msgText: item.intent,
+    intentId: item.intentId,
+    msgSource: manualService.value,
+  }
+  scrollTopBody()
+  store
+    ?.dispatch?.('sendingRobot', sendParmas)
+    .then(() => {
+      isBtnsubmit.value = true
+    })
+    .catch((err) => {
+      isBtnsubmit.value = true
+      console.log(err)
+    })
+}
+
+function manualAnswer(event, item) {
+  let sendParmas = { reqAndResType: '1', msgText: '&转人工服务&', msgSource: manualService.value }
+  const toast = showLoadingToast({
+    message: '加载中...',
+    duration: 0,
+    loadingType: 'spinner',
+    forbidClick: true,
+  })
+  if (!sendLoading.value) {
+    scrollTopBody()
+    store
+      ?.dispatch?.('sendingRobot', sendParmas)
+      .then(() => {
+        closeToast()
+        event.disabled = true
+      })
+      .catch((err) => {
+        closeToast()
+        console.log(err)
+      })
+  } else {
+    closeToast()
+  }
+}
+</script>
+
+<style scoped>
+.text-template-box {
+  padding: 0;
+}
+
+.text-folding-box {
+  overflow: hidden;
+}
+
+.total-introduce {
+  max-height: none;
+}
+
+.detailed-introduce {
+  max-height: 3.875rem;
+}
+
+.content-question-answer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8rem;
+  margin-top: 10rem;
+}
+
+.content-question-answer--grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8rem;
+  margin-top: 10rem;
+}
+
+.answer-items {
+  padding: 6rem 12rem;
+  background: #f0f6ff;
+  border: 1rem solid #d6e4ff;
+  border-radius: 16rem;
+  font-size: 13rem;
+  color: #025cea;
+  cursor: pointer;
+}
+
+.answer-items.setGrey {
+  color: #d0d2db;
+  background: #f5f5f5;
+  border-color: #e8e8e8;
+  cursor: not-allowed;
+}
+
+.answer-items[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.question-answer-help {
+  font-size: 13rem;
+  color: #666;
+  margin-top: 10rem;
+}
+
+.answer-help-btn {
+  color: #025cea;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 13rem;
+}
+
+.unfold-box {
+  text-align: center;
+  margin-top: 8rem;
+}
+
+.unfold-box a {
+  font-size: 13rem;
+  color: #025cea;
+}
+
+.look-more-icon {
+  display: inline-block;
+  width: 12rem;
+  height: 12rem;
+  margin-left: 4rem;
+  transition: transform 0.3s;
+}
+
+.look-more-icon.active {
+  transform: rotate(180deg);
+}
 </style>
\ No newline at end of file
diff --git a/src/components/welcomes.vue b/src/components/welcomes.vue
index b6cd2db..30d02d4 100644
--- a/src/components/welcomes.vue
+++ b/src/components/welcomes.vue
@@ -3,6 +3,7 @@ import { ref, onMounted, inject } from 'vue';
 import { Post } from '@/utils/https'
 const store = inject('appStore')
 
+const emit = defineEmits(['ready'])
 const welcomeWord = ref('')
 const welcomeSubWord = ref('我是您的服务管家皮卡丘')
 onMounted(() => {
@@ -11,8 +12,12 @@ onMounted(() => {
     userInfoId: store.userId
   }).then(res => {
     if (res.code === 0 && res.data) {
-      welcomeWord.value = `${res.data?.greetings || ''}${res.data?.greetings ? '，' : ''}${res.data?.welcomeName || ''}`
+      welcomeWord.value = `${res.data?.greetings || ''}${res.data?.welcomeName ? '，' : ''}${res.data?.welcomeName || ''}`
     }
+  }).catch((error) => {
+    console.log(error)
+  }).finally(() => {
+    emit('ready')
   })
 })
 </script>
@@ -25,7 +30,7 @@ onMounted(() => {
 </template>
 <style lang="scss" scoped>
 .welcome-con {
-  padding: 33rem 8rem;
+  padding: 38rem 8rem;
   position: relative;
   .welcome-title {
     font-family: PingFang SC;
@@ -44,7 +49,7 @@ onMounted(() => {
   }
 
   .sub-title {
-    width: calc(100% - 100rem);
+    max-width: calc(100% - 100rem);
     font-family: PingFang SC;
     font-size: 18rem;
     font-weight: 600;
@@ -56,6 +61,7 @@ onMounted(() => {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    width: fit-content;
     text-fill-color: transparent;
   }
 
diff --git a/src/router/index.js b/src/router/index.js
index 87d0f39..6e482a1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,37 +1,34 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import Utils from "@/utils/utils";
-
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes: [
-    { path: '/', redirect: '/chat' },
-    { path: '/chat', name: 'chat', component: () => import('../views/chat.vue') },
-    {
-      path: '/history',
-      name: 'history',
-      component: () => import('../views/history.vue'),
-      meta: { title: '洋洋客服-历史记录查询' },
-    },
-    {
-      path: '/previewPdf',
-      name: 'previewPdf',
-      component: () => import('../components/previewPDF/index.vue'),
-      meta: { title: '预览PDF' },
-    },
-    // { path: '/uploadPage', name: 'uploadPage', component: () => import('../views/uploadPage.vue') },
-    // { path: '/claimPage', name: 'claimPage', component: () => import('../views/claimPage/index.vue'), },
-    // { path: '/outView', name: 'outView', component: () => import('../views/outView.vue') },
-    // { path: '/sign', name: 'sign', component: () => import('../components/input/sign.vue') },
-  ],
-})
-const defaultTitle = '洋洋客服'
-
-// 全局前置路由守卫
-router.beforeEach(async (to, from, next) => {
-  /* 路由发生变化修改页面title */
-  var title = to.meta.title ? to.meta.title : defaultTitle;
-  Utils.setTitle(title);//修改页面title
-  next();
-})
-
-export default router
+import { createRouter, createWebHashHistory } from 'vue-router'
+import Utils from "@/utils/utils";
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    { path: '/', redirect: '/chat' },
+    { path: '/chat', name: 'chat', component: () => import('../views/chat.vue'), meta: { keepAlive: true, title: '小蓝管家' } },
+    { path: '/word', name: 'word', component: () => import('../views/word.vue'), meta: { keepAlive: true, title: '小蓝管家' } },
+    // {
+    //   path: '/history',
+    //   name: 'history',
+    //   component: () => import('../views/history.vue'),
+    //   meta: { title: '小蓝管家-历史记录查询' },
+    // },
+    // {
+    //   path: '/previewPdf',
+    //   name: 'previewPdf',
+    //   component: () => import('../components/previewPDF/index.vue'),
+    //   meta: { title: '预览PDF' },
+    // },
+  ],
+})
+const defaultTitle = '小蓝管家'
+
+// 全局前置路由守卫
+router.beforeEach(async (to, from, next) => {
+  /* 路由发生变化修改页面title */
+  var title = to.meta.title ? to.meta.title : defaultTitle;
+  Utils.setTitle(title);//修改页面title
+  next();
+})
+
+export default router
diff --git a/src/store/app.js b/src/store/app.js
index 47fdb3c..0879ac0 100644
--- a/src/store/app.js
+++ b/src/store/app.js
@@ -117,6 +117,7 @@ export const useAppStore = defineStore('app', () => {
   const isBackstage = ref(false)
   const sdkLoaded = ref(false)
   const chatArr = ref([])
+  const businessHandleInfo = ref({})
   const isChatLoading = ref(false)
   const bpErrorInfo = ref([])
   const voiceDataList = ref([])
@@ -194,6 +195,7 @@ export const useAppStore = defineStore('app', () => {
     userInfo.value = {}
     chatList.value = []
     chatArr.value = []
+    businessHandleInfo.value = {}
     isChatLoading.value = false
     sendMessageList.value = []
     receiveMessageList.value = []
@@ -752,12 +754,17 @@ export const useAppStore = defineStore('app', () => {
     chatList.value.splice(index, 1)
   }
 
+  function setBusinessHandleInfo(payload = {}) {
+    businessHandleInfo.value = payload || {}
+  }
+
   function delAllChatList() {
     chatList.value.splice(0, chatList.value.length)
     chatArr.value.splice(0, chatArr.value.length)
     isChatLoading.value = false
   }
 
+
   function delSendFailListById(delId) {
     if (sendFailList.value && sendFailList.value.length > 0) {
       sendFailList.value.forEach((item, index) => {
@@ -1345,6 +1352,8 @@ export const useAppStore = defineStore('app', () => {
     set_hxOpenSuccesed: setHxOpenSuccesed, set_timestamp: setTimestamp,
     set_sendParmas: setSendParmas, set_queuedTimeout: setQueuedTimeout,
     set_chatList: setChatList, del_chatList: delChatList, delall_chatList: delAllChatList,
+    set_businessHandleInfo: setBusinessHandleInfo,
+    setBusinessHandleInfo,
     set_chatId: setChatId, set_currentItemId: setCurrentItemId,
     set_findActiveItem: setFindActiveItem, set_activeItemExtra: setActiveItemExtra,
     set_reSendMessage: setReSendMessage, set_isBackstage: setIsBackstage,
@@ -1433,6 +1442,7 @@ export const useAppStore = defineStore('app', () => {
     isBackstage,
     sdkLoaded,
     chatArr,
+    businessHandleInfo,
     isChatLoading,
     bpErrorInfo,
     voiceDataList,
@@ -1511,6 +1521,7 @@ export const useAppStore = defineStore('app', () => {
     setChatList,
     delChatList,
     delAllChatList,
+    setBusinessHandleInfo,
     setChatId,
     setCurrentItemId,
     setFindActiveItem,
diff --git a/src/utils/index.js b/src/utils/index.js
index 91e10d3..8e308e8 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,688 +1,688 @@
-// import Vue from 'vue'
-import router from '@/router'
-import pinia from '@/store'
-import CryptoJS from "crypto-js";
-import utils from '@/utils/utils';
-import wx from 'weixin-js-sdk';
-import { useAppStore } from '@/store/app.js'
-/**
- * 获取uuid
- */
-export function getUUID() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
-    return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16)
-  })
-}
-
-/**
- * 是否有权限
- * @param {*} key
- */
-export function isAuth(key) {
-  return JSON.parse(sessionStorage.getItem('permissions') || '[]').indexOf(key) !== -1 || false
-}
-
-/**
- * 树形数据转换
- * @param {*} data
- * @param {*} id
- * @param {*} pid
- */
-export function treeDataTranslate(data, id = 'id', pid = 'parentId') {
-  var res = []
-  var temp = {}
-  for (var i = 0; i < data.length; i++) {
-    temp[data[i][id]] = data[i]
-  }
-
-  for (var k = 0; k < data.length; k++) {
-    if (temp[data[k][pid]] && data[k][id] !== data[k][pid]) {
-      if (!temp[data[k][pid]]['children']) {
-        temp[data[k][pid]]['children'] = []
-      }
-
-      if (!temp[data[k][pid]]['_level']) {
-        temp[data[k][pid]]['_level'] = 1
-      }
-
-      data[k]['_level'] = temp[data[k][pid]]._level + 1;
-
-      temp[data[k][pid]]['children'].push(data[k])
-    } else {
-
-      res.push(data[k])
-    }
-  }
-  return res
-}
-
-
-export function toTreeArry(data) {
-  const result = []
-  data.forEach(item => {
-    const loop = data => {
-      let child = data.children;
-      if (child) { // 是否有子节点，有则继续遍历下一级，无则是叶子节点
-        for (let i = 0; i < child.length; i++) {
-          loop(child[i])
-        }
-      } else {
-        result.push(data)
-      }
-    }
-
-    loop(item)
-  })
-
-  // console.log(JSON.stringify(result))
-  return result;
-}
-
-
-/**
- * list转换成tree
- * @param {*} oldArr
- * @param {*} menuId
- * @param {*} parentId
- */
-/**
- * list转换成tree
- * @param {*} oldArr
- * @param {*} menuId
- * @param {*} parentId
- */
-export function listToTree(oldArr) {
-
-  // 删除 所有 children,以防止多次调用
-  oldArr.forEach(function (item) {
-    item.checked = false;
-    delete item.children;
-  });
-
-  oldArr.forEach(element => {
-    let parentId = element.parentId;
-
-    if (parentId !== 0) {
-      oldArr.forEach(ele => {
-        if (ele.menuId == parentId) { //当内层循环的ID== 外层循环的parendId时，（说明有children），需要往该内层id里建个children并push对应的数组；
-          if (!ele.children) {
-            ele.children = [];
-          }
-          // ele.children.push(element);
-          (ele.children || (ele.children = [])).push(element);
-        }
-      });
-    }
-  });
-  // console.log(oldArr) //此时的数组是在原基础上补充了children;
-  oldArr = oldArr.filter(ele => ele.parentId === 0); //这一步是过滤，按树展开，将多余的数组剔除；
-  // console.log(JSON.stringify(oldArr))
-  return oldArr;
-}
-
-
-/**
- * list转换成tree
- * @param {*} data
- * @param {*} menuId
- * @param {*} parentId
- */
-export function toTree(data) {
-  // 删除 所有 children,以防止多次调用
-  data.forEach(function (item) {
-    item.checked = false;
-    delete item.children;
-  });
-
-  // 将数据存储为 以 menuId 为 KEY 的 map 索引数据列
-  var map = {};
-  data.forEach(function (item) {
-    map[item.menuId] = item;
-  });
-
-  var val = [];
-  data.forEach(function (item) {
-    // 以当前遍历项，的parentId,去map对象中找到索引的id
-    var parent = map[item.parentId];
-    // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
-    if (parent) {
-      (parent.children || (parent.children = [])).push(item);
-    } else {
-      item.children = [];
-      //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
-      val.push(item);
-    }
-  });
-  // console.log(JSON.stringify(val))
-  return val;
-}
-
-
-/**
- *  判断tree是不是最后一级
- */
-export function isTail(data) {
-  const child = data.children;
-  return !child || child.length == 0;
-}
-
-/**
- * 把tree树的最后一级的父类children改为menuOptionsList
- */
-export function changeChildenName(data) {
-  const child = data.children;
-  if (!!child && child.length > 0) {
-    if (isTail(child[0])) {
-      data.menuOptionsList = child;
-      data.children = [];
-      return;
-    }
-    child.forEach(changeChildenName);
-  }
-}
-
-//根据最后一个找到整个家族
-export function familyTree(arr, parentId) {
-  var temp = [];
-  var forFn = function (arr, parentId) {
-    for (var i = 0; i < arr.length; i++) {
-      var item = arr[i];
-      if (item.menuId == parentId) {
-        temp.push(item);
-        forFn(arr, item.parentId);
-      }
-    }
-  };
-  forFn(arr, parentId);
-  return temp;
-}
-
-
-/**
- * 树转list
- */
-export function treeToList(tree) {
-  for (var i in tree) {
-    var node = tree[i];
-    list = [];  //结果lsit
-    if (node.children.length !== 0) {  //遍历树的第一层,只有一个根结点
-      //第一层加入到list中,因为根结点模块设置为虚拟结点,所以不用加入
-      /*list.push({
-          id: node.id,
-          name: node.title,
-          parentId:node.parentId
-      });*/
-      toListDF(node.children, list, node.menuId);  //遍历子树,并加入到list中.
-    }
-  }
-  return list;
-}
-
-/**
- * 深度优先遍历树
- * 一个递归方法
- * @params tree:要转换的树结构数据
- * @params list:保存结果的列表结构数据，初始传list = []
- * @params parentId:当前遍历节点的父级节点id，初始为null(因为根节点无parentId)
- **/
-export function toListDF(tree, list, parentId) {
-  for (var i in tree) { //遍历最上层
-    //将当前树放入list中
-    var node = tree[i];
-    list.push({
-      menuId: node.menuId,
-      name: node.title,
-      parentId: parentId
-    });
-    //如果有子结点,再遍历子结点
-    if (node.children.length !== 0) {
-      toListDF(node.children, list, node.menuId)  //递归
-    }
-  }
-}
-
-/**
- * 清除登录信息
- */
-export function clearLoginInfo() {
-  // Vue.cookie.delete('token')
-  useAppStore(pinia).commit('resetStore')
-  router.options.isAddDynamicMenuRoutes = false
-}
-
-
-/**
- * 函数防抖 (只执行最后一次点击)
- * @param fn
- * @param delay
- * @returns {Function}
- * @constructor
-*/
-export function _debounce(fn, delay) {
-
-  var delay = delay || 500;
-  var timer;
-  return function () {
-    var th = this;
-    var args = arguments;
-    if (timer) {
-      clearTimeout(timer);
-    }
-    timer = setTimeout(function () {
-      timer = null;
-      fn.apply(th, args);
-    }, delay);
-  };
-}
-
-/**
-* 函数节流
-* @param fn
-* @param interval
-* @returns {Function}
-* @constructor
-*/
-export function _throttle(fn, interval) {
-  var last;
-  var timer;
-  var interval = interval || 500;
-  return function () {
-    var th = this;
-    var args = arguments;
-    var now = +new Date();
-    if (last && now - last < interval) {
-      clearTimeout(timer);
-      timer = setTimeout(function () {
-        last = now;
-        fn.apply(th, args);
-      }, interval);
-    } else {
-      last = now;
-      fn.apply(th, args);
-    }
-  }
-}
-
-/**
-* 判断一个字符串是不是json格式
-* @param str
-* @returns Boolean
-* @constructor
-*/
-export function isJSON(str) {
-  if (typeof (str) === 'string') {
-    try {
-      var obj = JSON.parse(str);
-      if (typeof (obj) === 'object' && obj) {
-        return true;
-      } else {
-        return false;
-      }
-    } catch (e) {
-      return false;
-    }
-  }
-}
-
-//监听页面显示隐藏方法
-//显示隐藏页面
-export function getHiddenProp() {
-  var prefixes = ['webkit', 'moz', 'ms', 'o'];
-  // if 'hidden' is natively supported just return it
-  if ('hidden' in document) return 'hidden';
-  // otherwise loop over all the known prefixes until we find one
-  for (var i = 0; i < prefixes.length; i++) {
-    if ((prefixes[i] + 'Hidden') in document)
-      return prefixes[i] + 'Hidden';
-  }
-  // otherwise it's not supported
-  return null;
-}
-
-export function getVisibilityState() {
-  var prefixes = ['webkit', 'moz', 'ms', 'o'];
-  if ('visibilityState' in document) return 'visibilityState';
-  for (var i = 0; i < prefixes.length; i++) {
-    if ((prefixes[i] + 'VisibilityState') in document)
-      return prefixes[i] + 'VisibilityState';
-  }
-  // otherwise it's not supported
-  return null;
-}
-
-export function isHidden() {
-  var prop = getHiddenProp();
-  if (!prop) return false;
-  return document[prop];
-}
-
-//本地显示图片
-export function getHost() {
-  var protocol = window.location.protocol;
-  var host = window.location.host;
-  var hostName = '';
-
-  if (host.indexOf("localhost") >= 0) {
-    hostName = `https://ssp-dev.trace.com.cn`
-  } else {
-    hostName = `..`
-  }
-
-  return hostName;
-}
-
-function safeUtf8(words) {
-  try {
-    return CryptoJS.enc.Utf8.stringify(words) || ''
-  } catch (e) {
-    return ''
-  }
-}
-
-function normalizeCipherText(value) {
-  let normalized = String(value ?? '').replace(/\s+/g, '').replace(/\r|\n/g, '')
-  try {
-    if (/%[0-9A-Fa-f]{2}/.test(normalized)) {
-      normalized = decodeURIComponent(normalized)
-    }
-  } catch (e) {}
-  // URL-safe Base64
-  normalized = normalized.replace(/-/g, '+').replace(/_/g, '/')
-  return normalized
-}
-
-export function Encrypt(Okey, Oiv, payload) {
-  const key = CryptoJS.enc.Utf8.parse(Okey);
-  const iv = CryptoJS.enc.Utf8.parse(Oiv);
-  let srcs = CryptoJS.enc.Utf8.parse(payload)
-  const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
-  const base64str = CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
-  // return encrypted.ciphertext.toString().toUpperCase();
-  return base64str
-}
-
-export function Decryption(Okey, Oiv, value) {
-  if (value === undefined || value === null || value === '') return ''
-  if (typeof value !== 'string' && typeof value !== 'number') return ''
-  const key = CryptoJS.enc.Utf8.parse(Okey);
-  const iv = CryptoJS.enc.Utf8.parse(Oiv);
-  const normalized = normalizeCipherText(value)
-  const options = { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }
-
-  // 1) 历史 Hex 密文
-  if (/^[0-9A-Fa-f]+$/.test(normalized) && normalized.length % 32 === 0) {
-    const hexDecrypt = CryptoJS.AES.decrypt(
-      { ciphertext: CryptoJS.enc.Hex.parse(normalized) },
-      key,
-      options,
-    )
-    const hexText = safeUtf8(hexDecrypt)
-    if (hexText) return hexText
-  }
-
-  // 2) 兼容原 OpenSSL/Base64 字符串解密（ASR 等存量逻辑）
-  const opensslDecrypt = CryptoJS.AES.decrypt(normalized, key, options)
-  const opensslText = safeUtf8(opensslDecrypt)
-  if (opensslText) return opensslText
-
-  // 3) 显式按裸 Base64 ciphertext 再试（与 Encrypt 输出对齐）
-  try {
-    const rawDecrypt = CryptoJS.AES.decrypt(
-      { ciphertext: CryptoJS.enc.Base64.parse(normalized) },
-      key,
-      options,
-    )
-    return safeUtf8(rawDecrypt)
-  } catch (e) {
-    return ''
-  }
-}
-
-export function decryptByVersionNo1(versionNo1Cipher, cipherText) {
-  if (!versionNo1Cipher || !cipherText) return ''
-  const normalizedCipher = normalizeCipherText(cipherText)
-  const year = new Date().getFullYear()
-  // 兼容跨年：versionNo1 可能按加密当年的 year 生成
-  const yearCandidates = [year, year - 1, year - 2, year + 1]
-
-  for (const y of yearCandidates) {
-    const versionNo1 = DecryptionECB(`${y}${y}${y}${y}`, versionNo1Cipher)
-    if (!versionNo1 || versionNo1.length < 32) continue
-    const key = versionNo1.substring(0, 16)
-    const iv = versionNo1.substring(16, 32)
-    if (key.length !== 16 || iv.length !== 16) continue
-    const plain = Decryption(key, iv, normalizedCipher)
-    if (plain) return plain.replace(/^["']+|["']+$/g, '').trim()
-  }
-  return ''
-}
-
-export function DecryptionECB(keyECB, valueECB) {
-  if (valueECB === undefined || valueECB === null || valueECB === '') return ''
-  const key = CryptoJS.enc.Utf8.parse(keyECB)
-  const normalized = normalizeCipherText(valueECB)
-  const options = { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }
-
-  // 1) Hex
-  if (/^[0-9A-Fa-f]+$/.test(normalized) && normalized.length % 32 === 0) {
-    const hexDecrypt = CryptoJS.AES.decrypt(
-      { ciphertext: CryptoJS.enc.Hex.parse(normalized) },
-      key,
-      options,
-    )
-    const hexText = safeUtf8(hexDecrypt)
-    if (hexText) return hexText
-  }
-
-  // 2) OpenSSL/Base64 string
-  const opensslDecrypt = CryptoJS.AES.decrypt(normalized, key, options)
-  const opensslText = safeUtf8(opensslDecrypt)
-  if (opensslText) return opensslText
-
-  // 3) raw Base64 ciphertext
-  try {
-    const rawDecrypt = CryptoJS.AES.decrypt(
-      { ciphertext: CryptoJS.enc.Base64.parse(normalized) },
-      key,
-      options,
-    )
-    return safeUtf8(rawDecrypt)
-  } catch (e) {
-    return ''
-  }
-}
-
-export function isSit() {
-  return window.location.host.includes('sit')
-}
-
-export function isDev() {
-  return window.location.host.includes('localhost') || window.location.host.includes('172.16')
-}
-
-export function isProd() {
-  return window.location.host.includes('sxznjh.trace.com.cn') || window.location.host.includes('ssp.trace.com.cn') || window.location.host.includes('dev.trace.com.cn')
-}
-export function jumpOpenLink(url) {
-  utils.AppToHttpHtml(url);
-}
-export function jumpOpenWeb(type, url, urlType) {
-  console.log('chat-content', type, url);
-  var params = {};
-
-  if (type === "YY_0000") {
-    //保单管家
-    params = {
-      idnum: "1",
-      ownerId: useAppStore().userInfo.encryptPid,
-      openid: useAppStore().userInfo.sourceUserId,
-    };
-    //置换密匙
-    const completeURL = handleURL(url, params)
-   Post("semantic/getYdbqTicket", { url: completeURL, userId: useAppStore().userId }).then(res => {
-      console.log(res)
-      if (res.code === 0) {
-        //data空表示开关关闭
-        if (res.data === "" || res.data === null || res.data === undefined) {
-          utils.openWxPage(url, params);
-        } else {
-          const ticketParam = {
-            accessTicket: res.data
-          }
-          utils.openWxPage(url, ticketParam);
-        }
-      } else {
-        Toast("网络异常，请重试")
-      }
-    })
-  } else if (type === "YY_ydbq") {
-    //移动保全页面
-    params = {
-      mobile: useAppStore().userInfo.phone,
-      pid: useAppStore().userInfo.encryptPid,
-      openid: useAppStore().userInfo.sourceUserId,
-    };
-    //置换密匙
-    const completeURL = handleURL(url, params)
-    Post("semantic/getYdbqTicket", { url: completeURL, userId: useAppStore().userId }).then(res => {
-      console.log(res)
-      if (res.code === 0) {
-        //data空表示开关关闭
-        if (res.data === "" || res.data === null || res.data === undefined) {
-          utils.openWxPage(url, params);
-        } else {
-          const ticketParam = {
-            accessTicket: res.data
-          }
-          utils.openWxPage(url, ticketParam);
-        }
-      } else {
-        Toast("网络异常，请重试")
-      }
-    })
-  } else if (type === "YY_APP_H5") {
-    //在app内部页面打开h5（带参形式）
-    params = {
-      mobile: useAppStore().userInfo.phone,
-      pid: useAppStore().userInfo.encryptPid,
-    };
-
-    utils.AppOpenH5(url, params);
-  } else if (type === "ydbq_2") {
-    // 给付系统
-    params = {
-      url: url,
-      generateType: type,
-      userId: useAppStore().userId,
-    };
-    return utils.openSpecPage(params);
-  } else if (type === "YY_CMD") {
-    // 查门店
-    const newUrl = url + `&idnum=1&openId=${useAppStore().userInfo.sourceUserId}&entryOpenid=${useAppStore().userInfo.entryOpenid}`
-    //置换密匙
-    Post("semantic/getYdbqTicket", { url: newUrl, userId: useAppStore().userId, isCmd: "1" }).then(res => {
-      console.log(res)
-      if (res.code === 0) {
-        //data空表示开关关闭
-        if (res.data === "" || res.data === null || res.data === undefined) {
-          return jumpOpenLink(newUrl);
-        } else {
-          const ticketUrl = url + `&accessTicket=${res.data}`
-          return jumpOpenLink(ticketUrl);
-        }
-      } else {
-        Toast("网络异常，请重试")
-      }
-    })
-  } else if (type === "YY_lsjl") {
-    // 跳转历史记录
-    const openid = utils.getUrlParams().openid
-   router.push({
-      name: "history",
-      query: {
-        ht: useAppStore().source,
-        openid: openid,
-        tokenExist: Boolean(useAppStore().token),
-        isWX: utils.isWeiXin(),
-        lostChatInfoNum: useAppStore().isLostMessage || 0,
-        param: utils.getUrlParams().param
-      },
-    });
-    return
-  } else if (type === "YY_kjmyd") {
-    utils.useTechSdk()
-    return
-  } else if (type === "YY_hfhz") {
-    // 回访回执
-    const param = { certNum: "1", systemSource: "yykf", userId: useAppStore().userId }
-    Post("semantic/xdhfCreateToken", param).then(res => {
-      const entryptedId = useAppStore().userInfo.versionHFHZ
-      params = {
-        sessionToken: res.data,
-        holderId: encodeURI(entryptedId),
-        holderType: 'a',
-        hzhfSystemSource: '0803',
-        ishwFlag: '1',
-        isqshzFlag: '1',
-      }
-      utils.openWxPage(url, params);
-    })
-  } else if (type === "YY_1v1") {
-    //  1v1专属服务
-    post("thirdPartyAuth/getExclusiveServicesToken").then(res => {
-      if (res.code === 0) {
-        if (res.data) {
-          params = {
-            sour: 'yykf',
-            omoSource: useAppStore().userInfo.source,
-            omoSourceName: encodeURIComponent(useAppStore().userInfo.sourceName),
-            token: res.data
-          }
-          utils.openWxPage(url, params);
-        }
-
-      } else {
-        Toast("网络异常，请重试")
-      }
-    })
-  } else if (type === "YY_yzsfx") {
-    //  一站式复效
-    Post("semantic/getYzsUrl", { userId: useAppStore().userId, bqType: url, urlType }).then(res => {
-      if (res.code === 0) {
-        if (res.data) {
-          let yUrl = res.data
-          utils.openWxPage(yUrl, '');
-        }
-      } else {
-        Toast("网络异常，请重试")
-      }
-    })
-  } else if (type === "YY_GWXCX") {
-    //官微小程序
-    const path = url;
-    wx.miniProgram.navigateTo({
-      url: path
-    });
-  } else if (type === "YY_GWXCX_HOME") {
-    //官微小程序首页
-    const path = url;
-    console.log('path', path, wx.miniProgram.reLaunch)
-    wx.miniProgram.reLaunch({
-      url: path
-    });
-  }
-}
-export function handleURL(url, params) {
-  let flag = url.indexOf("?") != -1 ? true : false
-  let urlPar = '';
-  if (params) {
-    Object.getOwnPropertyNames(params).forEach((item, index) => {
-      if (index === 0 && !flag) {
-        urlPar += `?${item}=${params[item]}`;
-      } else {
-        urlPar += `&${item}=${params[item]}`
-      }
-    });
-  }
-  return url + urlPar
-}
+// import Vue from 'vue'
+import router from '@/router'
+import pinia from '@/store'
+import CryptoJS from "crypto-js";
+import utils from '@/utils/utils';
+import wx from 'weixin-js-sdk';
+import { useAppStore } from '@/store/app.js'
+/**
+ * 获取uuid
+ */
+export function getUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+    return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16)
+  })
+}
+
+/**
+ * 是否有权限
+ * @param {*} key
+ */
+export function isAuth(key) {
+  return JSON.parse(sessionStorage.getItem('permissions') || '[]').indexOf(key) !== -1 || false
+}
+
+/**
+ * 树形数据转换
+ * @param {*} data
+ * @param {*} id
+ * @param {*} pid
+ */
+export function treeDataTranslate(data, id = 'id', pid = 'parentId') {
+  var res = []
+  var temp = {}
+  for (var i = 0; i < data.length; i++) {
+    temp[data[i][id]] = data[i]
+  }
+
+  for (var k = 0; k < data.length; k++) {
+    if (temp[data[k][pid]] && data[k][id] !== data[k][pid]) {
+      if (!temp[data[k][pid]]['children']) {
+        temp[data[k][pid]]['children'] = []
+      }
+
+      if (!temp[data[k][pid]]['_level']) {
+        temp[data[k][pid]]['_level'] = 1
+      }
+
+      data[k]['_level'] = temp[data[k][pid]]._level + 1;
+
+      temp[data[k][pid]]['children'].push(data[k])
+    } else {
+
+      res.push(data[k])
+    }
+  }
+  return res
+}
+
+
+export function toTreeArry(data) {
+  const result = []
+  data.forEach(item => {
+    const loop = data => {
+      let child = data.children;
+      if (child) { // 是否有子节点，有则继续遍历下一级，无则是叶子节点
+        for (let i = 0; i < child.length; i++) {
+          loop(child[i])
+        }
+      } else {
+        result.push(data)
+      }
+    }
+
+    loop(item)
+  })
+
+  // console.log(JSON.stringify(result))
+  return result;
+}
+
+
+/**
+ * list转换成tree
+ * @param {*} oldArr
+ * @param {*} menuId
+ * @param {*} parentId
+ */
+/**
+ * list转换成tree
+ * @param {*} oldArr
+ * @param {*} menuId
+ * @param {*} parentId
+ */
+export function listToTree(oldArr) {
+
+  // 删除 所有 children,以防止多次调用
+  oldArr.forEach(function (item) {
+    item.checked = false;
+    delete item.children;
+  });
+
+  oldArr.forEach(element => {
+    let parentId = element.parentId;
+
+    if (parentId !== 0) {
+      oldArr.forEach(ele => {
+        if (ele.menuId == parentId) { //当内层循环的ID== 外层循环的parendId时，（说明有children），需要往该内层id里建个children并push对应的数组；
+          if (!ele.children) {
+            ele.children = [];
+          }
+          // ele.children.push(element);
+          (ele.children || (ele.children = [])).push(element);
+        }
+      });
+    }
+  });
+  // console.log(oldArr) //此时的数组是在原基础上补充了children;
+  oldArr = oldArr.filter(ele => ele.parentId === 0); //这一步是过滤，按树展开，将多余的数组剔除；
+  // console.log(JSON.stringify(oldArr))
+  return oldArr;
+}
+
+
+/**
+ * list转换成tree
+ * @param {*} data
+ * @param {*} menuId
+ * @param {*} parentId
+ */
+export function toTree(data) {
+  // 删除 所有 children,以防止多次调用
+  data.forEach(function (item) {
+    item.checked = false;
+    delete item.children;
+  });
+
+  // 将数据存储为 以 menuId 为 KEY 的 map 索引数据列
+  var map = {};
+  data.forEach(function (item) {
+    map[item.menuId] = item;
+  });
+
+  var val = [];
+  data.forEach(function (item) {
+    // 以当前遍历项，的parentId,去map对象中找到索引的id
+    var parent = map[item.parentId];
+    // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
+    if (parent) {
+      (parent.children || (parent.children = [])).push(item);
+    } else {
+      item.children = [];
+      //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
+      val.push(item);
+    }
+  });
+  // console.log(JSON.stringify(val))
+  return val;
+}
+
+
+/**
+ *  判断tree是不是最后一级
+ */
+export function isTail(data) {
+  const child = data.children;
+  return !child || child.length == 0;
+}
+
+/**
+ * 把tree树的最后一级的父类children改为menuOptionsList
+ */
+export function changeChildenName(data) {
+  const child = data.children;
+  if (!!child && child.length > 0) {
+    if (isTail(child[0])) {
+      data.menuOptionsList = child;
+      data.children = [];
+      return;
+    }
+    child.forEach(changeChildenName);
+  }
+}
+
+//根据最后一个找到整个家族
+export function familyTree(arr, parentId) {
+  var temp = [];
+  var forFn = function (arr, parentId) {
+    for (var i = 0; i < arr.length; i++) {
+      var item = arr[i];
+      if (item.menuId == parentId) {
+        temp.push(item);
+        forFn(arr, item.parentId);
+      }
+    }
+  };
+  forFn(arr, parentId);
+  return temp;
+}
+
+
+/**
+ * 树转list
+ */
+export function treeToList(tree) {
+  for (var i in tree) {
+    var node = tree[i];
+    list = [];  //结果lsit
+    if (node.children.length !== 0) {  //遍历树的第一层,只有一个根结点
+      //第一层加入到list中,因为根结点模块设置为虚拟结点,所以不用加入
+      /*list.push({
+          id: node.id,
+          name: node.title,
+          parentId:node.parentId
+      });*/
+      toListDF(node.children, list, node.menuId);  //遍历子树,并加入到list中.
+    }
+  }
+  return list;
+}
+
+/**
+ * 深度优先遍历树
+ * 一个递归方法
+ * @params tree:要转换的树结构数据
+ * @params list:保存结果的列表结构数据，初始传list = []
+ * @params parentId:当前遍历节点的父级节点id，初始为null(因为根节点无parentId)
+ **/
+export function toListDF(tree, list, parentId) {
+  for (var i in tree) { //遍历最上层
+    //将当前树放入list中
+    var node = tree[i];
+    list.push({
+      menuId: node.menuId,
+      name: node.title,
+      parentId: parentId
+    });
+    //如果有子结点,再遍历子结点
+    if (node.children.length !== 0) {
+      toListDF(node.children, list, node.menuId)  //递归
+    }
+  }
+}
+
+/**
+ * 清除登录信息
+ */
+export function clearLoginInfo() {
+  // Vue.cookie.delete('token')
+  useAppStore(pinia).commit('resetStore')
+  router.options.isAddDynamicMenuRoutes = false
+}
+
+
+/**
+ * 函数防抖 (只执行最后一次点击)
+ * @param fn
+ * @param delay
+ * @returns {Function}
+ * @constructor
+*/
+export function _debounce(fn, delay) {
+
+  var delay = delay || 500;
+  var timer;
+  return function () {
+    var th = this;
+    var args = arguments;
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(function () {
+      timer = null;
+      fn.apply(th, args);
+    }, delay);
+  };
+}
+
+/**
+* 函数节流
+* @param fn
+* @param interval
+* @returns {Function}
+* @constructor
+*/
+export function _throttle(fn, interval) {
+  var last;
+  var timer;
+  var interval = interval || 500;
+  return function () {
+    var th = this;
+    var args = arguments;
+    var now = +new Date();
+    if (last && now - last < interval) {
+      clearTimeout(timer);
+      timer = setTimeout(function () {
+        last = now;
+        fn.apply(th, args);
+      }, interval);
+    } else {
+      last = now;
+      fn.apply(th, args);
+    }
+  }
+}
+
+/**
+* 判断一个字符串是不是json格式
+* @param str
+* @returns Boolean
+* @constructor
+*/
+export function isJSON(str) {
+  if (typeof (str) === 'string') {
+    try {
+      var obj = JSON.parse(str);
+      if (typeof (obj) === 'object' && obj) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (e) {
+      return false;
+    }
+  }
+}
+
+//监听页面显示隐藏方法
+//显示隐藏页面
+export function getHiddenProp() {
+  var prefixes = ['webkit', 'moz', 'ms', 'o'];
+  // if 'hidden' is natively supported just return it
+  if ('hidden' in document) return 'hidden';
+  // otherwise loop over all the known prefixes until we find one
+  for (var i = 0; i < prefixes.length; i++) {
+    if ((prefixes[i] + 'Hidden') in document)
+      return prefixes[i] + 'Hidden';
+  }
+  // otherwise it's not supported
+  return null;
+}
+
+export function getVisibilityState() {
+  var prefixes = ['webkit', 'moz', 'ms', 'o'];
+  if ('visibilityState' in document) return 'visibilityState';
+  for (var i = 0; i < prefixes.length; i++) {
+    if ((prefixes[i] + 'VisibilityState') in document)
+      return prefixes[i] + 'VisibilityState';
+  }
+  // otherwise it's not supported
+  return null;
+}
+
+export function isHidden() {
+  var prop = getHiddenProp();
+  if (!prop) return false;
+  return document[prop];
+}
+
+//本地显示图片
+export function getHost() {
+  var protocol = window.location.protocol;
+  var host = window.location.host;
+  var hostName = '';
+
+  if (host.indexOf("localhost") >= 0) {
+    hostName = `https://ssp-dev.trace.com.cn`
+  } else {
+    hostName = `..`
+  }
+
+  return hostName;
+}
+
+function safeUtf8(words) {
+  try {
+    return CryptoJS.enc.Utf8.stringify(words) || ''
+  } catch (e) {
+    return ''
+  }
+}
+
+function normalizeCipherText(value) {
+  let normalized = String(value ?? '').replace(/\s+/g, '').replace(/\r|\n/g, '')
+  try {
+    if (/%[0-9A-Fa-f]{2}/.test(normalized)) {
+      normalized = decodeURIComponent(normalized)
+    }
+  } catch (e) {}
+  // URL-safe Base64
+  normalized = normalized.replace(/-/g, '+').replace(/_/g, '/')
+  return normalized
+}
+
+export function Encrypt(Okey, Oiv, payload) {
+  const key = CryptoJS.enc.Utf8.parse(Okey);
+  const iv = CryptoJS.enc.Utf8.parse(Oiv);
+  let srcs = CryptoJS.enc.Utf8.parse(payload)
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 })
+  const base64str = CryptoJS.enc.Base64.stringify(encrypted.ciphertext)
+  // return encrypted.ciphertext.toString().toUpperCase();
+  return base64str
+}
+
+export function Decryption(Okey, Oiv, value) {
+  if (value === undefined || value === null || value === '') return ''
+  if (typeof value !== 'string' && typeof value !== 'number') return ''
+  const key = CryptoJS.enc.Utf8.parse(Okey);
+  const iv = CryptoJS.enc.Utf8.parse(Oiv);
+  const normalized = normalizeCipherText(value)
+  const options = { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }
+
+  // 1) 历史 Hex 密文
+  if (/^[0-9A-Fa-f]+$/.test(normalized) && normalized.length % 32 === 0) {
+    const hexDecrypt = CryptoJS.AES.decrypt(
+      { ciphertext: CryptoJS.enc.Hex.parse(normalized) },
+      key,
+      options,
+    )
+    const hexText = safeUtf8(hexDecrypt)
+    if (hexText) return hexText
+  }
+
+  // 2) 兼容原 OpenSSL/Base64 字符串解密（ASR 等存量逻辑）
+  const opensslDecrypt = CryptoJS.AES.decrypt(normalized, key, options)
+  const opensslText = safeUtf8(opensslDecrypt)
+  if (opensslText) return opensslText
+
+  // 3) 显式按裸 Base64 ciphertext 再试（与 Encrypt 输出对齐）
+  try {
+    const rawDecrypt = CryptoJS.AES.decrypt(
+      { ciphertext: CryptoJS.enc.Base64.parse(normalized) },
+      key,
+      options,
+    )
+    return safeUtf8(rawDecrypt)
+  } catch (e) {
+    return ''
+  }
+}
+
+export function decryptByVersionNo1(versionNo1Cipher, cipherText) {
+  if (!versionNo1Cipher || !cipherText) return ''
+  const normalizedCipher = normalizeCipherText(cipherText)
+  const year = new Date().getFullYear()
+  // 兼容跨年：versionNo1 可能按加密当年的 year 生成
+  const yearCandidates = [year, year - 1, year - 2, year + 1]
+
+  for (const y of yearCandidates) {
+    const versionNo1 = DecryptionECB(`${y}${y}${y}${y}`, versionNo1Cipher)
+    if (!versionNo1 || versionNo1.length < 32) continue
+    const key = versionNo1.substring(0, 16)
+    const iv = versionNo1.substring(16, 32)
+    if (key.length !== 16 || iv.length !== 16) continue
+    const plain = Decryption(key, iv, normalizedCipher)
+    if (plain) return plain.replace(/^["']+|["']+$/g, '').trim()
+  }
+  return ''
+}
+
+export function DecryptionECB(keyECB, valueECB) {
+  if (valueECB === undefined || valueECB === null || valueECB === '') return ''
+  const key = CryptoJS.enc.Utf8.parse(keyECB)
+  const normalized = normalizeCipherText(valueECB)
+  const options = { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }
+
+  // 1) Hex
+  if (/^[0-9A-Fa-f]+$/.test(normalized) && normalized.length % 32 === 0) {
+    const hexDecrypt = CryptoJS.AES.decrypt(
+      { ciphertext: CryptoJS.enc.Hex.parse(normalized) },
+      key,
+      options,
+    )
+    const hexText = safeUtf8(hexDecrypt)
+    if (hexText) return hexText
+  }
+
+  // 2) OpenSSL/Base64 string
+  const opensslDecrypt = CryptoJS.AES.decrypt(normalized, key, options)
+  const opensslText = safeUtf8(opensslDecrypt)
+  if (opensslText) return opensslText
+
+  // 3) raw Base64 ciphertext
+  try {
+    const rawDecrypt = CryptoJS.AES.decrypt(
+      { ciphertext: CryptoJS.enc.Base64.parse(normalized) },
+      key,
+      options,
+    )
+    return safeUtf8(rawDecrypt)
+  } catch (e) {
+    return ''
+  }
+}
+
+export function isSit() {
+  return window.location.host.includes('sit')
+}
+
+export function isDev() {
+  return window.location.host.includes('localhost') || window.location.host.includes('172.16')
+}
+
+export function isProd() {
+  return window.location.host.includes('sxznjh.trace.com.cn') || window.location.host.includes('ssp.trace.com.cn') || window.location.host.includes('dev.trace.com.cn')
+}
+export function jumpOpenLink(url) {
+  utils.AppToHttpHtml(url);
+}
+export function jumpOpenWeb(type, url, urlType) {
+  console.log('chat-content', type, url);
+  var params = {};
+
+  if (type === "YY_0000") {
+    //保单管家
+    params = {
+      idnum: "1",
+      ownerId: useAppStore().userInfo.encryptPid,
+      openid: useAppStore().userInfo.sourceUserId,
+    };
+    //置换密匙
+    const completeURL = handleURL(url, params)
+   Post("semantic/getYdbqTicket", { url: completeURL, userId: useAppStore().userId }).then(res => {
+      console.log(res)
+      if (res.code === 0) {
+        //data空表示开关关闭
+        if (res.data === "" || res.data === null || res.data === undefined) {
+          utils.openWxPage(url, params);
+        } else {
+          const ticketParam = {
+            accessTicket: res.data
+          }
+          utils.openWxPage(url, ticketParam);
+        }
+      } else {
+        Toast("网络异常，请重试")
+      }
+    })
+  } else if (type === "YY_ydbq") {
+    //移动保全页面
+    params = {
+      mobile: useAppStore().userInfo.phone,
+      pid: useAppStore().userInfo.encryptPid,
+      openid: useAppStore().userInfo.sourceUserId,
+    };
+    //置换密匙
+    const completeURL = handleURL(url, params)
+    Post("semantic/getYdbqTicket", { url: completeURL, userId: useAppStore().userId }).then(res => {
+      console.log(res)
+      if (res.code === 0) {
+        //data空表示开关关闭
+        if (res.data === "" || res.data === null || res.data === undefined) {
+          utils.openWxPage(url, params);
+        } else {
+          const ticketParam = {
+            accessTicket: res.data
+          }
+          utils.openWxPage(url, ticketParam);
+        }
+      } else {
+        Toast("网络异常，请重试")
+      }
+    })
+  } else if (type === "YY_APP_H5") {
+    //在app内部页面打开h5（带参形式）
+    params = {
+      mobile: useAppStore().userInfo.phone,
+      pid: useAppStore().userInfo.encryptPid,
+    };
+
+    utils.AppOpenH5(url, params);
+  } else if (type === "ydbq_2") {
+    // 给付系统
+    params = {
+      url: url,
+      generateType: type,
+      userId: useAppStore().userId,
+    };
+    return utils.openSpecPage(params);
+  } else if (type === "YY_CMD") {
+    // 查门店
+    const newUrl = url + `&idnum=1&openId=${useAppStore().userInfo.sourceUserId}&entryOpenid=${useAppStore().userInfo.entryOpenid}`
+    //置换密匙
+    Post("semantic/getYdbqTicket", { url: newUrl, userId: useAppStore().userId, isCmd: "1" }).then(res => {
+      console.log(res)
+      if (res.code === 0) {
+        //data空表示开关关闭
+        if (res.data === "" || res.data === null || res.data === undefined) {
+          return jumpOpenLink(newUrl);
+        } else {
+          const ticketUrl = url + `&accessTicket=${res.data}`
+          return jumpOpenLink(ticketUrl);
+        }
+      } else {
+        Toast("网络异常，请重试")
+      }
+    })
+  } else if (type === "YY_lsjl") {
+    // 跳转历史记录
+    const openid = utils.getUrlParams().openid
+   router.push({
+      name: "history",
+      query: {
+        ht: useAppStore().source,
+        openid: openid,
+        tokenExist: Boolean(useAppStore().token),
+        isWX: utils.isWeiXin(),
+        lostChatInfoNum: useAppStore().isLostMessage || 0,
+        param: utils.getUrlParams().param
+      },
+    });
+    return
+  } else if (type === "YY_kjmyd") {
+    utils.useTechSdk()
+    return
+  } else if (type === "YY_hfhz") {
+    // 回访回执
+    const param = { certNum: "1", systemSource: "yykf", userId: useAppStore().userId }
+    Post("semantic/xdhfCreateToken", param).then(res => {
+      const entryptedId = useAppStore().userInfo.versionHFHZ
+      params = {
+        sessionToken: res.data,
+        holderId: encodeURI(entryptedId),
+        holderType: 'a',
+        hzhfSystemSource: '0803',
+        ishwFlag: '1',
+        isqshzFlag: '1',
+      }
+      utils.openWxPage(url, params);
+    })
+  } else if (type === "YY_1v1") {
+    //  1v1专属服务
+    post("thirdPartyAuth/getExclusiveServicesToken").then(res => {
+      if (res.code === 0) {
+        if (res.data) {
+          params = {
+            sour: 'yykf',
+            omoSource: useAppStore().userInfo.source,
+            omoSourceName: encodeURIComponent(useAppStore().userInfo.sourceName),
+            token: res.data
+          }
+          utils.openWxPage(url, params);
+        }
+
+      } else {
+        Toast("网络异常，请重试")
+      }
+    })
+  } else if (type === "YY_yzsfx") {
+    //  一站式复效
+    Post("semantic/getYzsUrl", { userId: useAppStore().userId, bqType: url, urlType }).then(res => {
+      if (res.code === 0) {
+        if (res.data) {
+          let yUrl = res.data
+          utils.openWxPage(yUrl, '');
+        }
+      } else {
+        Toast("网络异常，请重试")
+      }
+    })
+  } else if (type === "YY_GWXCX") {
+    //官微小程序
+    const path = url;
+    wx.miniProgram.navigateTo({
+      url: path
+    });
+  } else if (type === "YY_GWXCX_HOME") {
+    //官微小程序首页
+    const path = url;
+    console.log('path', path, wx.miniProgram.reLaunch)
+    wx.miniProgram.reLaunch({
+      url: path
+    });
+  }
+}
+export function handleURL(url, params) {
+  let flag = url.indexOf("?") != -1 ? true : false
+  let urlPar = '';
+  if (params) {
+    Object.getOwnPropertyNames(params).forEach((item, index) => {
+      if (index === 0 && !flag) {
+        urlPar += `?${item}=${params[item]}`;
+      } else {
+        urlPar += `&${item}=${params[item]}`
+      }
+    });
+  }
+  return url + urlPar
+}
diff --git a/src/utils/socket.js b/src/utils/socket.js
index 2b2ba9f..b7a691e 100644
--- a/src/utils/socket.js
+++ b/src/utils/socket.js
@@ -1,465 +1,465 @@
-import config from './config'
-import { showToast, showDialog, showConfirmDialog } from 'vant'
-import { useAppStore } from '@/store/app.js'
-import utils from './utils'
-
-// Keep the legacy socket implementation independent from Vuex.  The proxy
-// exposes the old state/commit/dispatch shape while reading the live Pinia
-// store instance for every call.
-const store = {
-    get state() {
-        return useAppStore().state
-    },
-    commit(type, payload) {
-        return useAppStore().commit(type, payload)
-    },
-    dispatch(type, payload) {
-        return useAppStore().dispatch(type, payload)
-    },
-}
-/**
- * 提示函数
- * 禁止点击蒙层、显示3秒后关闭
- */
-const toast = msg => {
-    showToast({
-        message: msg,
-        duration: 5000,
-        position: 'top',
-    });
-}
-
-const sendMessageFunction = (msgText) => {
-    return {
-        token: store.state.token,
-        fromFlag: 'other',
-        userId: store.state.userId,
-        sessionId: store.state.sessionId,
-        reqAndResType: '',
-        msgType: '', //
-        msgText: msgText,
-        intentId: '',
-        source: store.state.source,
-        timestamp: (new Date()).valueOf(),
-        msgSource: store.state.manualService, //1机器人 2人工
-        cmd: ''
-    }
-}
-
-//设置title
-document.setTitle = function (title) {
-    title = title || '洋洋客服';
-    store.commit('set_otherTips', title);
-
-    // document.title = title;
-    var iframe = document.createElement('iframe');
-    iframe.src = `${import.meta.env.BASE_URL}favicon.ico`;
-    iframe.style.display = 'none';
-    iframe.onload = function () {
-        setTimeout(function () {
-            iframe.remove();
-        }, 9)
-    }
-    document.body.appendChild(iframe);
-}
-
-
-let wsConnection = {
-    WSS_URL: config.WSURL,
-    $ws: null,
-    lockReturn: false,
-    //6s发一次心跳
-    timeout: 60 * 100 * 1,
-    timeoutObj: null,
-    timeoutNum: null,
-    serverTimeoutObj: null,
-    globalCallback: null,
-    sendMessageData: null,
-    reconectNum: 0,
-    //最大限制 重连次数
-    reconectTimes: 20,
-    closeSession: false,//是否关闭当前会话
-    //初始化webSocket长连接
-    initWebSocket: function (callback) {
-        var that = this;
-        var userId = store.state.userId;
-        var checkParam = store.state.token;
-        var sessionId = store.state.sessionId;
-
-        try {
-            if ('WebSocket' in window) {
-                // this.$ws = new WebSocket(this.WSS_URL + userId + "," + sessionId);
-                this.$ws = new WebSocket(`${this.WSS_URL}${userId}&${encodeURIComponent(checkParam)}`);
-            } else if ('MozWebSocket' in window) {
-                // this.$ws = new MozWebSocket(this.WSS_URL + userId + "," + sessionId);
-                this.$ws = new MozWebSocket(`${this.WSS_URL}${userId}&${encodeURIComponent(checkParam)}`);
-            } else {
-                showDialog({
-                    message: '您的浏览器不支持websocket协议,建议您使用Android系统版本大于4.0，ios系统版本大于7.0。'
-                }).then(() => {
-                    utils.closeWindow(); //关闭页面
-                });
-            }
-            // this.$ws.onopen = this.wsOpen;
-            this.$ws.addEventListener("open", event => {
-                this.wsOpen();
-            })
-
-            // this.$ws = new WebSocket(this.WSS_URL + userId + "," + sessionId);
-            this.$ws.onclose = this.wsClose;
-            this.$ws.onmessage = this.onMessage;
-            this.$ws.onerror = this.wsError;
-
-            callback && callback();
-
-            // store.commit('set_otherTips', "连接中...");
-            document.setTitle('连接中...')
-        } catch (e) {
-            wsConnection.reconnect()
-            console.log(e);
-        }
-    },
-    wsResendMessage() {
-        var sendFailList = store.state.sendFailList;//取出上次发送失败的消息
-        if (sendFailList.length > 0) {
-            for (let i = 0; i < sendFailList.length; i++) {
-                (function (i) {//这个匿名函数生成了闭包的效果，新建了一个作用域，这个作用域接收到每次循环的i值保存了下来，即使循环结束，闭包形成的作用域也不会被销毁
-                    setTimeout(function () {
-                        var dataResend = sendFailList[i];
-                        console.log("发送失败的数据ID==", dataResend.timestamp);
-
-                        wsConnection.sendMessage(dataResend, wsConnection.globalCallback);
-                        store.commit('set_currentItemId', dataResend.timestamp);
-                        store.commit('set_findActiveItem', false);//发送成功
-                    }, 200);
-                })(i);
-            }
-
-            store.commit('del_sendFailList');//删除发送成功的
-            console.log(store.state.sendFailList);
-        }
-    },
-    //打开websocket
-    wsOpen: function (e) {
-        var that = this;
-        //开始websocket心跳
-        wsConnection.startWsHeartbeat();
-        // toast('会话建立成功');
-        // store.commit('set_otherTips', "洋洋客服");
-        document.setTitle('洋洋客服')
-
-        //执行重新发送
-        // if(wsConnection.isReconnet){
-        //     wsConnection.wsResendMessage();
-        //     wsConnection.isReconnet = false;
-        // }
-
-        console.log("ws success " + new Date().format("yyyy-MM-dd hh:mm:ss"));
-    },
-    onMessage: function (event) {
-        //每次接收到服务端消息后 重置websocket心跳
-        wsConnection.resetHeartbeat();
-        let res = event.data;
-        try {
-            if (event.data === 'pong') {
-                console.log("收到心跳了:", event.data);
-                return;
-            }
-
-            if (event.data.match(/^\d+$/)) {
-                wsConnection.globalCallback && wsConnection.globalCallback(event.data);
-                return;
-            }
-
-            res = JSON.parse(res);
-            console.log("收到消息啦:", res.data || res);
-            if (res.data.cmd === 'ServiceSessionClosedEvent' && store.state.hxOpenSucceseds.includes(res.data.sessionId)) {
-                if(store.state.integratedUser){
-                    utils.useSdk(res.data)
-                }else{
-                    setTimeout(() => {
-                        utils.useSdk(res.data)
-                    }, 100);
-                }
-            }
-
-            if (res.code != 0) {
-                // toast(data.msg);
-                if (res.code === 10001) {
-                    // 删除已经失效或过期的token（不删除也可以，因为登录后覆盖）
-                    sessionStorage.removeItem("token");
-                    wsConnection.$ws.close();
-
-                    if (store.state.notitle === '1') {
-                        toast('当前会话已结束，请刷新页面或关闭页面重新进入');
-                        return
-                    }
-
-                    showConfirmDialog({
-                        title: '提示',
-                        message: '当前会话已结束，请刷新页面或关闭页面重新进入',
-                        confirmButtonText: '取消',
-                        cancelButtonText: '确认',
-                        confirmButtonColor: '#000000',
-                        cancelButtonColor: '#000000'
-                    }).then(() => {
-                        // on cancel (现在是右边的取消按钮)
-                        // utils.closeWindow();
-                        // router.replace({
-                        //     path: '/404' // 到登录页重新获取token
-                        // })
-                    }).catch(() => {
-                        // on confirm (现在是左边的确认按钮)
-                        //确认重新刷新页面获取token
-                        // window.location.reload();
-                        utils.AppReloadHtml();
-                    });
-                } else {
-                    if (res.msg) {
-                        toast(res.msg);
-                    }
-                }
-
-                return;
-            }
-
-            //是否转接人工参数
-            // if (res.data.cmd && res.data.cmd == "ServiceSessionCreatedEvent") {
-            //     store.dispatch('setTransferCustomer', 2);
-            // }
-
-            //客服接起不排队了
-            if (res.data.cmd && res.data.cmd == "ServiceSessionOpenedEvent") {
-                store.commit('set_queuedTimeout', true);
-
-                store.commit('set_msgStatus', '');//人工客服排队状态值 等待中："1"，其他：""
-                store.commit('set_msgReply', false);//人工客服排队是否调取自动回复话术
-            }
-
-            if (res.data.cmd && res.data.cmd == "ServiceSessionClosedEvent") {
-                wsConnection.closeSession = true;//是关闭会话
-                setTimeout(() => {
-                    store.commit('set_queuedTimeout', true);
-                    store.dispatch('setTransferCustomer', 1);//人工改为机器人
-                    wsConnection.$ws.close();
-
-                }, 2500)
-            }
-
-            //服务端发送来的消息存到vuex
-            store.dispatch('sendingDrtificial', res.data).then((res) => {
-            }).catch(err => {
-                console.log(err)
-            });
-
-            //如果会话关闭不用推送消息回执
-            if (res.data && res.data.chatId) {
-                let chatParam = JSON.stringify(res.data);
-                // wsConnection.$ws.send(chatParam, '');
-                wsConnection.sendMessage(chatParam, '');
-                console.log("发送消息回执", chatParam)
-            }
-        } catch (error) {
-            console.log(error)
-        }
-    },
-    //发送数据,接收处理数据
-    sendMessage: function (data, callback) {
-        //存储事件
-        wsConnection.globalCallback = callback;
-        // console.log(data, callback)
-
-        switch (wsConnection.$ws.readyState) {
-            //CONNECTING：值为0，表示正在连接。
-            case wsConnection.$ws.CONNECTING:
-                setTimeout(function () {
-                    wsConnection.sendMessage(data, callback);
-                }, 1000);
-                break;
-            //OPEN：值为1，表示连接成功，可以通信了。
-            case wsConnection.$ws.OPEN:
-                wsConnection.$ws.send(data);
-                break;
-            //CLOSING：值为2，表示连接正在关闭。
-            case wsConnection.$ws.CLOSING:
-                setTimeout(function () {
-                    wsConnection.sendMessage(data, callback);
-                }, 1000);
-                break;
-            //CLOSED：值为3，表示连接已经关闭，或者打开连接失败。
-            case wsConnection.$ws.CLOSED:
-                // do something
-                break;
-            default:
-                // this never happens
-                break;
-        }
-
-        //重新监听onmessage，并把数据传给回调函数
-        // wsConnection.onmessage = ev =>{
-        //     callback && callback(ev)
-        // }
-    },
-    //重启websocket
-    reconnect: function () {
-        let _this = this;
-        if (_this.lockReturn) {
-            return;
-        }
-        _this.isReconnet = true;
-        _this.lockReturn = true;
-
-        //没连接上会一直重连，设置延迟避免请求过多
-        if (_this.reconectNum < this.reconectTimes) {
-            _this.timeoutNum && clearTimeout(_this.timeoutNum);
-            _this.timeoutNum = setTimeout(function () {
-                _this.initWebSocket();
-                // toast('正在重连，请稍后...');
-                // store.commit('set_otherTips', "正在重连...");
-                document.setTitle('正在重连...')
-                console.info(`正在重连第${_this.reconectNum + 1}次`)
-                _this.reconectNum++
-                _this.lockReturn = false;
-            }, 4000);
-        } else {
-            // toast('重连次数超出设定值，不再重连，请检查配置项');
-            showDialog({
-                message: '重连次数超出设定值，不再重连。请检查您的网络设置，点击“确定”刷新页面，重新建立会话。'
-            }).then(() => {
-                // window.location.reload();
-                utils.AppReloadHtml();
-            });
-        }
-    },
-    //心跳检测,每5s心跳一次
-    startWsHeartbeat: function () {
-        let _this = this;
-        this.timeoutObj && clearTimeout(this.timeoutObj);
-        this.serverTimeoutObj && clearTimeout(this.serverTimeoutObj);
-
-        this.timeoutObj = setTimeout(() => {
-            //这里发送一个心跳，后端收到后，返回一个心跳消息，
-            //onmessage拿到返回的心跳就说明连接正常
-            if (wsConnection.$ws && wsConnection.$ws.readyState != wsConnection.$ws.CLOSED) {
-                //关闭当前会话后不发送ping
-                if (!wsConnection.closeSession) {
-                    _this.$ws.send("ping");
-                    console.log("ping!", new Date().format("yyyy-MM-dd hh:mm:ss"));
-                }
-            }
-
-            //如果超过一定时间还没重置，说明后端主动断开了
-            _this.serverTimeoutObj = setTimeout(() => {
-                //如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
-                _this.$ws.close();
-            }, _this.timeout)
-        }, this.timeout);
-    },
-    //重置websocket心跳
-    resetHeartbeat: function () {
-        let _this = this;
-        this.reconectNum = 0;
-        clearTimeout(_this.timeoutObj);
-        clearTimeout(_this.serverTimeoutObj);
-        _this.startWsHeartbeat();
-    },
-    wsError: function (err) {
-        console.log(err, 'ws error');
-        // store.commit('set_otherTips', "洋洋客服(未连接)");
-        document.setTitle('洋洋客服(未连接)')
-        wsConnection.reconnect()
-    },
-    wsClose: function (e) {
-        // console.log(e, 'ws close')
-        console.log("连接关闭! " + new Date().format("yyyy-MM-dd hh:mm:ss"));
-        console.log('websocket 断开: ' + e.code + ' 关闭的原因：' + e.reason + ' 是否正常关闭' + e.wasClean);
-
-        if (e.code !== 1000) {
-            // toast('当前会话已结束');
-            this.lockReturn = false
-            clearTimeout(this.timeoutNum)
-            wsConnection.reconnect();
-            // store.commit('set_otherTips', "洋洋客服(未连接)");
-            document.setTitle('洋洋客服(未连接)')
-            //当前转成机器人
-            // store.dispatch('setTransferCustomer', 1);
-        } else {
-            this.$ws = null;
-            clearInterval(this.timeoutObj)
-            clearTimeout(this.serverTimeoutObj)
-            // toast('会话已关闭');
-            // store.commit('set_otherTips', "洋洋客服");
-            document.setTitle('洋洋客服')
-            wsConnection.$ws.close();
-        }
-    },
-};
-
-//时间格式化
-Date.prototype.format = function (fmt) {
-    var o = {
-        "M+": this.getMonth() + 1, //月份
-        "d+": this.getDate(), //日
-        "h+": this.getHours(), //小时
-        "m+": this.getMinutes(), //分
-        "s+": this.getSeconds(), //秒
-        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-        "S": this.getMilliseconds() //毫秒
-    };
-    if (/(y+)/.test(fmt)) {
-        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-    }
-    for (var k in o) {
-        if (new RegExp("(" + k + ")").test(fmt)) {
-            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-        }
-    }
-    return fmt;
-}
-
-// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
-window.onbeforeunload = function (event) {
-    event = event || window.event;
-    try {
-        // toast('onbeforeunload关闭当前会话窗口啦');
-        var oldSessionId = localStorage.getItem('sessionId');
-        var liccsAds = localStorage.getItem('liccsAds'); // 记录用户弹窗提示
-        // sessionStorage.removeItem("manualService");
-        if (wsConnection.$ws) {
-            wsConnection.$ws.close();
-        }
-        //清除本地缓存
-        localStorage.clear();
-        localStorage.sessionId = oldSessionId || '';
-        localStorage.liccsAds = liccsAds || '';
-        //清除session
-        sessionStorage.clear();
-    } catch (error) {
-        console.log(error.message)
-    }
-}
-
-//安卓处理解决方案
-window.onunload = function (event) {
-    event = event || window.event;
-    try {
-        // toast('onunload关闭当前会话窗口啦');
-        var oldSessionId = localStorage.getItem('sessionId');
-        var liccsAds = localStorage.getItem('liccsAds'); // 记录用户弹窗提示
-        // sessionStorage.removeItem("manualService");
-        if (wsConnection.$ws) {
-            wsConnection.$ws.close();
-        }
-        //清除本地缓存
-        localStorage.clear();
-        localStorage.sessionId = oldSessionId || '';
-        localStorage.liccsAds = liccsAds || '';
-        //清除session
-        sessionStorage.clear();
-    } catch (error) {
-        console.log(error.message)
-    }
-}
-
-//抛出websocket对象
-export default wsConnection
+import config from './config'
+import { showToast, showDialog, showConfirmDialog } from 'vant'
+import { useAppStore } from '@/store/app.js'
+import utils from './utils'
+
+// Keep the legacy socket implementation independent from Vuex.  The proxy
+// exposes the old state/commit/dispatch shape while reading the live Pinia
+// store instance for every call.
+const store = {
+    get state() {
+        return useAppStore().state
+    },
+    commit(type, payload) {
+        return useAppStore().commit(type, payload)
+    },
+    dispatch(type, payload) {
+        return useAppStore().dispatch(type, payload)
+    },
+}
+/**
+ * 提示函数
+ * 禁止点击蒙层、显示3秒后关闭
+ */
+const toast = msg => {
+    showToast({
+        message: msg,
+        duration: 5000,
+        position: 'top',
+    });
+}
+
+const sendMessageFunction = (msgText) => {
+    return {
+        token: store.state.token,
+        fromFlag: 'other',
+        userId: store.state.userId,
+        sessionId: store.state.sessionId,
+        reqAndResType: '',
+        msgType: '', //
+        msgText: msgText,
+        intentId: '',
+        source: store.state.source,
+        timestamp: (new Date()).valueOf(),
+        msgSource: store.state.manualService, //1机器人 2人工
+        cmd: ''
+    }
+}
+
+//设置title
+document.setTitle = function (title) {
+    title = title || '洋洋客服';
+    store.commit('set_otherTips', title);
+
+    // document.title = title;
+    var iframe = document.createElement('iframe');
+    iframe.src = `${import.meta.env.BASE_URL}favicon.ico`;
+    iframe.style.display = 'none';
+    iframe.onload = function () {
+        setTimeout(function () {
+            iframe.remove();
+        }, 9)
+    }
+    document.body.appendChild(iframe);
+}
+
+
+let wsConnection = {
+    WSS_URL: config.WSURL,
+    $ws: null,
+    lockReturn: false,
+    //6s发一次心跳
+    timeout: 60 * 100 * 1,
+    timeoutObj: null,
+    timeoutNum: null,
+    serverTimeoutObj: null,
+    globalCallback: null,
+    sendMessageData: null,
+    reconectNum: 0,
+    //最大限制 重连次数
+    reconectTimes: 20,
+    closeSession: false,//是否关闭当前会话
+    //初始化webSocket长连接
+    initWebSocket: function (callback) {
+        var that = this;
+        var userId = store.state.userId;
+        var checkParam = store.state.token;
+        var sessionId = store.state.sessionId;
+
+        try {
+            if ('WebSocket' in window) {
+                // this.$ws = new WebSocket(this.WSS_URL + userId + "," + sessionId);
+                this.$ws = new WebSocket(`${this.WSS_URL}${userId}&${encodeURIComponent(checkParam)}`);
+            } else if ('MozWebSocket' in window) {
+                // this.$ws = new MozWebSocket(this.WSS_URL + userId + "," + sessionId);
+                this.$ws = new MozWebSocket(`${this.WSS_URL}${userId}&${encodeURIComponent(checkParam)}`);
+            } else {
+                showDialog({
+                    message: '您的浏览器不支持websocket协议,建议您使用Android系统版本大于4.0，ios系统版本大于7.0。'
+                }).then(() => {
+                    utils.closeWindow(); //关闭页面
+                });
+            }
+            // this.$ws.onopen = this.wsOpen;
+            this.$ws.addEventListener("open", event => {
+                this.wsOpen();
+            })
+
+            // this.$ws = new WebSocket(this.WSS_URL + userId + "," + sessionId);
+            this.$ws.onclose = this.wsClose;
+            this.$ws.onmessage = this.onMessage;
+            this.$ws.onerror = this.wsError;
+
+            callback && callback();
+
+            // store.commit('set_otherTips', "连接中...");
+            document.setTitle('连接中...')
+        } catch (e) {
+            wsConnection.reconnect()
+            console.log(e);
+        }
+    },
+    wsResendMessage() {
+        var sendFailList = store.state.sendFailList;//取出上次发送失败的消息
+        if (sendFailList.length > 0) {
+            for (let i = 0; i < sendFailList.length; i++) {
+                (function (i) {//这个匿名函数生成了闭包的效果，新建了一个作用域，这个作用域接收到每次循环的i值保存了下来，即使循环结束，闭包形成的作用域也不会被销毁
+                    setTimeout(function () {
+                        var dataResend = sendFailList[i];
+                        console.log("发送失败的数据ID==", dataResend.timestamp);
+
+                        wsConnection.sendMessage(dataResend, wsConnection.globalCallback);
+                        store.commit('set_currentItemId', dataResend.timestamp);
+                        store.commit('set_findActiveItem', false);//发送成功
+                    }, 200);
+                })(i);
+            }
+
+            store.commit('del_sendFailList');//删除发送成功的
+            console.log(store.state.sendFailList);
+        }
+    },
+    //打开websocket
+    wsOpen: function (e) {
+        var that = this;
+        //开始websocket心跳
+        wsConnection.startWsHeartbeat();
+        // toast('会话建立成功');
+        // store.commit('set_otherTips', "洋洋客服");
+        document.setTitle('洋洋客服')
+
+        //执行重新发送
+        // if(wsConnection.isReconnet){
+        //     wsConnection.wsResendMessage();
+        //     wsConnection.isReconnet = false;
+        // }
+
+        console.log("ws success " + new Date().format("yyyy-MM-dd hh:mm:ss"));
+    },
+    onMessage: function (event) {
+        //每次接收到服务端消息后 重置websocket心跳
+        wsConnection.resetHeartbeat();
+        let res = event.data;
+        try {
+            if (event.data === 'pong') {
+                console.log("收到心跳了:", event.data);
+                return;
+            }
+
+            if (event.data.match(/^\d+$/)) {
+                wsConnection.globalCallback && wsConnection.globalCallback(event.data);
+                return;
+            }
+
+            res = JSON.parse(res);
+            console.log("收到消息啦:", res.data || res);
+            if (res.data.cmd === 'ServiceSessionClosedEvent' && store.state.hxOpenSucceseds.includes(res.data.sessionId)) {
+                if(store.state.integratedUser){
+                    utils.useSdk(res.data)
+                }else{
+                    setTimeout(() => {
+                        utils.useSdk(res.data)
+                    }, 100);
+                }
+            }
+
+            if (res.code != 0) {
+                // toast(data.msg);
+                if (res.code === 10001) {
+                    // 删除已经失效或过期的token（不删除也可以，因为登录后覆盖）
+                    sessionStorage.removeItem("token");
+                    wsConnection.$ws.close();
+
+                    if (store.state.notitle === '1') {
+                        toast('当前会话已结束，请刷新页面或关闭页面重新进入');
+                        return
+                    }
+
+                    showConfirmDialog({
+                        title: '提示',
+                        message: '当前会话已结束，请刷新页面或关闭页面重新进入',
+                        confirmButtonText: '取消',
+                        cancelButtonText: '确认',
+                        confirmButtonColor: '#000000',
+                        cancelButtonColor: '#000000'
+                    }).then(() => {
+                        // on cancel (现在是右边的取消按钮)
+                        // utils.closeWindow();
+                        // router.replace({
+                        //     path: '/404' // 到登录页重新获取token
+                        // })
+                    }).catch(() => {
+                        // on confirm (现在是左边的确认按钮)
+                        //确认重新刷新页面获取token
+                        // window.location.reload();
+                        utils.AppReloadHtml();
+                    });
+                } else {
+                    if (res.msg) {
+                        toast(res.msg);
+                    }
+                }
+
+                return;
+            }
+
+            //是否转接人工参数
+            // if (res.data.cmd && res.data.cmd == "ServiceSessionCreatedEvent") {
+            //     store.dispatch('setTransferCustomer', 2);
+            // }
+
+            //客服接起不排队了
+            if (res.data.cmd && res.data.cmd == "ServiceSessionOpenedEvent") {
+                store.commit('set_queuedTimeout', true);
+
+                store.commit('set_msgStatus', '');//人工客服排队状态值 等待中："1"，其他：""
+                store.commit('set_msgReply', false);//人工客服排队是否调取自动回复话术
+            }
+
+            if (res.data.cmd && res.data.cmd == "ServiceSessionClosedEvent") {
+                wsConnection.closeSession = true;//是关闭会话
+                setTimeout(() => {
+                    store.commit('set_queuedTimeout', true);
+                    store.dispatch('setTransferCustomer', 1);//人工改为机器人
+                    wsConnection.$ws.close();
+
+                }, 2500)
+            }
+
+            //服务端发送来的消息存到vuex
+            store.dispatch('sendingDrtificial', res.data).then((res) => {
+            }).catch(err => {
+                console.log(err)
+            });
+
+            //如果会话关闭不用推送消息回执
+            if (res.data && res.data.chatId) {
+                let chatParam = JSON.stringify(res.data);
+                // wsConnection.$ws.send(chatParam, '');
+                wsConnection.sendMessage(chatParam, '');
+                console.log("发送消息回执", chatParam)
+            }
+        } catch (error) {
+            console.log(error)
+        }
+    },
+    //发送数据,接收处理数据
+    sendMessage: function (data, callback) {
+        //存储事件
+        wsConnection.globalCallback = callback;
+        // console.log(data, callback)
+
+        switch (wsConnection.$ws.readyState) {
+            //CONNECTING：值为0，表示正在连接。
+            case wsConnection.$ws.CONNECTING:
+                setTimeout(function () {
+                    wsConnection.sendMessage(data, callback);
+                }, 1000);
+                break;
+            //OPEN：值为1，表示连接成功，可以通信了。
+            case wsConnection.$ws.OPEN:
+                wsConnection.$ws.send(data);
+                break;
+            //CLOSING：值为2，表示连接正在关闭。
+            case wsConnection.$ws.CLOSING:
+                setTimeout(function () {
+                    wsConnection.sendMessage(data, callback);
+                }, 1000);
+                break;
+            //CLOSED：值为3，表示连接已经关闭，或者打开连接失败。
+            case wsConnection.$ws.CLOSED:
+                // do something
+                break;
+            default:
+                // this never happens
+                break;
+        }
+
+        //重新监听onmessage，并把数据传给回调函数
+        // wsConnection.onmessage = ev =>{
+        //     callback && callback(ev)
+        // }
+    },
+    //重启websocket
+    reconnect: function () {
+        let _this = this;
+        if (_this.lockReturn) {
+            return;
+        }
+        _this.isReconnet = true;
+        _this.lockReturn = true;
+
+        //没连接上会一直重连，设置延迟避免请求过多
+        if (_this.reconectNum < this.reconectTimes) {
+            _this.timeoutNum && clearTimeout(_this.timeoutNum);
+            _this.timeoutNum = setTimeout(function () {
+                _this.initWebSocket();
+                // toast('正在重连，请稍后...');
+                // store.commit('set_otherTips', "正在重连...");
+                document.setTitle('正在重连...')
+                console.info(`正在重连第${_this.reconectNum + 1}次`)
+                _this.reconectNum++
+                _this.lockReturn = false;
+            }, 4000);
+        } else {
+            // toast('重连次数超出设定值，不再重连，请检查配置项');
+            showDialog({
+                message: '重连次数超出设定值，不再重连。请检查您的网络设置，点击“确定”刷新页面，重新建立会话。'
+            }).then(() => {
+                // window.location.reload();
+                utils.AppReloadHtml();
+            });
+        }
+    },
+    //心跳检测,每5s心跳一次
+    startWsHeartbeat: function () {
+        let _this = this;
+        this.timeoutObj && clearTimeout(this.timeoutObj);
+        this.serverTimeoutObj && clearTimeout(this.serverTimeoutObj);
+
+        this.timeoutObj = setTimeout(() => {
+            //这里发送一个心跳，后端收到后，返回一个心跳消息，
+            //onmessage拿到返回的心跳就说明连接正常
+            if (wsConnection.$ws && wsConnection.$ws.readyState != wsConnection.$ws.CLOSED) {
+                //关闭当前会话后不发送ping
+                if (!wsConnection.closeSession) {
+                    _this.$ws.send("ping");
+                    console.log("ping!", new Date().format("yyyy-MM-dd hh:mm:ss"));
+                }
+            }
+
+            //如果超过一定时间还没重置，说明后端主动断开了
+            _this.serverTimeoutObj = setTimeout(() => {
+                //如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
+                _this.$ws.close();
+            }, _this.timeout)
+        }, this.timeout);
+    },
+    //重置websocket心跳
+    resetHeartbeat: function () {
+        let _this = this;
+        this.reconectNum = 0;
+        clearTimeout(_this.timeoutObj);
+        clearTimeout(_this.serverTimeoutObj);
+        _this.startWsHeartbeat();
+    },
+    wsError: function (err) {
+        console.log(err, 'ws error');
+        // store.commit('set_otherTips', "洋洋客服(未连接)");
+        document.setTitle('洋洋客服(未连接)')
+        wsConnection.reconnect()
+    },
+    wsClose: function (e) {
+        // console.log(e, 'ws close')
+        console.log("连接关闭! " + new Date().format("yyyy-MM-dd hh:mm:ss"));
+        console.log('websocket 断开: ' + e.code + ' 关闭的原因：' + e.reason + ' 是否正常关闭' + e.wasClean);
+
+        if (e.code !== 1000) {
+            // toast('当前会话已结束');
+            this.lockReturn = false
+            clearTimeout(this.timeoutNum)
+            wsConnection.reconnect();
+            // store.commit('set_otherTips', "洋洋客服(未连接)");
+            document.setTitle('洋洋客服(未连接)')
+            //当前转成机器人
+            // store.dispatch('setTransferCustomer', 1);
+        } else {
+            this.$ws = null;
+            clearInterval(this.timeoutObj)
+            clearTimeout(this.serverTimeoutObj)
+            // toast('会话已关闭');
+            // store.commit('set_otherTips', "洋洋客服");
+            document.setTitle('洋洋客服')
+            wsConnection.$ws.close();
+        }
+    },
+};
+
+//时间格式化
+Date.prototype.format = function (fmt) {
+    var o = {
+        "M+": this.getMonth() + 1, //月份
+        "d+": this.getDate(), //日
+        "h+": this.getHours(), //小时
+        "m+": this.getMinutes(), //分
+        "s+": this.getSeconds(), //秒
+        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+        "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) {
+        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    }
+    for (var k in o) {
+        if (new RegExp("(" + k + ")").test(fmt)) {
+            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+        }
+    }
+    return fmt;
+}
+
+// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
+window.onbeforeunload = function (event) {
+    event = event || window.event;
+    try {
+        // toast('onbeforeunload关闭当前会话窗口啦');
+        var oldSessionId = localStorage.getItem('sessionId');
+        var liccsAds = localStorage.getItem('liccsAds'); // 记录用户弹窗提示
+        // sessionStorage.removeItem("manualService");
+        if (wsConnection.$ws) {
+            wsConnection.$ws.close();
+        }
+        //清除本地缓存
+        localStorage.clear();
+        localStorage.sessionId = oldSessionId || '';
+        localStorage.liccsAds = liccsAds || '';
+        //清除session
+        sessionStorage.clear();
+    } catch (error) {
+        console.log(error.message)
+    }
+}
+
+//安卓处理解决方案
+window.onunload = function (event) {
+    event = event || window.event;
+    try {
+        // toast('onunload关闭当前会话窗口啦');
+        var oldSessionId = localStorage.getItem('sessionId');
+        var liccsAds = localStorage.getItem('liccsAds'); // 记录用户弹窗提示
+        // sessionStorage.removeItem("manualService");
+        if (wsConnection.$ws) {
+            wsConnection.$ws.close();
+        }
+        //清除本地缓存
+        localStorage.clear();
+        localStorage.sessionId = oldSessionId || '';
+        localStorage.liccsAds = liccsAds || '';
+        //清除session
+        sessionStorage.clear();
+    } catch (error) {
+        console.log(error.message)
+    }
+}
+
+//抛出websocket对象
+export default wsConnection
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 5868ec1..6f93ad1 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -1,1010 +1,1010 @@
-import { useAppStore } from '@/store/app.js'
-import wx from "weixin-js-sdk";
-import CryptoJS from 'crypto-js'
-import { showToast, showLoadingToast, closeToast } from 'vant'
-import { fetchPost } from "@/utils/https"
-
-// 惰性获取 Pinia store（替代原 Vuex 的 import store from "@/store"）
-const appStore = () => useAppStore()
-
-export default {
-    //侦听事件
-    on: function (ele, ev, handler) {
-        if (ele.addEventListener) {
-            ele.addEventListener(ev, handler, false)
-        } else {
-            ele.attachEvent('on' + ev, function () {
-                fn.call(handler);
-            })
-        }
-    },
-    //取消事件
-    off: function (ele, ev, handler) {
-        if (ele.removeEventListener) {
-            ele.removeEventListener(ev, handler, false)
-        } else {
-            ele.detachEvent('on' + ev, function () {
-                fn.call(handler);
-            })
-        }
-    },
-    //添加class
-    addClass: function (ele, cls) {
-        var oClass = ele.className.split(' ');
-        if (!ele.className) {
-            ele.className = cls;
-            return;
-        }
-        for (var i = 0; i < oClass.length; i++) {
-            if (oClass[i] === cls) {
-                return;
-            }
-        }
-        ele.className += " " + cls;
-    },
-    //移除class
-    removeClass: function (obj, sClass) {
-        var aClass = obj.className.split(' ');
-        if (!obj.className) return;
-        for (var i = 0; i < aClass.length; i++) {
-            if (aClass[i] === sClass) {
-                aClass.splice(i, 1);
-                obj.className = aClass.join(' ');
-                break;
-            }
-        }
-    },
-    //类名包含
-    hasClass: function (elem, className) {
-        if (elem.classList) {
-            return elem.classList.contains(className);
-        } else {
-            return new RegExp('(^| )' + className + '( |$)', 'gi').test(elem.className);
-        }
-    },
-    //处理a标签href为空情况下刷新页面问题
-    aHrefJump(className) {
-        if (className) {
-            let tagA = Array.from(className);
-            tagA.forEach(e => {
-                if (!e.getAttribute('href')) {
-                    e.setAttribute('href', 'javascript:;');
-                }
-            });
-        }
-    },
-    getPerformanceTiming() {
-        var performance = window.performance;
-        if (!performance) {
-            // 当前浏览器不支持
-            console.log('你的浏览器不支持 performance 接口');
-            return;
-        }
-
-        // var t = performance.timing;
-        // var times = {};
-        // //【重要】页面加载完成的时间
-        // //【原因】这几乎代表了用户等待页面可用的时间
-        // times.loadPage = t.loadEventEnd - t.navigationStart;
-        // //【重要】解析 DOM 树结构的时间
-        // //【原因】反省下你的 DOM 树嵌套是不是太多了！
-        // times.domReady = t.domComplete - t.responseEnd;
-        // //【重要】重定向的时间
-        // //【原因】拒绝重定向！比如，http://example.com/ 就不该写成 http://example.com
-        // times.redirect = t.redirectEnd - t.redirectStart;
-        // //【重要】DNS 查询时间
-        // //【原因】DNS 预加载做了么？页面内是不是使用了太多不同的域名导致域名查询的时间太长？
-        // // 可使用 HTML5 Prefetch 预查询 DNS ，见：[HTML5 prefetch](http://segmentfault.com/a/1190000000633364)
-        // times.lookupDomain = t.domainLookupEnd - t.domainLookupStart;
-        // //【重要】读取页面第一个字节的时间
-        // //【原因】这可以理解为用户拿到你的资源占用的时间，加异地机房了么，加CDN 处理了么？加带宽了么？加 CPU 运算速度了么？
-        // // TTFB 即 Time To First Byte 的意思
-        // // 维基百科：https://en.wikipedia.org/wiki/Time_To_First_Byte
-        // times.ttfb = t.responseStart - t.navigationStart;
-        // //【重要】内容加载完成的时间
-        // //【原因】页面内容经过 gzip 压缩了么，静态资源 css/js 等压缩了么？
-        // times.request = t.responseEnd - t.requestStart;
-        // //【重要】执行 onload 回调函数的时间
-        // //【原因】是否太多不必要的操作都放到 onload 回调函数里执行了，考虑过延迟加载、按需加载的策略么？
-        // times.loadEvent = t.loadEventEnd - t.loadEventStart;
-        // // DNS 缓存时间
-        // times.appcache = t.domainLookupStart - t.fetchStart;
-        // // 卸载页面的时间
-        // times.unloadEvent = t.unloadEventEnd - t.unloadEventStart;
-        // // TCP 建立连接完成握手的时间
-        // times.connect = t.connectEnd - t.connectStart;
-
-        var times = {};
-        var timing = performance.timing;
-        var start = timing.navigationStart;
-
-        times.dnsTime = timing.domainLookupEnd - timing.domainLookupStart;
-        times.tcpTime = timing.connectEnd - timing.connectStart;
-        times.firstPaintTime = timing.responseStart - start;
-        times.domRenderTime = Math.abs(timing.domContentLoadedEventEnd - start);
-        times.loadTime = Math.abs(timing.loadEventEnd - start);
-
-        console.log('DNS解析时间:', times.dnsTime)
-        console.log('TCP建立时间:', times.tcpTime)
-        console.log('首屏时间:', times.firstPaintTime / 1000 + 's')
-        console.log('dom渲染完成时间:', times.domRenderTime / 1000 + 's')
-        console.log('页面onload时间:', times.loadTime / 1000 + 's')
-        return times;
-    },
-    formatTimer() {
-        let date = new Date();
-        let y = date.getFullYear();
-        let MM = date.getMonth() + 1;
-        MM = MM < 10 ? "0" + MM : MM;
-        let d = date.getDate();
-        d = d < 10 ? "0" + d : d;
-        let h = date.getHours();
-        h = h < 10 ? "0" + h : h;
-        let m = date.getMinutes();
-        m = m < 10 ? "0" + m : m;
-        let s = date.getSeconds();
-        s = s < 10 ? "0" + s : s;
-        let S = date.getMilliseconds();
-        S = S < 10 ? "0" + S : S;
-
-        console.log("页面加载时间:", y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s);
-        return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
-    },
-    //获取样式
-    getStyle: function (dom, attr) {
-        return dom.currentStyle ? dom.currentStyle[attr] : getComputedStyle(dom, false)[attr];
-    },
-    //获取url参数
-    getUrlKey: function (name) {
-        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || "";
-    },
-    //可见窗口大小
-    view: function () {
-        return {
-            w: document.documentElement.clientWidth,
-            h: document.documentElement.clientHeight
-        };
-    },
-    // 时间格式化
-    time_formatter(time) {
-        let year = time.getFullYear()
-        let month = time.getMonth() + 1
-        let date = time.getDate()
-
-        let hour = time.getHours()
-        let minute = time.getMinutes()
-        let second = time.getSeconds()
-
-        month = month < 10 ? `0${month}` : month
-        date = date < 10 ? `0${date}` : date
-        hour = hour < 10 ? `0${hour}` : hour
-        minute = minute < 10 ? `0${minute}` : minute
-        second = second < 10 ? `0${second}` : second
-
-        return `${year}-${month}-${date} ${hour}:${minute}:${second}`
-    },
-    //计算base64图片的大小
-    countBase64Size: function (base64) {
-        let str = base64.split(",")[1];
-        let equalIndex = str.indexOf('=');
-
-        if (str.indexOf('=') > 0) {
-            str = str.substring(0, equalIndex);
-        }
-        let strLength = str.length;
-        let fileLength = parseInt(strLength - (strLength / 8) * 2);
-
-        return fileLength;
-    },
-    //判断是不是微信浏览器
-    isWeiXin() {
-        var ua = window.navigator.userAgent.toLowerCase();
-        if (ua.match(/MicroMessenger/i) == "micromessenger") {
-            return true;
-        } else {
-            return false;
-        }
-    },
-    //判断是不是小程序
-    isMiniProgram() {
-        var ua = window.navigator.userAgent.toLowerCase();
-        if (ua.match(/miniProgram/i) == "miniprogram") {
-            return true;
-        } else {
-            return false;
-        }
-    },
-    // VIN码验证
-    validate_vin(vin) {
-        if (vin.length > 0 && vin.length != 17) {
-            return false;
-        }
-        let vinVal = vin.toUpperCase();
-        let charToNum = { A: 1, B: 2, C: 3, D: 4, E: 5, F: 6, G: 7, H: 8, J: 1, K: 2, L: 3, M: 4, N: 5, P: 7, R: 9, S: 2, T: 3, U: 4, V: 5, W: 6, X: 7, Y: 8, Z: 9 };
-        let obj = 0;
-        let arr = new Array();
-        for (let i = 0; i < vinVal.length; i++) {
-            let temp = vinVal.charAt(i);
-
-            if (charToNum[temp]) {
-                arr[i] = charToNum[temp];
-            } else {
-                arr[i] = Number(temp);
-            }
-            if (i == 8) {
-                arr[i] = vinVal.charAt(i);
-            }
-        }
-        let a1 = 8;
-        for (let i = 0; i < 7; i++) {
-            obj += Number(arr[i]) * a1;
-            a1--;
-        }
-
-        obj += Number(arr[7]) * 10;
-
-        let a2 = 9;
-        for (let i = 9; i < 17; i++) {
-            obj += Number(arr[i]) * a2;
-            a2--;
-        }
-
-        let result = Number(obj) % 11;
-        if (parseInt(result) === 10) {
-            result = "X";
-        }
-        if (result == arr[8]) {
-            //成功
-            return true;
-        } else {
-            //失败
-            return false;
-        }
-    },
-    // 去除base64前缀
-    delete_prefix_Base64(base64) {
-        return base64.replace('data:image/jgp', 'data:image/jpeg').replace(
-            /data:image\/jpeg;base64,/gi,
-            ""
-        )
-    },
-    // 获取url的参数
-    getUrlParam(name) {
-        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
-        var r = window.location.search.substr(1).match(reg)
-        if (r != null) return unescape(r[2])
-        return null
-    },
-    /**
-     * [获取URL中的参数名及参数值的集合]
-     * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
-     * @param {[string]} urlStr [当该参数不为空的时候，则解析该url中的参数集合]
-     * @return {[string]}       [参数集合]
-     */
-    getUrlParams(urlStr) {
-        urlStr = urlStr || window.location.href; //获取url中"?"符后的字串
-
-        if (typeof urlStr == "undefined") {
-            var url = decodeURIComponent(location.search); //获取url中"?"符后的字符串
-        } else {
-            var url = "?" + urlStr.split("?")[1];
-        }
-        var theRequest = new Object();
-        if (url.indexOf("?") != -1) {
-            var str = url.substr(1);
-            var strs = str.split("&");
-            for (var i = 0; i < strs.length; i++) {
-                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
-
-                if (decodeURIComponent(strs[i].split("=")[1]) == '' || decodeURIComponent(strs[i].split("=")[1]) == null || decodeURIComponent(strs[i].split("=")[1]) == 'null' || decodeURIComponent(strs[i].split("=")[1]) == undefined || !decodeURIComponent(strs[i].split("=")[1])) {
-                    theRequest[strs[i].split("=")[0]] = '';
-                }
-            }
-        }
-        return theRequest;
-    },
-    /**
-     * 增加Cookie
-     * @param name
-     * @param value
-     * @param hours
-     * @return
-     */
-    writeCookie(name, value, hours) {
-        var expire = "";
-        if (hours != null) {
-            expire = new Date((new Date()).getTime() + hours * 3600000);
-            expire = ";  expires=" + expire.toGMTString();
-        }
-
-        document.cookie = name + "=" + encodeURI(value) + expire;
-    },
-    /**
-     * 读取Cookie
-     * @param name
-     * @return
-     */
-    readCookie(name) {
-        var cookieValue = "";
-        var search = name + "=";
-
-        if (document.cookie.length > 0) {
-            var offset = document.cookie.indexOf(search);
-            if (offset != -1) {
-                offset += search.length;
-                var end = document.cookie.indexOf(";", offset);
-                if (end == -1) {
-                    end = document.cookie.length;
-                }
-                cookieValue = decodeURI(document.cookie.substring(offset, end));
-            }
-        }
-        return cookieValue;
-    },
-    setTitle(title) {
-        // document.title = title;
-        var mobile = navigator.userAgent.toLowerCase();
-        if (/iphone|ipad|ipod/.test(mobile)) {
-            var iframe = document.createElement('iframe')
-            iframe.style.display = 'none'
-            // iframe.setAttribute('src', '')
-            var iframeCallback = function () {
-                setTimeout(function () {
-                    iframe.removeEventListener('load', iframeCallback);
-                    document.body.removeChild(iframe);
-                }, 0)
-            }
-            iframe.addEventListener('load', iframeCallback);
-            document.body.appendChild(iframe)
-        }
-    },
-    isPc() {
-        var ua = navigator.userAgent.toLowerCase();
-        var mobile = /mobile/gi.test(ua);
-        if (!mobile) {
-            console.log('当前为PC')
-            return true;
-        } else {
-            console.log('当前不是PC')
-            return false;
-        }
-    },
-    //判断是安卓或ios
-    isAndroid() {
-        var userNav = navigator.userAgent;
-        var isAndroid = userNav.toLowerCase().indexOf('android') > -1 || userNav.toLowerCase().indexOf('adr') > -1; //android终端
-        var isiOS = !!userNav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
-        var isAndroidIOS = '';
-        if (isAndroid) {
-            isAndroidIOS = 'isAndroid';
-        } else if (isiOS) {
-            isAndroidIOS = 'isiOS';
-        }
-
-        return isAndroidIOS;
-    },
-    //判断系统类型：安卓、iOS、鸿蒙
-    getSystemType() {
-        var userAgent = navigator.userAgent.toLowerCase();
-        var systemType = 'unknown';
-        
-        // 判断鸿蒙系统（HarmonyOS）
-        // 鸿蒙系统的userAgent中可能包含 'harmonyos' 或 'ohos'
-        if (userAgent.indexOf('harmonyos') > -1 || userAgent.indexOf('HarmonyOS') || userAgent.indexOf('ohos') > -1) {
-            systemType = 'harmonyos';
-        }
-        // 判断iOS系统
-        else if (userAgent.indexOf('iphone') > -1 || userAgent.indexOf('ipad') > -1 || userAgent.indexOf('ipod') > -1 || !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
-            systemType = 'ios';
-        }
-        // 判断安卓系统
-        else if (userAgent.indexOf('android') > -1 || userAgent.indexOf('adr') > -1) {
-            systemType = 'android';
-        }
-        
-        return systemType;
-    },
-    onBridgeReady() {
-        try {
-            if (this.isWeiXin()) {
-                WeixinJSBridge.call('hideOptionMenu');
-            }
-        } catch (error) {
-            console.log(error.message)
-        }
-    },
-    /**
-     * 是否禁用右上角
-     */
-    disabledOptionMenu() {
-        var that = this;
-        if (typeof WeixinJSBridge == "undefined") {
-            if (document.addEventListener) {
-                document.addEventListener('WeixinJSBridgeReady', that.onBridgeReady(), false);
-            } else if (document.attachEvent) {
-                document.attachEvent('WeixinJSBridgeReady', that.onBridgeReady());
-                document.attachEvent('onWeixinJSBridgeReady', that.onBridgeReady());
-            }
-        } else {
-            that.onBridgeReady();
-        }
-    },
-    /**
-     * 隐藏微信网页底部的导航栏
-     */
-    disabledToolbar(disable = true) {
-        if (typeof WeixinJSBridge == "undefined") {
-            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
-                // 通过下面这个API隐藏底部导航栏
-                WeixinJSBridge.call(disable ? 'hideToolbar' : 'showToolbar');
-            });
-        }
-    },
-    closeWindow() {
-        var userAgent = navigator.userAgent;
-
-        if (appStore().notitle === '1') {
-            return
-        }
-
-        try {
-            if (this.isMiniProgram()) {
-                wx.miniProgram.navigateBack({ delta: 1 });
-            } else if (this.isWeiXin()) {
-                // 微信中关闭
-                setTimeout(function () {
-                    // alert("关闭页面"); //必须有弹窗，否则可能无法关闭
-                    //这个可以关闭安卓系统的手机
-                    document.addEventListener('WeixinJSBridgeReady', function () {
-                        WeixinJSBridge.call('closeWindow');
-                    }, false);
-
-                    //这个可以关闭ios系统的手机
-                    WeixinJSBridge.call('closeWindow');
-                }, 300)
-            } else {
-                // 浦发银行返回按钮跳转到基座
-                if (appStore().source === '95410000') {
-                    window.location.href = `https://${location.origin.includes("-dev") || location.origin.includes("-sit") || location.origin.includes("-uat") || location.origin.includes("-pt") ? 'life-open-sit' : 'life-open'}.trace.com.cn/web-guard-h5/`;
-                    return
-                }
-                if (window.wxx && typeof (window.wxx.back) == 'function') {
-                    window.wxx.back();
-                } else if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") != -1) {
-                    window.open('', '_self', '');
-                    open(location, '_self').close();
-
-                    window.location.href = "about:blank";
-                    window.close();
-                } else if (userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1) {
-                    window.opener = null;
-                    window.open('about:blank', '_self', '').close();
-                } else {
-                    window.opener = null;
-                    window.open("", "_self");
-                    window.close();
-                }
-            }
-        } catch (error) {
-            // console.log("关闭页面closeWindow", error.message)
-        }
-    },
-    //判断网络状态
-    onLine(callback) {
-        var curWwwPath = window.document.location.href;
-        var pathName = window.document.location.pathname;
-        var pos = curWwwPath.indexOf(pathName);
-        var host = window.location.host;
-        var protocol = window.location.protocol;
-        var localhostPaht = curWwwPath.substring(0, pos);
-        var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
-        var isWs = protocol == 'https:' ? 'wss' : 'ws';
-
-        var img = new Image();
-        if (localhostPaht.indexOf("localhost") >= 0) {
-            img.src = `https://ssp-dev.trace.com.cn${projectName}/favicon.ico?v=${Date.now()}`;
-        } else {
-            img.src = `${localhostPaht}${projectName}/favicon.ico?v=${Date.now()}`;
-        }
-        // console.log("判断有没有网络==", img.src);
-
-        img.onload = function () {
-            if (callback) callback(true)
-        };
-
-        img.onerror = function () {
-            if (callback) callback(false)
-        };
-    },
-    appendUrl(params, flag) {
-        var urlPar = '';
-
-        Object.getOwnPropertyNames(params).forEach((item, index) => {
-            if (index === 0 && !flag) {
-                urlPar += `?${item}=${params[item]}`;
-            } else {
-                urlPar += `&${item}=${params[item]}`
-            }
-        });
-
-        // console.log(urlPar)
-        return urlPar;
-    },
-    openWxPage(url, params) {
-        let flag = url.indexOf("?") != -1 ? true : false
-        let urlPar = '';
-
-        if (url) {
-            if (params) {
-                Object.getOwnPropertyNames(params).forEach((item, index) => {
-                    if (index === 0 && !flag) {
-                        urlPar += `?${item}=${params[item]}`;
-                    } else {
-                        urlPar += `&${item}=${params[item]}`
-                    }
-                });
-            }
-            console.log(url + urlPar)
-            setTimeout(() => {
-                closeToast();
-                window.location.href = url + urlPar ;
-            }, 200);
-        } else {
-            console.log('跳转链接不存在！')
-        }
-    },
-    // 给付系统跳转链接, 从后台获取,外联库也会走这里
-    openSpecPage(params) {
-        if(params.generateType == 0){
-            //官微跳转
-            window.location.href = params.url;
-        }else if(params.generateType == 3){
-            // 查门店不调用前置接口
-            const userInfo = appStore().userInfo
-            let cmdUrl =`${params.url}&idnum=1&openId=${userInfo.sourceUserId}&entryOpenid=${userInfo.entryOpenid}`
-            fetchPost("semantic/getYdbqTicket", { url: cmdUrl , generateType:params.generateType ,userId:appStore().userId,isCmd:"1"}).then(ticketRes => {
-                console.log(ticketRes)
-                if (ticketRes.code === 0) {
-                    //data空表示开关关闭
-                    if (ticketRes.data === "" || ticketRes.data === null || ticketRes.data === undefined) {
-                        window.location.href = params.url;
-                    } else {
-                        const ticketUrl = params.url + `&accessTicket=${ticketRes.data}`
-                        console.log("ticketUrl===",ticketUrl)
-                        window.location.href = ticketUrl;
-                    }
-                } else {
-                    showToast("网络异常，请重试")
-                }
-            })
-        }else if(params.generateType == 4){
-            // 1v1专属服务
-            const userInfo = appStore().userInfo
-            fetchPost("thirdPartyAuth/getExclusiveServicesToken").then(res=>{
-                if(res.code===0){
-                    if(res.data){
-                        let vUrl=`${params.url}&sour=yykf&omoSource=${userInfo.source}&omoSourceName=${encodeURIComponent(userInfo.sourceName)}&token=${res.data}`
-                        window.location.href =vUrl
-                    }
-                }else{
-                    showToast("网络异常，请重试")
-                }
-            })
-        }else if(params.generateType == 5){
-            // 一站式复效
-            let yParams=params.url.split('&')
-            fetchPost("semantic/getYzsUrl",{userId:appStore().userId,bqType:yParams[0],urlType:yParams[1]}).then(res=>{
-                if(res.code===0){
-                    if(res.data){
-                        window.location.href =res.data
-                    }
-                }else{
-                    showToast("网络异常，请重试")
-                }
-            })
-        }else if(params.generateType == 6){
-            //官微小程序
-            const url = params.url
-            wx.miniProgram.navigateTo({
-                url
-            });
-        }else{
-            fetchPost("semantic/generateUrl", params)
-            .then(res => {
-                if (res.code && res.code != 0) {
-                    showToast(res.msg);
-                    return;
-                }
-                //置换密匙
-                const newUrl = res.data;
-                fetchPost("semantic/getYdbqTicket", { url: newUrl , generateType:params.generateType ,userId:appStore().userId}).then(ticketRes => {
-                    if (ticketRes.code === 0) {
-                        //data空表示开关关闭
-                        if (ticketRes.data === "" || ticketRes.data === null || ticketRes.data === undefined) {
-                            window.location.href = params.url;
-                        } else {
-                            const ticketUrl = params.url + `&accessTicket=${ticketRes.data}`
-                            console.log(ticketUrl)
-                            window.location.href = ticketUrl;
-                        }
-                    } else {
-                        showToast("网络异常，请重试")
-                    }
-                })
-            })
-            .catch(err => {
-                console.error(err)
-            });
-        }
-    },
-    //在app内打开h5(带参数)
-    AppOpenH5(url, params) {
-        let flag = url.indexOf("?") != -1 ? true : false
-        let urlPar = '';
-
-        if (url) {
-            if (params) {
-                Object.getOwnPropertyNames(params).forEach((item, index) => {
-                    if (index === 0 && !flag) {
-                        urlPar += `?${item}=${params[item]}`;
-                    } else {
-                        urlPar += `&${item}=${params[item]}`
-                    }
-                });
-            }
-
-            // console.log(url + urlPar)
-            showLoadingToast('跳转中...');
-            setTimeout(() => {
-                closeToast();
-
-                this.AppRedirect(url + urlPar);
-            }, 200);
-        } else {
-            console.log('跳转链接不存在！')
-        }
-    },
-    //app 壳的方法 跳转购买产品  跳转享服务  官网
-    AppToOutModules(params) {
-        params = params || '';
-        //寿险：
-        //跳转购产品：
-        // {
-        //     "from": "yykfTosxapp", // yykfTosxapp — 从洋洋客服进入到寿险APP流程
-        //     "toPage": "BuyProduct", // BuyProduct — 跳转到购产品页面
-        //     "extParams": {
-        //             }, // 扩展参数
-        // }
-
-        //跳转享服务：
-        // {
-        //     "from": "yykfTosxapp", // yykfTosxapp — 从洋洋客服进入到寿险APP流程
-        //     "toPage": "ServicesPage", // ServicesPage — 跳转到享服务页面
-        //     "extParams": { }, // 扩展参数
-        // }
-
-        //官网：
-        // {
-        // "appId":"com.trace.app.rnbxx"
-        // "appType":"reactnative"
-        // "url":"/pages/screen/main/Initialize.js"
-        // "params":
-        //     {
-        //         "source":"sapp"
-        //     }
-        // }
-        try {
-            if (!window.wxx && appStore().source != '95290000') {//如果不是app渠道
-
-                showToast('当前为跳转APP功能按钮，请在APP中点击。');
-                // window.location.href = params.url;
-            } else {
-                window.wxx.toOutModules(params);
-            }
-
-            // console.log('调用app方法toOutModules==', params)
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    //app 壳的方法 打开外部链接 url：跳转的url地址
-    AppToHttpHtml(url) {
-        url = url || '';
-        try {
-            if (!window.wxx && appStore().source != '95290000') {
-                window.location.href = url;
-            } else {
-                window.wxx.toHttpHtml(url);
-            }
-
-            // console.log('调用app方法toHttpHtml==', url)
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    //app 壳的方法 内部打开链接方法 （url：跳转的url地址 titleName：title名字）
-    AppRedirect(url, titleName) {
-        url = url || '';
-        titleName = titleName || '洋洋客服';
-
-        try {
-            if (!window.wxx && appStore().source != '95290000') {
-                window.location.href = url;
-            } else {
-                window.wxx.redirect(url, titleName);
-            }
-
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    //app 壳的方法 copy （msg：复制内容）
-    AppCopy(msg) {
-        msg = msg || '';
-
-        try {
-            if (!window.wxx && appStore().source != '95290000') {
-                showToast('请在App里使用');
-            } else {
-                window.wxx.copyBoard(msg);
-                // if (this.isAndroid() == 'isiOS') {
-                //     window.wxx.copyBoard(msg);
-                // } else if (this.isAndroid() == 'isAndroid') {
-                //     window.wxx.copy(msg);
-                // }
-            }
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    //退出页面
-    AppBack() {
-        try {
-            if (!window.wxx && appStore().source != '95290000') {
-                this.closeWindow();
-            } else {
-                window.wxx.back();
-            }
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    AppReloadHtml() {
-        try {
-            if (!window.wxx && appStore().source != '95290000') {
-                window.location.reload();
-            } else {
-                window.wxx.reloadHtml();
-            }
-        } catch (error) {
-            // console.log(error.message)
-        }
-    },
-    // 替换url中的参数
-    changeURLArg(url, arg, arg_val) {
-        var pattern = arg + '=([^&]*)';
-        var replaceText = arg + '=' + arg_val;
-        if (url.match(pattern)) {
-            var tmp = '/(' + arg + '=)([^&]*)/gi';
-            tmp = url.replace(eval(tmp), replaceText);
-            return tmp;
-        } else {
-            if (url.match('[\?]')) {
-                return url + '&' + replaceText;
-            } else {
-                return url + '?' + replaceText;
-            }
-        }
-    },
-    async useSdk(item) {
-        // 洋洋客服人工满意度评价推送优化(坐席接通后，顾客不说话不触发满意度）
-        if(!appStore().isHumanChat){
-            return
-        }
-        //开关关闭不调用
-        if(!appStore().mydFlag){
-            return
-        }
-        //满意度黑名单用户
-        if (appStore().reviewRestricted) {
-            console.log('满意度黑名单用户');
-            return
-        }
-        console.log('结束会话的item====',item);
-        //新老满意度判断
-        if (appStore().integratedUser) {
-            // 触发自定义人工满意度评价弹窗
-            console.log('触发自定义人工满意度评价弹窗');
-            const hxSessionId = item.hxSessionId
-            appStore().setHxSessionId(hxSessionId);
-            appStore().setShowHumanAppraise(true);
-        } else {
-            if (!appStore().sdkLoaded) {
-                console.log('sdk未加载');
-                return
-            }
-            const fn = window.Evaluate?.default;
-            const businessNo = item.hxSessionId || item.sessionId || appStore().sessionId
-            if (typeof fn !== 'undefined' && fn?.Entrance) {
-                let obj = {
-                    isDialog: "1",
-                    businessNo: businessNo,
-                    sceneNo: '80e6959f3dd111ef93216805caef3a29',
-                    systemNo: 'FWZC',
-                    userType: 'C',
-                    // oprNo: localStorage.userId,
-                    oprNo: appStore().userId,
-                    oprIdType: 'z',
-                    terminal: 'MOBILE',
-                    target: 'myd',
-                    ENV: location.host.includes('-sit') ? 'SIT' : 'PRO',
-                    nextUrl: '',
-                    nextUrlParams: {}
-                }
-                console.log('useSdk',obj);
-                try {
-                    const result = await fn.Entrance(obj);
-                    console.log('useSdk--result',result);
-                    if (result.type == '00') {
-                        showToast('您已完成本次满意度调查，谢谢您的参与！')
-                    }
-                } catch (error) {
-                    console.error('Error calling SDK method', error);
-                }
-            } else {
-                console.error('SDK function or method not available');
-            }
-        }
-        
-    },
-    async useTechSdk() {
-        if (!appStore().sdkLoaded) {
-            setTimeout(() => {
-                showToast('满意度调查加载失败，请重试');
-            }, 500);
-            return
-        }
-        const fn = window.Evaluate?.default;
-        const businessNo = appStore().sessionId
-        const userInfo = appStore().userInfo
-        const oprIdType = 'z';
-        const oprNo =  userInfo.sourceUserId
-        if (typeof fn !== 'undefined' && fn?.Entrance) {
-            let obj = {
-                isDialog: "1",
-                businessNo: businessNo,
-                sceneNo: 'e386b9895eca11ef9912946daedd8bf0',
-                systemNo: 'FWZC',
-                userType: 'C',
-                oprNo,
-                oprIdType,
-                terminal: 'MOBILE',
-                target: 'myd',
-                ENV: location.host.includes('-sit') ? 'SIT' : 'PRO',
-                nextUrl: '',
-                nextUrlParams: {}
-            }
-            console.log(obj);
-            try {
-                const result = await fn.Entrance(obj);
-                if (result.type == '00') {
-                    showToast('您已完成本次满意度调查，谢谢您的参与！')
-                }
-            } catch (error) {
-                console.error('Error calling SDK method', error);
-            }
-        } else {
-            console.error('SDK function or method not available');
-        }
-    },
-    // 打开小程序
-    launchVideoServiceMiniProgram(params, callback) {
-        try {
-            if (appStore().source === '95290000') {
-                // 超级APP环境，使用SuperAPPUtils打开小程序
-                if (window.SuperAPPUtils && typeof window.SuperAPPUtils.launchWXMiniProgram === 'function') {
-                    window.SuperAPPUtils.launchWXMiniProgram(params, callback);
-                } else {
-                    console.log('SuperAPPUtils not available');
-                    if (callback) callback({ status: 9999, statusMsg: "SuperAPPUtils not available" });
-                }
-            } else {
-                console.log('Video service mini program only available in SuperAPP');
-                if (callback) callback({ status: 9999, statusMsg: "Not in SuperAPP" });
-            }
-        } catch (error) {
-            console.log('launchVideoServiceMiniProgram error:', error.message);
-            if (callback) callback({ status: 9999, statusMsg: error.message });
-        }
-    },
-    // 归一化与降级解析特殊标签消息
-    normalizeMessage: function (item) {
-        if (!item || typeof item !== 'object') return item;
-
-        let msgText = item.msgText || '';
-        // 保单时效性类型的答案，直接返回
-        if(!!item.cmd && (item.cmd == 'yhzzsx' ||
-            item.cmd == 'fhzzsx' ||
-            item.cmd == 'scjzzsx' ||
-            item.cmd == 'wnzhzzsx' ||
-            item.cmd == 'tbzzsx' ||
-            item.cmd == 'dkzzsx' ||
-            item.cmd == 'lpzzsx' ||
-            item.cmd == 'grtbbd' ||
-            item.cmd == 'tttbbd' ||
-            item.cmd == 'YYWDBD' ||
-            item.cmd == 'YYWDDA' ||
-            item.cmd == 'GMMDBDCX' ||
-            item.cmd == '$gmmdbdcx-da' ||
-            item.cmd == 'RGAN' ||
-            item.cmd == 'XQJFZZSXBD' ||
-            item.cmd == '$xqjfzzsx-da' ||
-            item.cmd == '$zzsx-da')){
-            return item;
-        }
-        // 1. 模块推送 [scene]
-        if (msgText.toLowerCase().includes('[scene]')) {
-            let match = msgText.match(/\[scene\]([\s\S]*?)\[\/scene\]/i);
-            if (match && match[1]) {
-                try {
-                    let parsed = JSON.parse(match[1]);
-                    item.sceneData = item.sceneData ? Object.assign({}, parsed, item.sceneData) : parsed;
-                } catch (e) {
-                    console.warn("Parse [scene] failed:", e);
-                }
-            }
-            item.reqAndResType = '21';
-            if (!item.msgType) item.msgType = '01';
-        }
-
-        // 2. 卡片/表单推送 [cardpush] 或 [card_push]
-        if (msgText.toLowerCase().includes('[cardpush]') || msgText.toLowerCase().includes('[card_push]')) {
-            let match = msgText.match(/\[(?:cardpush|card_push)\]([\s\S]*?)\[\/(?:cardpush|card_push)\]/i);
-            if (match && match[1]) {
-                try {
-                    let parsed = JSON.parse(match[1]);
-                    item.cardPushDto = item.cardPushDto ? Object.assign({}, parsed, item.cardPushDto) : parsed;
-                } catch (e) {
-                    console.warn("Parse [cardpush] failed:", e);
-                }
-            }
-            item.reqAndResType = '22';
-            if (!item.msgType) item.msgType = '01';
-        }
-
-        // 3. 转产险 [transfer] 或 [sxzcx]
-        if (msgText.toLowerCase().includes('[transfer]') || msgText.toLowerCase().includes('[sxzcx]')) {
-            let match = msgText.match(/\[(?:transfer|sxzcx)\]([\s\S]*?)\[\/(?:transfer|sxzcx)\]/i);
-            if (match && match[1]) {
-                try {
-                    let parsed = JSON.parse(match[1]);
-                    item.transferDto = item.transferDto ? Object.assign({}, parsed, item.transferDto) : parsed;
-                } catch (e) {
-                    console.warn("Parse [transfer] failed:", e);
-                }
-            }
-            item.reqAndResType = '23';
-            if (!item.msgType) item.msgType = '01';
-        }
-
-        // 4. 引用消息 [quoted] 或 [quote]
-        if (typeof item.quoteData === 'string') {
-            try {
-                item.quoteData = JSON.parse(item.quoteData);
-            } catch (e) {
-                console.warn("Parse string quoteData failed:", e);
-            }
-        } else if (!item.quoteData && (msgText.toLowerCase().includes('[quoted]') || msgText.toLowerCase().includes('[quote]'))) {
-            let match = msgText.match(/\[(?:quoted|quote)\]([\s\S]*?)\[\/(?:quoted|quote)\]/i);
-            if (match && match[1]) {
-                try {
-                    item.quoteData = JSON.parse(match[1]);
-                } catch (e) {
-                    item.quoteData = { quoteMsg: match[1], quoteType: '1' };
-                }
-            }
-        }
-
-        return item;
-    }
-}
+import { useAppStore } from '@/store/app.js'
+import wx from "weixin-js-sdk";
+import CryptoJS from 'crypto-js'
+import { showToast, showLoadingToast, closeToast } from 'vant'
+import { fetchPost } from "@/utils/https"
+
+// 惰性获取 Pinia store（替代原 Vuex 的 import store from "@/store"）
+const appStore = () => useAppStore()
+
+export default {
+    //侦听事件
+    on: function (ele, ev, handler) {
+        if (ele.addEventListener) {
+            ele.addEventListener(ev, handler, false)
+        } else {
+            ele.attachEvent('on' + ev, function () {
+                fn.call(handler);
+            })
+        }
+    },
+    //取消事件
+    off: function (ele, ev, handler) {
+        if (ele.removeEventListener) {
+            ele.removeEventListener(ev, handler, false)
+        } else {
+            ele.detachEvent('on' + ev, function () {
+                fn.call(handler);
+            })
+        }
+    },
+    //添加class
+    addClass: function (ele, cls) {
+        var oClass = ele.className.split(' ');
+        if (!ele.className) {
+            ele.className = cls;
+            return;
+        }
+        for (var i = 0; i < oClass.length; i++) {
+            if (oClass[i] === cls) {
+                return;
+            }
+        }
+        ele.className += " " + cls;
+    },
+    //移除class
+    removeClass: function (obj, sClass) {
+        var aClass = obj.className.split(' ');
+        if (!obj.className) return;
+        for (var i = 0; i < aClass.length; i++) {
+            if (aClass[i] === sClass) {
+                aClass.splice(i, 1);
+                obj.className = aClass.join(' ');
+                break;
+            }
+        }
+    },
+    //类名包含
+    hasClass: function (elem, className) {
+        if (elem.classList) {
+            return elem.classList.contains(className);
+        } else {
+            return new RegExp('(^| )' + className + '( |$)', 'gi').test(elem.className);
+        }
+    },
+    //处理a标签href为空情况下刷新页面问题
+    aHrefJump(className) {
+        if (className) {
+            let tagA = Array.from(className);
+            tagA.forEach(e => {
+                if (!e.getAttribute('href')) {
+                    e.setAttribute('href', 'javascript:;');
+                }
+            });
+        }
+    },
+    getPerformanceTiming() {
+        var performance = window.performance;
+        if (!performance) {
+            // 当前浏览器不支持
+            console.log('你的浏览器不支持 performance 接口');
+            return;
+        }
+
+        // var t = performance.timing;
+        // var times = {};
+        // //【重要】页面加载完成的时间
+        // //【原因】这几乎代表了用户等待页面可用的时间
+        // times.loadPage = t.loadEventEnd - t.navigationStart;
+        // //【重要】解析 DOM 树结构的时间
+        // //【原因】反省下你的 DOM 树嵌套是不是太多了！
+        // times.domReady = t.domComplete - t.responseEnd;
+        // //【重要】重定向的时间
+        // //【原因】拒绝重定向！比如，http://example.com/ 就不该写成 http://example.com
+        // times.redirect = t.redirectEnd - t.redirectStart;
+        // //【重要】DNS 查询时间
+        // //【原因】DNS 预加载做了么？页面内是不是使用了太多不同的域名导致域名查询的时间太长？
+        // // 可使用 HTML5 Prefetch 预查询 DNS ，见：[HTML5 prefetch](http://segmentfault.com/a/1190000000633364)
+        // times.lookupDomain = t.domainLookupEnd - t.domainLookupStart;
+        // //【重要】读取页面第一个字节的时间
+        // //【原因】这可以理解为用户拿到你的资源占用的时间，加异地机房了么，加CDN 处理了么？加带宽了么？加 CPU 运算速度了么？
+        // // TTFB 即 Time To First Byte 的意思
+        // // 维基百科：https://en.wikipedia.org/wiki/Time_To_First_Byte
+        // times.ttfb = t.responseStart - t.navigationStart;
+        // //【重要】内容加载完成的时间
+        // //【原因】页面内容经过 gzip 压缩了么，静态资源 css/js 等压缩了么？
+        // times.request = t.responseEnd - t.requestStart;
+        // //【重要】执行 onload 回调函数的时间
+        // //【原因】是否太多不必要的操作都放到 onload 回调函数里执行了，考虑过延迟加载、按需加载的策略么？
+        // times.loadEvent = t.loadEventEnd - t.loadEventStart;
+        // // DNS 缓存时间
+        // times.appcache = t.domainLookupStart - t.fetchStart;
+        // // 卸载页面的时间
+        // times.unloadEvent = t.unloadEventEnd - t.unloadEventStart;
+        // // TCP 建立连接完成握手的时间
+        // times.connect = t.connectEnd - t.connectStart;
+
+        var times = {};
+        var timing = performance.timing;
+        var start = timing.navigationStart;
+
+        times.dnsTime = timing.domainLookupEnd - timing.domainLookupStart;
+        times.tcpTime = timing.connectEnd - timing.connectStart;
+        times.firstPaintTime = timing.responseStart - start;
+        times.domRenderTime = Math.abs(timing.domContentLoadedEventEnd - start);
+        times.loadTime = Math.abs(timing.loadEventEnd - start);
+
+        console.log('DNS解析时间:', times.dnsTime)
+        console.log('TCP建立时间:', times.tcpTime)
+        console.log('首屏时间:', times.firstPaintTime / 1000 + 's')
+        console.log('dom渲染完成时间:', times.domRenderTime / 1000 + 's')
+        console.log('页面onload时间:', times.loadTime / 1000 + 's')
+        return times;
+    },
+    formatTimer() {
+        let date = new Date();
+        let y = date.getFullYear();
+        let MM = date.getMonth() + 1;
+        MM = MM < 10 ? "0" + MM : MM;
+        let d = date.getDate();
+        d = d < 10 ? "0" + d : d;
+        let h = date.getHours();
+        h = h < 10 ? "0" + h : h;
+        let m = date.getMinutes();
+        m = m < 10 ? "0" + m : m;
+        let s = date.getSeconds();
+        s = s < 10 ? "0" + s : s;
+        let S = date.getMilliseconds();
+        S = S < 10 ? "0" + S : S;
+
+        console.log("页面加载时间:", y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s);
+        return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
+    },
+    //获取样式
+    getStyle: function (dom, attr) {
+        return dom.currentStyle ? dom.currentStyle[attr] : getComputedStyle(dom, false)[attr];
+    },
+    //获取url参数
+    getUrlKey: function (name) {
+        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || "";
+    },
+    //可见窗口大小
+    view: function () {
+        return {
+            w: document.documentElement.clientWidth,
+            h: document.documentElement.clientHeight
+        };
+    },
+    // 时间格式化
+    time_formatter(time) {
+        let year = time.getFullYear()
+        let month = time.getMonth() + 1
+        let date = time.getDate()
+
+        let hour = time.getHours()
+        let minute = time.getMinutes()
+        let second = time.getSeconds()
+
+        month = month < 10 ? `0${month}` : month
+        date = date < 10 ? `0${date}` : date
+        hour = hour < 10 ? `0${hour}` : hour
+        minute = minute < 10 ? `0${minute}` : minute
+        second = second < 10 ? `0${second}` : second
+
+        return `${year}-${month}-${date} ${hour}:${minute}:${second}`
+    },
+    //计算base64图片的大小
+    countBase64Size: function (base64) {
+        let str = base64.split(",")[1];
+        let equalIndex = str.indexOf('=');
+
+        if (str.indexOf('=') > 0) {
+            str = str.substring(0, equalIndex);
+        }
+        let strLength = str.length;
+        let fileLength = parseInt(strLength - (strLength / 8) * 2);
+
+        return fileLength;
+    },
+    //判断是不是微信浏览器
+    isWeiXin() {
+        var ua = window.navigator.userAgent.toLowerCase();
+        if (ua.match(/MicroMessenger/i) == "micromessenger") {
+            return true;
+        } else {
+            return false;
+        }
+    },
+    //判断是不是小程序
+    isMiniProgram() {
+        var ua = window.navigator.userAgent.toLowerCase();
+        if (ua.match(/miniProgram/i) == "miniprogram") {
+            return true;
+        } else {
+            return false;
+        }
+    },
+    // VIN码验证
+    validate_vin(vin) {
+        if (vin.length > 0 && vin.length != 17) {
+            return false;
+        }
+        let vinVal = vin.toUpperCase();
+        let charToNum = { A: 1, B: 2, C: 3, D: 4, E: 5, F: 6, G: 7, H: 8, J: 1, K: 2, L: 3, M: 4, N: 5, P: 7, R: 9, S: 2, T: 3, U: 4, V: 5, W: 6, X: 7, Y: 8, Z: 9 };
+        let obj = 0;
+        let arr = new Array();
+        for (let i = 0; i < vinVal.length; i++) {
+            let temp = vinVal.charAt(i);
+
+            if (charToNum[temp]) {
+                arr[i] = charToNum[temp];
+            } else {
+                arr[i] = Number(temp);
+            }
+            if (i == 8) {
+                arr[i] = vinVal.charAt(i);
+            }
+        }
+        let a1 = 8;
+        for (let i = 0; i < 7; i++) {
+            obj += Number(arr[i]) * a1;
+            a1--;
+        }
+
+        obj += Number(arr[7]) * 10;
+
+        let a2 = 9;
+        for (let i = 9; i < 17; i++) {
+            obj += Number(arr[i]) * a2;
+            a2--;
+        }
+
+        let result = Number(obj) % 11;
+        if (parseInt(result) === 10) {
+            result = "X";
+        }
+        if (result == arr[8]) {
+            //成功
+            return true;
+        } else {
+            //失败
+            return false;
+        }
+    },
+    // 去除base64前缀
+    delete_prefix_Base64(base64) {
+        return base64.replace('data:image/jgp', 'data:image/jpeg').replace(
+            /data:image\/jpeg;base64,/gi,
+            ""
+        )
+    },
+    // 获取url的参数
+    getUrlParam(name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
+        var r = window.location.search.substr(1).match(reg)
+        if (r != null) return unescape(r[2])
+        return null
+    },
+    /**
+     * [获取URL中的参数名及参数值的集合]
+     * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
+     * @param {[string]} urlStr [当该参数不为空的时候，则解析该url中的参数集合]
+     * @return {[string]}       [参数集合]
+     */
+    getUrlParams(urlStr) {
+        urlStr = urlStr || window.location.href; //获取url中"?"符后的字串
+
+        if (typeof urlStr == "undefined") {
+            var url = decodeURIComponent(location.search); //获取url中"?"符后的字符串
+        } else {
+            var url = "?" + urlStr.split("?")[1];
+        }
+        var theRequest = new Object();
+        if (url.indexOf("?") != -1) {
+            var str = url.substr(1);
+            var strs = str.split("&");
+            for (var i = 0; i < strs.length; i++) {
+                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
+
+                if (decodeURIComponent(strs[i].split("=")[1]) == '' || decodeURIComponent(strs[i].split("=")[1]) == null || decodeURIComponent(strs[i].split("=")[1]) == 'null' || decodeURIComponent(strs[i].split("=")[1]) == undefined || !decodeURIComponent(strs[i].split("=")[1])) {
+                    theRequest[strs[i].split("=")[0]] = '';
+                }
+            }
+        }
+        return theRequest;
+    },
+    /**
+     * 增加Cookie
+     * @param name
+     * @param value
+     * @param hours
+     * @return
+     */
+    writeCookie(name, value, hours) {
+        var expire = "";
+        if (hours != null) {
+            expire = new Date((new Date()).getTime() + hours * 3600000);
+            expire = ";  expires=" + expire.toGMTString();
+        }
+
+        document.cookie = name + "=" + encodeURI(value) + expire;
+    },
+    /**
+     * 读取Cookie
+     * @param name
+     * @return
+     */
+    readCookie(name) {
+        var cookieValue = "";
+        var search = name + "=";
+
+        if (document.cookie.length > 0) {
+            var offset = document.cookie.indexOf(search);
+            if (offset != -1) {
+                offset += search.length;
+                var end = document.cookie.indexOf(";", offset);
+                if (end == -1) {
+                    end = document.cookie.length;
+                }
+                cookieValue = decodeURI(document.cookie.substring(offset, end));
+            }
+        }
+        return cookieValue;
+    },
+    setTitle(title) {
+        // document.title = title;
+        var mobile = navigator.userAgent.toLowerCase();
+        if (/iphone|ipad|ipod/.test(mobile)) {
+            var iframe = document.createElement('iframe')
+            iframe.style.display = 'none'
+            // iframe.setAttribute('src', '')
+            var iframeCallback = function () {
+                setTimeout(function () {
+                    iframe.removeEventListener('load', iframeCallback);
+                    document.body.removeChild(iframe);
+                }, 0)
+            }
+            iframe.addEventListener('load', iframeCallback);
+            document.body.appendChild(iframe)
+        }
+    },
+    isPc() {
+        var ua = navigator.userAgent.toLowerCase();
+        var mobile = /mobile/gi.test(ua);
+        if (!mobile) {
+            console.log('当前为PC')
+            return true;
+        } else {
+            console.log('当前不是PC')
+            return false;
+        }
+    },
+    //判断是安卓或ios
+    isAndroid() {
+        var userNav = navigator.userAgent;
+        var isAndroid = userNav.toLowerCase().indexOf('android') > -1 || userNav.toLowerCase().indexOf('adr') > -1; //android终端
+        var isiOS = !!userNav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+        var isAndroidIOS = '';
+        if (isAndroid) {
+            isAndroidIOS = 'isAndroid';
+        } else if (isiOS) {
+            isAndroidIOS = 'isiOS';
+        }
+
+        return isAndroidIOS;
+    },
+    //判断系统类型：安卓、iOS、鸿蒙
+    getSystemType() {
+        var userAgent = navigator.userAgent.toLowerCase();
+        var systemType = 'unknown';
+        
+        // 判断鸿蒙系统（HarmonyOS）
+        // 鸿蒙系统的userAgent中可能包含 'harmonyos' 或 'ohos'
+        if (userAgent.indexOf('harmonyos') > -1 || userAgent.indexOf('HarmonyOS') || userAgent.indexOf('ohos') > -1) {
+            systemType = 'harmonyos';
+        }
+        // 判断iOS系统
+        else if (userAgent.indexOf('iphone') > -1 || userAgent.indexOf('ipad') > -1 || userAgent.indexOf('ipod') > -1 || !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
+            systemType = 'ios';
+        }
+        // 判断安卓系统
+        else if (userAgent.indexOf('android') > -1 || userAgent.indexOf('adr') > -1) {
+            systemType = 'android';
+        }
+        
+        return systemType;
+    },
+    onBridgeReady() {
+        try {
+            if (this.isWeiXin()) {
+                WeixinJSBridge.call('hideOptionMenu');
+            }
+        } catch (error) {
+            console.log(error.message)
+        }
+    },
+    /**
+     * 是否禁用右上角
+     */
+    disabledOptionMenu() {
+        var that = this;
+        if (typeof WeixinJSBridge == "undefined") {
+            if (document.addEventListener) {
+                document.addEventListener('WeixinJSBridgeReady', that.onBridgeReady(), false);
+            } else if (document.attachEvent) {
+                document.attachEvent('WeixinJSBridgeReady', that.onBridgeReady());
+                document.attachEvent('onWeixinJSBridgeReady', that.onBridgeReady());
+            }
+        } else {
+            that.onBridgeReady();
+        }
+    },
+    /**
+     * 隐藏微信网页底部的导航栏
+     */
+    disabledToolbar(disable = true) {
+        if (typeof WeixinJSBridge == "undefined") {
+            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
+                // 通过下面这个API隐藏底部导航栏
+                WeixinJSBridge.call(disable ? 'hideToolbar' : 'showToolbar');
+            });
+        }
+    },
+    closeWindow() {
+        var userAgent = navigator.userAgent;
+
+        if (appStore().notitle === '1') {
+            return
+        }
+
+        try {
+            if (this.isMiniProgram()) {
+                wx.miniProgram.navigateBack({ delta: 1 });
+            } else if (this.isWeiXin()) {
+                // 微信中关闭
+                setTimeout(function () {
+                    // alert("关闭页面"); //必须有弹窗，否则可能无法关闭
+                    //这个可以关闭安卓系统的手机
+                    document.addEventListener('WeixinJSBridgeReady', function () {
+                        WeixinJSBridge.call('closeWindow');
+                    }, false);
+
+                    //这个可以关闭ios系统的手机
+                    WeixinJSBridge.call('closeWindow');
+                }, 300)
+            } else {
+                // 浦发银行返回按钮跳转到基座
+                if (appStore().source === '95410000') {
+                    window.location.href = `https://${location.origin.includes("-dev") || location.origin.includes("-sit") || location.origin.includes("-uat") || location.origin.includes("-pt") ? 'life-open-sit' : 'life-open'}.trace.com.cn/web-guard-h5/`;
+                    return
+                }
+                if (window.wxx && typeof (window.wxx.back) == 'function') {
+                    window.wxx.back();
+                } else if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") != -1) {
+                    window.open('', '_self', '');
+                    open(location, '_self').close();
+
+                    window.location.href = "about:blank";
+                    window.close();
+                } else if (userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1) {
+                    window.opener = null;
+                    window.open('about:blank', '_self', '').close();
+                } else {
+                    window.opener = null;
+                    window.open("", "_self");
+                    window.close();
+                }
+            }
+        } catch (error) {
+            // console.log("关闭页面closeWindow", error.message)
+        }
+    },
+    //判断网络状态
+    onLine(callback) {
+        var curWwwPath = window.document.location.href;
+        var pathName = window.document.location.pathname;
+        var pos = curWwwPath.indexOf(pathName);
+        var host = window.location.host;
+        var protocol = window.location.protocol;
+        var localhostPaht = curWwwPath.substring(0, pos);
+        var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
+        var isWs = protocol == 'https:' ? 'wss' : 'ws';
+
+        var img = new Image();
+        if (localhostPaht.indexOf("localhost") >= 0) {
+            img.src = `https://ssp-dev.trace.com.cn${projectName}/favicon.ico?v=${Date.now()}`;
+        } else {
+            img.src = `${localhostPaht}${projectName}/favicon.ico?v=${Date.now()}`;
+        }
+        // console.log("判断有没有网络==", img.src);
+
+        img.onload = function () {
+            if (callback) callback(true)
+        };
+
+        img.onerror = function () {
+            if (callback) callback(false)
+        };
+    },
+    appendUrl(params, flag) {
+        var urlPar = '';
+
+        Object.getOwnPropertyNames(params).forEach((item, index) => {
+            if (index === 0 && !flag) {
+                urlPar += `?${item}=${params[item]}`;
+            } else {
+                urlPar += `&${item}=${params[item]}`
+            }
+        });
+
+        // console.log(urlPar)
+        return urlPar;
+    },
+    openWxPage(url, params) {
+        let flag = url.indexOf("?") != -1 ? true : false
+        let urlPar = '';
+
+        if (url) {
+            if (params) {
+                Object.getOwnPropertyNames(params).forEach((item, index) => {
+                    if (index === 0 && !flag) {
+                        urlPar += `?${item}=${params[item]}`;
+                    } else {
+                        urlPar += `&${item}=${params[item]}`
+                    }
+                });
+            }
+            console.log(url + urlPar)
+            setTimeout(() => {
+                closeToast();
+                window.location.href = url + urlPar ;
+            }, 200);
+        } else {
+            console.log('跳转链接不存在！')
+        }
+    },
+    // 给付系统跳转链接, 从后台获取,外联库也会走这里
+    openSpecPage(params) {
+        if(params.generateType == 0){
+            //官微跳转
+            window.location.href = params.url;
+        }else if(params.generateType == 3){
+            // 查门店不调用前置接口
+            const userInfo = appStore().userInfo
+            let cmdUrl =`${params.url}&idnum=1&openId=${userInfo.sourceUserId}&entryOpenid=${userInfo.entryOpenid}`
+            fetchPost("semantic/getYdbqTicket", { url: cmdUrl , generateType:params.generateType ,userId:appStore().userId,isCmd:"1"}).then(ticketRes => {
+                console.log(ticketRes)
+                if (ticketRes.code === 0) {
+                    //data空表示开关关闭
+                    if (ticketRes.data === "" || ticketRes.data === null || ticketRes.data === undefined) {
+                        window.location.href = params.url;
+                    } else {
+                        const ticketUrl = params.url + `&accessTicket=${ticketRes.data}`
+                        console.log("ticketUrl===",ticketUrl)
+                        window.location.href = ticketUrl;
+                    }
+                } else {
+                    showToast("网络异常，请重试")
+                }
+            })
+        }else if(params.generateType == 4){
+            // 1v1专属服务
+            const userInfo = appStore().userInfo
+            fetchPost("thirdPartyAuth/getExclusiveServicesToken").then(res=>{
+                if(res.code===0){
+                    if(res.data){
+                        let vUrl=`${params.url}&sour=yykf&omoSource=${userInfo.source}&omoSourceName=${encodeURIComponent(userInfo.sourceName)}&token=${res.data}`
+                        window.location.href =vUrl
+                    }
+                }else{
+                    showToast("网络异常，请重试")
+                }
+            })
+        }else if(params.generateType == 5){
+            // 一站式复效
+            let yParams=params.url.split('&')
+            fetchPost("semantic/getYzsUrl",{userId:appStore().userId,bqType:yParams[0],urlType:yParams[1]}).then(res=>{
+                if(res.code===0){
+                    if(res.data){
+                        window.location.href =res.data
+                    }
+                }else{
+                    showToast("网络异常，请重试")
+                }
+            })
+        }else if(params.generateType == 6){
+            //官微小程序
+            const url = params.url
+            wx.miniProgram.navigateTo({
+                url
+            });
+        }else{
+            fetchPost("semantic/generateUrl", params)
+            .then(res => {
+                if (res.code && res.code != 0) {
+                    showToast(res.msg);
+                    return;
+                }
+                //置换密匙
+                const newUrl = res.data;
+                fetchPost("semantic/getYdbqTicket", { url: newUrl , generateType:params.generateType ,userId:appStore().userId}).then(ticketRes => {
+                    if (ticketRes.code === 0) {
+                        //data空表示开关关闭
+                        if (ticketRes.data === "" || ticketRes.data === null || ticketRes.data === undefined) {
+                            window.location.href = params.url;
+                        } else {
+                            const ticketUrl = params.url + `&accessTicket=${ticketRes.data}`
+                            console.log(ticketUrl)
+                            window.location.href = ticketUrl;
+                        }
+                    } else {
+                        showToast("网络异常，请重试")
+                    }
+                })
+            })
+            .catch(err => {
+                console.error(err)
+            });
+        }
+    },
+    //在app内打开h5(带参数)
+    AppOpenH5(url, params) {
+        let flag = url.indexOf("?") != -1 ? true : false
+        let urlPar = '';
+
+        if (url) {
+            if (params) {
+                Object.getOwnPropertyNames(params).forEach((item, index) => {
+                    if (index === 0 && !flag) {
+                        urlPar += `?${item}=${params[item]}`;
+                    } else {
+                        urlPar += `&${item}=${params[item]}`
+                    }
+                });
+            }
+
+            // console.log(url + urlPar)
+            showLoadingToast('跳转中...');
+            setTimeout(() => {
+                closeToast();
+
+                this.AppRedirect(url + urlPar);
+            }, 200);
+        } else {
+            console.log('跳转链接不存在！')
+        }
+    },
+    //app 壳的方法 跳转购买产品  跳转享服务  官网
+    AppToOutModules(params) {
+        params = params || '';
+        //寿险：
+        //跳转购产品：
+        // {
+        //     "from": "yykfTosxapp", // yykfTosxapp — 从洋洋客服进入到寿险APP流程
+        //     "toPage": "BuyProduct", // BuyProduct — 跳转到购产品页面
+        //     "extParams": {
+        //             }, // 扩展参数
+        // }
+
+        //跳转享服务：
+        // {
+        //     "from": "yykfTosxapp", // yykfTosxapp — 从洋洋客服进入到寿险APP流程
+        //     "toPage": "ServicesPage", // ServicesPage — 跳转到享服务页面
+        //     "extParams": { }, // 扩展参数
+        // }
+
+        //官网：
+        // {
+        // "appId":"com.trace.app.rnbxx"
+        // "appType":"reactnative"
+        // "url":"/pages/screen/main/Initialize.js"
+        // "params":
+        //     {
+        //         "source":"sapp"
+        //     }
+        // }
+        try {
+            if (!window.wxx && appStore().source != '95290000') {//如果不是app渠道
+
+                showToast('当前为跳转APP功能按钮，请在APP中点击。');
+                // window.location.href = params.url;
+            } else {
+                window.wxx.toOutModules(params);
+            }
+
+            // console.log('调用app方法toOutModules==', params)
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    //app 壳的方法 打开外部链接 url：跳转的url地址
+    AppToHttpHtml(url) {
+        url = url || '';
+        try {
+            if (!window.wxx && appStore().source != '95290000') {
+                window.location.href = url;
+            } else {
+                window.wxx.toHttpHtml(url);
+            }
+
+            // console.log('调用app方法toHttpHtml==', url)
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    //app 壳的方法 内部打开链接方法 （url：跳转的url地址 titleName：title名字）
+    AppRedirect(url, titleName) {
+        url = url || '';
+        titleName = titleName || '洋洋客服';
+
+        try {
+            if (!window.wxx && appStore().source != '95290000') {
+                window.location.href = url;
+            } else {
+                window.wxx.redirect(url, titleName);
+            }
+
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    //app 壳的方法 copy （msg：复制内容）
+    AppCopy(msg) {
+        msg = msg || '';
+
+        try {
+            if (!window.wxx && appStore().source != '95290000') {
+                showToast('请在App里使用');
+            } else {
+                window.wxx.copyBoard(msg);
+                // if (this.isAndroid() == 'isiOS') {
+                //     window.wxx.copyBoard(msg);
+                // } else if (this.isAndroid() == 'isAndroid') {
+                //     window.wxx.copy(msg);
+                // }
+            }
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    //退出页面
+    AppBack() {
+        try {
+            if (!window.wxx && appStore().source != '95290000') {
+                this.closeWindow();
+            } else {
+                window.wxx.back();
+            }
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    AppReloadHtml() {
+        try {
+            if (!window.wxx && appStore().source != '95290000') {
+                window.location.reload();
+            } else {
+                window.wxx.reloadHtml();
+            }
+        } catch (error) {
+            // console.log(error.message)
+        }
+    },
+    // 替换url中的参数
+    changeURLArg(url, arg, arg_val) {
+        var pattern = arg + '=([^&]*)';
+        var replaceText = arg + '=' + arg_val;
+        if (url.match(pattern)) {
+            var tmp = '/(' + arg + '=)([^&]*)/gi';
+            tmp = url.replace(eval(tmp), replaceText);
+            return tmp;
+        } else {
+            if (url.match('[\?]')) {
+                return url + '&' + replaceText;
+            } else {
+                return url + '?' + replaceText;
+            }
+        }
+    },
+    async useSdk(item) {
+        // 洋洋客服人工满意度评价推送优化(坐席接通后，顾客不说话不触发满意度）
+        if(!appStore().isHumanChat){
+            return
+        }
+        //开关关闭不调用
+        if(!appStore().mydFlag){
+            return
+        }
+        //满意度黑名单用户
+        if (appStore().reviewRestricted) {
+            console.log('满意度黑名单用户');
+            return
+        }
+        console.log('结束会话的item====',item);
+        //新老满意度判断
+        if (appStore().integratedUser) {
+            // 触发自定义人工满意度评价弹窗
+            console.log('触发自定义人工满意度评价弹窗');
+            const hxSessionId = item.hxSessionId
+            appStore().setHxSessionId(hxSessionId);
+            appStore().setShowHumanAppraise(true);
+        } else {
+            if (!appStore().sdkLoaded) {
+                console.log('sdk未加载');
+                return
+            }
+            const fn = window.Evaluate?.default;
+            const businessNo = item.hxSessionId || item.sessionId || appStore().sessionId
+            if (typeof fn !== 'undefined' && fn?.Entrance) {
+                let obj = {
+                    isDialog: "1",
+                    businessNo: businessNo,
+                    sceneNo: '80e6959f3dd111ef93216805caef3a29',
+                    systemNo: 'FWZC',
+                    userType: 'C',
+                    // oprNo: localStorage.userId,
+                    oprNo: appStore().userId,
+                    oprIdType: 'z',
+                    terminal: 'MOBILE',
+                    target: 'myd',
+                    ENV: location.host.includes('-sit') ? 'SIT' : 'PRO',
+                    nextUrl: '',
+                    nextUrlParams: {}
+                }
+                console.log('useSdk',obj);
+                try {
+                    const result = await fn.Entrance(obj);
+                    console.log('useSdk--result',result);
+                    if (result.type == '00') {
+                        showToast('您已完成本次满意度调查，谢谢您的参与！')
+                    }
+                } catch (error) {
+                    console.error('Error calling SDK method', error);
+                }
+            } else {
+                console.error('SDK function or method not available');
+            }
+        }
+        
+    },
+    async useTechSdk() {
+        if (!appStore().sdkLoaded) {
+            setTimeout(() => {
+                showToast('满意度调查加载失败，请重试');
+            }, 500);
+            return
+        }
+        const fn = window.Evaluate?.default;
+        const businessNo = appStore().sessionId
+        const userInfo = appStore().userInfo
+        const oprIdType = 'z';
+        const oprNo =  userInfo.sourceUserId
+        if (typeof fn !== 'undefined' && fn?.Entrance) {
+            let obj = {
+                isDialog: "1",
+                businessNo: businessNo,
+                sceneNo: 'e386b9895eca11ef9912946daedd8bf0',
+                systemNo: 'FWZC',
+                userType: 'C',
+                oprNo,
+                oprIdType,
+                terminal: 'MOBILE',
+                target: 'myd',
+                ENV: location.host.includes('-sit') ? 'SIT' : 'PRO',
+                nextUrl: '',
+                nextUrlParams: {}
+            }
+            console.log(obj);
+            try {
+                const result = await fn.Entrance(obj);
+                if (result.type == '00') {
+                    showToast('您已完成本次满意度调查，谢谢您的参与！')
+                }
+            } catch (error) {
+                console.error('Error calling SDK method', error);
+            }
+        } else {
+            console.error('SDK function or method not available');
+        }
+    },
+    // 打开小程序
+    launchVideoServiceMiniProgram(params, callback) {
+        try {
+            if (appStore().source === '95290000') {
+                // 超级APP环境，使用SuperAPPUtils打开小程序
+                if (window.SuperAPPUtils && typeof window.SuperAPPUtils.launchWXMiniProgram === 'function') {
+                    window.SuperAPPUtils.launchWXMiniProgram(params, callback);
+                } else {
+                    console.log('SuperAPPUtils not available');
+                    if (callback) callback({ status: 9999, statusMsg: "SuperAPPUtils not available" });
+                }
+            } else {
+                console.log('Video service mini program only available in SuperAPP');
+                if (callback) callback({ status: 9999, statusMsg: "Not in SuperAPP" });
+            }
+        } catch (error) {
+            console.log('launchVideoServiceMiniProgram error:', error.message);
+            if (callback) callback({ status: 9999, statusMsg: error.message });
+        }
+    },
+    // 归一化与降级解析特殊标签消息
+    normalizeMessage: function (item) {
+        if (!item || typeof item !== 'object') return item;
+
+        let msgText = item.msgText || '';
+        // 保单时效性类型的答案，直接返回
+        if(!!item.cmd && (item.cmd == 'yhzzsx' ||
+            item.cmd == 'fhzzsx' ||
+            item.cmd == 'scjzzsx' ||
+            item.cmd == 'wnzhzzsx' ||
+            item.cmd == 'tbzzsx' ||
+            item.cmd == 'dkzzsx' ||
+            item.cmd == 'lpzzsx' ||
+            item.cmd == 'grtbbd' ||
+            item.cmd == 'tttbbd' ||
+            item.cmd == 'YYWDBD' ||
+            item.cmd == 'YYWDDA' ||
+            item.cmd == 'GMMDBDCX' ||
+            item.cmd == '$gmmdbdcx-da' ||
+            item.cmd == 'RGAN' ||
+            item.cmd == 'XQJFZZSXBD' ||
+            item.cmd == '$xqjfzzsx-da' ||
+            item.cmd == '$zzsx-da')){
+            return item;
+        }
+        // 1. 模块推送 [scene]
+        if (msgText.toLowerCase().includes('[scene]')) {
+            let match = msgText.match(/\[scene\]([\s\S]*?)\[\/scene\]/i);
+            if (match && match[1]) {
+                try {
+                    let parsed = JSON.parse(match[1]);
+                    item.sceneData = item.sceneData ? Object.assign({}, parsed, item.sceneData) : parsed;
+                } catch (e) {
+                    console.warn("Parse [scene] failed:", e);
+                }
+            }
+            item.reqAndResType = '21';
+            if (!item.msgType) item.msgType = '01';
+        }
+
+        // 2. 卡片/表单推送 [cardpush] 或 [card_push]
+        if (msgText.toLowerCase().includes('[cardpush]') || msgText.toLowerCase().includes('[card_push]')) {
+            let match = msgText.match(/\[(?:cardpush|card_push)\]([\s\S]*?)\[\/(?:cardpush|card_push)\]/i);
+            if (match && match[1]) {
+                try {
+                    let parsed = JSON.parse(match[1]);
+                    item.cardPushDto = item.cardPushDto ? Object.assign({}, parsed, item.cardPushDto) : parsed;
+                } catch (e) {
+                    console.warn("Parse [cardpush] failed:", e);
+                }
+            }
+            item.reqAndResType = '22';
+            if (!item.msgType) item.msgType = '01';
+        }
+
+        // 3. 转产险 [transfer] 或 [sxzcx]
+        if (msgText.toLowerCase().includes('[transfer]') || msgText.toLowerCase().includes('[sxzcx]')) {
+            let match = msgText.match(/\[(?:transfer|sxzcx)\]([\s\S]*?)\[\/(?:transfer|sxzcx)\]/i);
+            if (match && match[1]) {
+                try {
+                    let parsed = JSON.parse(match[1]);
+                    item.transferDto = item.transferDto ? Object.assign({}, parsed, item.transferDto) : parsed;
+                } catch (e) {
+                    console.warn("Parse [transfer] failed:", e);
+                }
+            }
+            item.reqAndResType = '23';
+            if (!item.msgType) item.msgType = '01';
+        }
+
+        // 4. 引用消息 [quoted] 或 [quote]
+        if (typeof item.quoteData === 'string') {
+            try {
+                item.quoteData = JSON.parse(item.quoteData);
+            } catch (e) {
+                console.warn("Parse string quoteData failed:", e);
+            }
+        } else if (!item.quoteData && (msgText.toLowerCase().includes('[quoted]') || msgText.toLowerCase().includes('[quote]'))) {
+            let match = msgText.match(/\[(?:quoted|quote)\]([\s\S]*?)\[\/(?:quoted|quote)\]/i);
+            if (match && match[1]) {
+                try {
+                    item.quoteData = JSON.parse(match[1]);
+                } catch (e) {
+                    item.quoteData = { quoteMsg: match[1], quoteType: '1' };
+                }
+            }
+        }
+
+        return item;
+    }
+}
diff --git a/src/views/chat.vue b/src/views/chat.vue
index 8d587fa..53520f1 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -1,602 +1,655 @@
-<template>
-  <div>
-    <!-- <chat-main
-      v-if="isToken"
-      :tokenExist="isToken"
-      :isWX="isWX"
-      :lostChatInfoNum="lostChatInfoNum"
-    /> -->
-    <chat-new v-if="isToken" :tokenExist="isToken" :isWX="isWX" :lostChatInfoNum="lostChatInfoNum" />
-    <!-- <human-appraise-popup /> -->
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue'
-import { useAppStore } from '@/store/app.js'
-import {
-  showLoadingToast,
-  closeToast,
-  showDialog,
-  showConfirmDialog,
-  showToast,
-} from 'vant'
-import { Post, Get } from '@/utils/https'
-import chatMain from '@/components/chat-main.vue'
-import chatNew from '@/components/chat-new.vue'
-// import HumanAppraisePopup from "@/components/human-appraise-popup.vue";
-import Utils from '@/utils/utils'
-import sensors from '@/utils/sensors'
-import { Decryption, DecryptionECB, Encrypt, isDev, isProd } from '@/utils'
-
-// 状态管理
-const store = useAppStore()
-const {
-  setSource,
-  setUserInfo,
-  setNotitle,
-  setConfigId,
-  setEntrance,
-  setAppentry,
-  setHtmlExtParams,
-  setComplaint,
-  setNavigationCorpus,
-  setSessionId,
-} = store
-// 响应式数据
-const isToken = ref(false)
-const isWX = ref(false)
-const lostChatInfoNum = ref(0)
-const urlParams = ref({})
-
-// 生命周期
-onMounted(async () => {
-  var liccsAds = localStorage.getItem('liccsAds') // 记录用户弹窗提示
-  localStorage.clear()
-  localStorage.liccsAds = liccsAds || ''
-  //清除session 清除上次的记录
-  sessionStorage.clear()
-
-  urlParams.value = Utils.getUrlParams()
-  console.log('txfModules参数', urlParams.value.txfModules)
-  console.log('this.urlParams--', urlParams.value)
-
-  let userInfo = {
-    phone: urlParams.value.phone || '',
-    name: urlParams.value.name || '',
-    sex: urlParams.value.sex || '',
-    openid: urlParams.value.openid || '',
-    idtype: urlParams.value.idtype || '',
-    pid: urlParams.value.pid || '',
-
-    auStatus: urlParams.value.auStatus || '', //实名认证状态 枚举：1、0、其他（1为已认证状态，其他为非认证认证状态）
-    bdStatus: urlParams.value.bStatus || urlParams.value.bdStatus || '', //老客户绑定状态 1为已绑定状态，其他为非绑定状态
-    bthdate: urlParams.value.bthdate || '', //出生日期
-    workNum: urlParams.value.workNum || '', //营销员工号
-    unit: urlParams.value.unit || '', //单位
-    orgname: urlParams.value.orgname || '', //机构名称
-
-    txfModules: urlParams.value.txfModules || '', //太享福渠道活动与功能显示
-
-    sceneId: urlParams.value.sceneId || '', //场景标识（微信跟随）
-    entrance: urlParams.value.entrance || '', // 入口标识
-    planCode: urlParams.value.planCode || urlParams.value.modelCode || '', //星云渠道产品代码
-
-    // 断点服务
-    bpErrorCode: urlParams.value.bErrorCode || urlParams.value.brErrorCode || '',
-    bpErrorContent: urlParams.value.bErrorContent || urlParams.value.errorMsg || '',
-    bpErrorModule: urlParams.value.bErrorModule || '', // 电子回访断点服务
-    bpErrorPicture: urlParams.value.bErrorPicture || '', // 微信给付断点服务
-    entryIdnum: '', // 查门店证件号加密传参
-    entryOpenid: '', // 查门店openid加密传参
-    userType: urlParams.value.usertype || '', // 95980000渠道（b2bi），说明一下是游客
-  }
-
-  isWX.value = Utils.isWeiXin()
-  setUserInfo(userInfo);//用户信息
-  setSource(urlParams.value.ht || ""); //来源
-  setNotitle(urlParams.value.notitle || ""); //是否展示头部
-  setConfigId(urlParams.value.configId || ""); //环信参数
-  setEntrance(urlParams.value.entrance || ""); //入口标识
-  setAppentry(urlParams.value.appentry || ""); // 是否为老版本app
-
-  setHtmlExtParams(urlParams.value.htmlExtParams || ""); //扩展参数
-  setComplaint(urlParams.value.complaint || ""); //扩展参数
-  setNavigationCorpus(urlParams.value.navigationCorpus || ""); //扩展参数
-  wx.miniProgram.getEnv((res) => {
-    console.log(res, 'res');
-  })
-  // 渠道校验
-  // let checkToast = null
-  // try {
-  //   checkToast = showLoadingToast({
-  //     message: '加载中...',
-  //     duration: 0,
-  //     loadingType: 'spinner',
-  //     forbidClick: true,
-  //   })
-  //   const checkRes = await Post('config/downSource', {
-  //     source: urlParams.value.ht || '96060000',
-  //   })
-  //   checkToast.close()
-  //   if (checkRes.code === 0 && checkRes.data !== null) {
-  //     showDialog({
-  //       title: '提示',
-  //       message: checkRes.data.toast,
-  //       confirmButtonText: '确定',
-  //     }).then((res) => {
-  //       Utils.closeWindow()
-  //     })
-  //     return
-  //   }
-  // } catch (error) {
-  //   console.log('渠道校验异常:', error)
-  //   if (checkToast) {
-  //     checkToast.close();
-  //   }
-  // }
-
-  urlParams.value = Utils.getUrlParams()
-  initToken()
-})
-
-// 方法
-const initToken = async () => {
-  try {
-    const res = await getToken()
-    const data = res?.data
-    if (!data) {
-      throw new Error('获取用户信息失败：接口未返回 data')
-    }
-
-    // Pinia setup store 会自动解包 ref，组件内直接通过 action 更新即可。
-    store.setUserId(data.userId || '')
-    store.setSource(data.source || urlParams.value.ht || '')
-    store.setPlanCode(data.planCode || '')
-    store.setSessionId(data.sessionId || '')
-    store.setToken(data.token || '')
-    store.setManualService(data.msgSource ?? 1)
-    store.setMsgStatus(data.msgStatus || '')
-    store.setIsLostMessage(data.isLostChatInfo || '')
-
-    const elderChannels = ['95460000', '95290000', '95830000']
-    const isElder = Boolean(data.eldCustomer)
-    if (elderChannels.includes(data.source)) {
-      store.setElder(isElder)
-      if (!isElder && data.source === '95460000') {
-        window.location.href = Utils.changeURLArg(window.location.href, 'ht', '95270000')
-      }
-    }
-
-    const nextUserInfo = {
-      ...(store.userInfo || {}),
-      versionNo1: data.versionNo1 || '',
-      versionHFHZ: data.versionHFHZ || '',
-      encryptPid: data.encryptPid || '',
-      pid: data.pid || '',
-      sourceUserId: data.sourceUserId || '',
-      encryptPhone: data.encryptPhone || '',
-      eldCustomer: isElder,
-      vip: data.vip,
-      planCode: data.planCode || '',
-      entryIdnum: data.entryIdnum || '',
-      entryOpenid: data.entryOpenid || '',
-      sourceName: data.sourceName || '',
-      blacklistFlag: data.blacklistFlag || '',
-    }
-    store.setUserInfo(nextUserInfo)
-
-    if (nextUserInfo.blacklistFlag === '1' && nextUserInfo.bpErrorContent) {
-      const query = new URLSearchParams({
-        ht: urlParams.value.ht || '',
-        openid: urlParams.value.openid || '',
-      })
-      history.replaceState({}, '', `${window.location.origin}${window.location.pathname}?${query}`)
-    }
-
-    // 尚未提供 setter 的少量 Pinia state 可以直接赋值，Pinia 会同步更新其内部 ref。
-    store.flagType = data.flagType || ''
-    store.setGaokeUser(Boolean(data.gaokeUser))
-    store.setHotUser(Boolean(data.gaowenUser))
-    store.mydFlag = Boolean(data.manyiduWhite)
-    store.setIntegratedUser(Boolean(data.white))
-    store.setReviewRestricted(Boolean(data.reviewRestricted))
-    store.setBranchCompany(data.branchCompany || '')
-    store.setBpErrorInfo(data.bpErrorInfo || [])
-
-    isToken.value = true
-    lostChatInfoNum.value = data.lostChatInfoNum || 0
-
-    if (store.hotUser) {
-      getHotUserData()
-    }
-    //保存分支机构
-    const branchCompany = res.data.branchCompany || '';
-    store.setBranchCompany(branchCompany);
-
-    // 微信鉴权异步执行，不阻塞 token 初始化主流程。
-    if (((Utils.isWeiXin() && !Utils.isMiniProgram()) || isDev()) && nextUserInfo.versionNo1) {
-      initWxAuth(nextUserInfo.versionNo1).catch((error) => {
-        console.warn('微信鉴权异步执行失败:', error)
-      })
-    }
-    // 获取 ASR 配置（elderlyData 必须是可解密的字符串）
-    try {
-      const elderlyData = data.elderlyData
-      if (isElder && typeof elderlyData === 'string' && elderlyData && nextUserInfo.versionNo1) {
-        const year = new Date().getFullYear()
-        const versionNo = DecryptionECB(
-          `${year}${year}${year}${year}`,
-          nextUserInfo.versionNo1,
-        )
-        const key = versionNo.substring(0, 16)
-        const iv = versionNo.substring(16, 32)
-        if (key.length === 16 && iv.length === 16) {
-          const decrypted = Decryption(key, iv, elderlyData)
-          const deAsrConfig = decrypted.length >= 2 ? decrypted.slice(1, -1) : decrypted
-          console.log('deAsrConfig', deAsrConfig)
-          if (deAsrConfig) {
-            store.setAsrConfig(JSON.parse(deAsrConfig))
-          }
-        }
-      }
-    } catch (error) {
-      console.warn('获取 ASR 配置失败:', error)
-    }
-
-    const deviceFingerprintSwitch = Boolean(data.deviceFingerprintSwitch)
-    if (deviceFingerprintSwitch) {
-      initBxSDK()
-    }
-    loadSdk()
-
-    void Post('config/getAllProvinces', {})
-      .then((response) => store.setPcaData(response?.data || []))
-      .catch((error) => console.warn('获取省市区数据失败:', error))
-
-    void Post('config/getQueueNumberTimeSource', {})
-      .then((response) => {
-        const sources = response?.data || []
-        store.setChannelReform(Array.isArray(sources) && sources.includes(data.source))
-      })
-      .catch((error) => console.warn('获取排队等待时间试点渠道失败:', error))
-
-    if (data.bpErrorCode) {
-      void callStoreAction('brokenPointCall', {
-        reqAndResType: '1',
-        msgText: data.bpErrorContent || '',
-        msgSource: data.msgSource,
-        bpErrorCode: data.bpErrorCode,
-        bpErrorContent: data.bpErrorContent,
-      })
-    }
-
-    if (data.msgSource == 2) {
-      if (store.userId) {
-        void callStoreAction('initWebSocket')
-      } else {
-        showConfirmDialog({
-          title: '初始化提示',
-          message: '初始化会话失败，请检查网络或页面必要参数；点击“确定”重新建立会话。',
-        })
-          .then(() => Utils.AppReloadHtml())
-          .catch(() => Utils.closeWindow())
-      }
-
-      void Post('HumanChat/humanChatIsQA', { sessionId: data.sessionId })
-        .then((response) => store.setIsHumanChat(response?.data || false))
-        .catch((error) => console.warn('获取人工会话状态失败:', error))
-    }
-
-    sensors.quick('isReady', () => {
-      sensors.login(String(store.userId || ''))
-      sensors.track('yykfPageInit', {
-        ...nextUserInfo,
-        source: data.source || '',
-      })
-    })
-
-    if (deviceFingerprintSwitch && typeof globalThis.getBrowserID === 'function') {
-      try {
-        globalThis.getBrowserID(
-          'ozpw1c5ce6x6mx60pyz2o496frzgrnt6zlmj',
-          'h5_lpxlwwuyro',
-          '',
-          (matchId) => {
-            sensors.track('yykfDeviceFingerprint', {
-              matchId: matchId || 'NULL',
-              userId: data.userId || 'NULL',
-              source: data.sourceName || 'NULL',
-              encryptPid: data.pid || 'NULL',
-              encryptPhone: data.encryptPhone || 'NULL',
-            })
-          },
-        )
-      } catch (error) {
-        console.warn('获取设备指纹失败:', error)
-      }
-    }
-
-    // 关爱版自动转人工。对应 action 迁入 Pinia 后会直接执行；未迁移时不会阻断初始化。
-    if (isElder && elderChannels.includes(data.source) && String(store.manualService) !== '2') {
-      setTimeout(() => {
-        void callStoreAction('transferCustomer', {
-          reqAndResType: '1',
-          msgType: '01',
-          msgText: '转接寿险人工客服',
-          msgSource: store.manualService,
-          cmd: 'ZJSXRGFW',
-        })
-      }, 50)
-    }
-
-    const currentSource = data.source || urlParams.value.ht || ''
-    if (urlParams.value.bqQuestion && currentSource === '96060000') {
-      store.setIsBqCalcClaim(true)
-      const msgSource = data.msgSource || store.manualService || '1'
-      const isManual = String(msgSource) === '2' || String(store.manualService) === '2'
-      const sendParams = {
-        reqAndResType: '1',
-        msgText: urlParams.value.bqQuestion,
-        msgSource: String(msgSource),
-        questionType: '11',
-      }
-      const sendQuestion = () =>
-        callStoreAction(isManual ? 'sendmessageContent' : 'sendingRobot', sendParams)
-
-      if (isManual) {
-        setTimeout(sendQuestion, 500)
-      } else {
-        void sendQuestion()
-      }
-    }
-  } catch (error) {
-    isToken.value = false
-    console.error('初始化 token 失败:', error)
-  }
-}
-
-const callStoreAction = (actionName, payload) => {
-  const action = store[actionName]
-  if (typeof action !== 'function') {
-    console.warn(`Pinia action ${actionName} 尚未迁移，已跳过本次调用`)
-    return Promise.resolve(null)
-  }
-  return Promise.resolve(action(payload)).catch((error) => {
-    console.warn(`Pinia action ${actionName} 执行失败:`, error)
-    return null
-  })
-}
-
-const getToken = async () => {
-  const params = {
-    name: urlParams.value.name || '',
-    source: urlParams.value.ht || '',
-    phone: urlParams.value.phone || '',
-    userId: urlParams.value.openid || '',
-    sex: urlParams.value.sex || '',
-    pid: urlParams.value.pid || '',
-    idType: urlParams.value.idtype || urlParams.value.idType || '',
-    sessionId: store.sessionId, //取出本地存入的上次的id
-
-    auStatus: urlParams.value.auStatus || '',
-    bdStatus: urlParams.value.bStatus || urlParams.value.bdStatus || '',
-    bthDate: urlParams.value.bthdate || '',
-    workNum: urlParams.value.workNum || '',
-    htmlExtParams: urlParams.value.htmlExtParams || '',
-    unit: urlParams.value.unit || '', //单位
-    orgname: urlParams.value.orgname || '', //机构名称
-
-    sceneId: urlParams.value.sceneId || '', //场景标识（微信跟随）
-    planCode: urlParams.value.planCode || urlParams.value.modelCode || '', //星云渠道产品代码
-
-    // 断点服务
-    bpErrorCode: urlParams.value.bErrorCode || urlParams.value.brErrorCode || '',
-    bpErrorContent:
-      urlParams.value.bErrorContent ||
-      `${urlParams.value.policyNo ? urlParams.value.policyNo + '#' : ''}${urlParams.value.errorMsg ? urlParams.value.errorMsg : ''
-      }` ||
-      '',
-    bpErrorModule: urlParams.value.bErrorModule || '', // 电子回访断点服务
-    bpErrorPicture: urlParams.value.bErrorPicture || '', // 微信给付断点服务
-    userType: urlParams.value.usertype || '', // 95980000渠道（b2bi），说明一下是游客
-    // 非游客标识
-    sort: '1',
-  }
-  if (urlParams.value.ticket) {
-    params.userId = decodeURIComponent(urlParams.value.ticket).replace(/ /g, '+')
-  }
-  if (!!urlParams.value.param) {
-    //95985000 E家福渠道传递密文
-    params.param = urlParams.value.param
-  }
-  // APP处理appTicket参数
-  if (urlParams.value.appTicket) {
-    params.userId = decodeURIComponent(urlParams.value.appTicket).replace(/ /g, '+')
-  }
-  showLoadingToast({ message: '加载中...', duration: 0, loadingType: 'spinner', forbidClick: true })
-  try {
-    const res = await Post('user/info', params)
-    closeToast()
-    return res
-  } catch (error) {
-    console.log('error', error)
-    closeToast()
-    throw error
-  }
-}
-// 北极星SDK鉴权
-const initBxSDK = () => {
-  // store.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",
-  // })
-}
-// 异步微信鉴权方法
-const initWxAuth = async (versionNo1) => {
-  try {
-    // 异步获取微信配置参数
-    const res = await getWxAuthConfig(versionNo1);
-    if (!res.success) {
-      console.warn('微信配置获取失败，跳过鉴权');
-      showToast('微信鉴权失败')
-      return;
-    }
-    const wxConfig = res.result
-    // document.addEventListener('WeixinOpenTagsError', function (e) {
-    //   // console.error(e.detail.errMsg); // 无法使用开放标签的错误原因，需回退兼容。仅无法使用开放标签，JS-SDK其他功能不受影响
-    //   Toast('开放标签错误=' + e.detail.errMsg)
-    // });
-    // 检查微信JS-SDK是否可用
-    if (typeof wx === 'undefined' || !wx || typeof wx.config !== 'function') {
-      console.error('微信JS-SDK未正确加载');
-      showToast('微信JS-SDK加载失败');
-      return;
-    }
-
-    // 配置微信JS-SDK
-    wx.config({
-      debug: false, // 生产环境关闭调试模式
-      appId: wxConfig.appId, // 必填，服务号的唯一标识
-      timestamp: wxConfig.timestamp, // 必填，生成签名的时间戳
-      nonceStr: wxConfig.nonceStr, // 必填，生成签名的随机串
-      signature: wxConfig.signature, // 必填，签名
-      jsApiList: ['previewImage'], // 必填，需要使用的JS接口列表
-      openTagList: ['wx-open-launch-weapp'] // 可选，需要使用的开放标签列表
-    });
-
-    // 鉴权成功回调
-    wx.ready(() => {
-      console.log('微信JS-SDK鉴权成功');
-      // this.onWxAuthSuccess();
-    });
-
-    // 鉴权失败回调
-    wx.error((res) => {
-      console.warn('微信JS-SDK鉴权失败:', res);
-      // Toast(`微信授权失败: ${JSON.stringify(res)}`);
-    });
-
-  } catch (error) {
-    console.warn('微信鉴权初始化失败:', error);
-    showToast('微信初始化失败');
-  }
-}
-
-// 获取微信鉴权配置参数
-const getWxAuthConfig = async (versionNo1) => {
-  const v1 = versionNo1
-  try {
-    const url = encodeURIComponent(window.location.href.split('#')[0])
-    const year = new Date().getFullYear()
-    const versionNo1 = DecryptionECB(`${year}${year}${year}${year}`, v1)
-    const key = versionNo1.substring(0, 16)
-    const iv = versionNo1.substring(16, 32)
-    const encryptUrl = Encrypt(key, iv, url)
-    const response = await Post("thirdPartyAuth/getGwResultByUrl", {
-      url: encryptUrl
-    });
-
-    if (response.code === 0 && response.data) {
-      return response.data;
-    } else {
-      console.warn('获取微信配置失败:', response.msg);
-      return null;
-    }
-  } catch (error) {
-    console.warn('微信配置接口调用失败:', error);
-    return null;
-  }
-}
-
-// 微信鉴权成功后的回调
-const onWxAuthSuccess = () => {
-  console.log('微信鉴权成功');
-  showToast('wx.ready回调')
-}
-const disableShare = () => {
-  try {
-    //禁止分享
-    if (typeof WeixinJSBridge == "undefined") {
-      if (document.addEventListener) {
-        document.addEventListener(
-          "WeixinJSBridgeReady",
-          onBridgeReady(),
-          false
-        );
-      } else if (document.attachEvent) {
-        document.attachEvent("WeixinJSBridgeReady", onBridgeReady());
-        document.attachEvent("onWeixinJSBridgeReady", onBridgeReady());
-      }
-    } else {
-      onBridgeReady();
-    }
-  } catch (error) {
-    console.log("禁止分享hideOptionMenu", error.message);
-  }
-}
-const onBridgeReady = () => {
-  WeixinJSBridge.call("hideOptionMenu");
-}
-const loadSdk = () => {
-  const script = document.createElement('script');
-  Post("config/mydConfig", {})
-    .then((res) => {
-      if (!!res.data && !!res.data.data) {
-        script.src = res.data.data.url + '?t=' + new Date().getTime()
-      }
-      script.onload = () => {
-        store.setSdkLoaded?.(true)
-        console.log('SDK successed');
-      };
-      script.onerror = () => {
-        console.error('Failed to load SDK');
-      };
-      document.head.appendChild(script)
-    })
-    .catch((error) => {
-      console.log(error);
-    })
-}
-//获取高温用户弹窗数据
-const getHotUserData = () => {
-  Get("product/tip/select")
-    .then((res) => {
-      if (res.code === 0 && res.data) {
-        // 接口返回 rhetoricString 话术，productTipEntityList 产品列表
-        const hotUserData = {
-          tips: res.data.rhetoricString || '',
-          productList: res.data.productTipEntityList || []
-        };
-        if (res.data.rhetoricString && res.data.productTipEntityList.length > 0) {
-          store.setHotUserData?.(hotUserData);
-        }
-        // 获取当前时间戳
-        const now = new Date();
-        const clickTime = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`;
-        const userId = store.userId;
-        const source = store.source;
-        const sessionId = store.sessionId;
-        // 调用埋点接口
-        Post("product/record/save", {
-          userId: userId,
-          productName: "",
-          productCode: "",
-          channel: source,
-          sessionId: sessionId,
-          clickTime: clickTime,
-          buttonName: ""
-        }).then((res) => {
-          console.log("高温用户初始化埋点成功", res);
-        }).catch((error) => {
-          console.log("高温用户初始化埋点失败", error);
-        });
-      }
-    })
-    .catch((error) => {
-      console.log('获取高温用户弹窗数据失败', error);
-    });
-}
-</script>
-
-<style scoped></style>
+<template>
+  <div>
+    <!-- <chat-main
+      v-if="isToken"
+      :tokenExist="isToken"
+      :isWX="isWX"
+      :lostChatInfoNum="lostChatInfoNum"
+    /> -->
+    <chat-new
+      v-if="isToken"
+      :tokenExist="isToken"
+      :isWX="isWX"
+      :lostChatInfoNum="lostChatInfoNum"
+    />
+    <!-- <button @click="router.push('/word')">
+      跳转word
+    </button> -->
+    <!-- <human-appraise-popup /> -->
+  </div>
+</template>
+<script setup>
+import { ref, onMounted, onActivated, inject, nextTick } from 'vue'
+import {
+  showLoadingToast,
+  closeToast,
+  showDialog,
+  showConfirmDialog,
+  showToast,
+} from 'vant'
+import { Post, Get } from '@/utils/https'
+import chatMain from '@/components/chat-main.vue'
+import chatNew from '@/components/chat-new.vue'
+// import HumanAppraisePopup from "@/components/human-appraise-popup.vue";
+import Utils from '@/utils/utils'
+import sensors from '@/utils/sensors'
+import { Decryption, DecryptionECB, Encrypt, isDev, isProd } from '@/utils'
+import { useRouter, onBeforeRouteLeave } from 'vue-router'
+const router = useRouter()
+
+defineOptions({
+  name: 'chat',
+})
+// 状态管理
+const store = inject('appStore', null)
+
+// 响应式数据
+const isToken = ref(false)
+const hasInitialized = ref(false)
+const isWX = ref(false)
+const lostChatInfoNum = ref(0)
+const urlParams = ref({})
+
+// 生命周期
+onActivated(() => {
+  // keep-alive 返回时不重新初始化
+  console.log('[chat] activated, hasInitialized=', hasInitialized.value, 'isToken=', isToken.value)
+  // 路由组件激活后再补一次滚动恢复，确保子组件 DOM 已显示
+  try {
+    const raw = sessionStorage.getItem('yykf_chat_main_scroll_top')
+    const top = raw == null ? 0 : Number(raw)
+    if (!Number.isFinite(top) || top <= 0) return
+    const apply = () => {
+      const el = store?.mescrollContent
+      if (!el) return
+      el.scrollTop = top
+    }
+    nextTick(() => {
+      apply()
+      ;[50, 120, 240, 480].forEach((d) => setTimeout(apply, d))
+    })
+  } catch (e) {}
+})
+
+onBeforeRouteLeave(() => {
+  try {
+    const el = store?.mescrollContent
+    if (!el) return
+    const top = el.scrollTop || 0
+    // 避免隐藏后读到 0 覆盖有效位置
+    if (top > 0) {
+      sessionStorage.setItem('yykf_chat_main_scroll_top', String(top))
+    }
+  } catch (e) {}
+})
+
+onMounted(async () => {
+  if (hasInitialized.value) return
+  hasInitialized.value = true
+
+  var liccsAds = localStorage.getItem('liccsAds') // 记录用户弹窗提示
+  localStorage.clear()
+  localStorage.liccsAds = liccsAds || ''
+  //清除session 清除上次的记录（保留聊天滚动位置）
+  const chatScrollTop = sessionStorage.getItem('yykf_chat_main_scroll_top')
+  sessionStorage.clear()
+  if (chatScrollTop != null) sessionStorage.setItem('yykf_chat_main_scroll_top', chatScrollTop)
+
+  urlParams.value = Utils.getUrlParams()
+  console.log('txfModules参数', urlParams.value.txfModules)
+  console.log('this.urlParams--', urlParams.value)
+
+  let userInfo = {
+    phone: urlParams.value.phone || '',
+    name: urlParams.value.name || '',
+    sex: urlParams.value.sex || '',
+    openid: urlParams.value.openid || '',
+    idtype: urlParams.value.idtype || '',
+    pid: urlParams.value.pid || '',
+
+    auStatus: urlParams.value.auStatus || '', //实名认证状态 枚举：1、0、其他（1为已认证状态，其他为非认证认证状态）
+    bdStatus: urlParams.value.bStatus || urlParams.value.bdStatus || '', //老客户绑定状态 1为已绑定状态，其他为非绑定状态
+    bthdate: urlParams.value.bthdate || '', //出生日期
+    workNum: urlParams.value.workNum || '', //营销员工号
+    unit: urlParams.value.unit || '', //单位
+    orgname: urlParams.value.orgname || '', //机构名称
+
+    txfModules: urlParams.value.txfModules || '', //太享福渠道活动与功能显示
+
+    sceneId: urlParams.value.sceneId || '', //场景标识（微信跟随）
+    entrance: urlParams.value.entrance || '', // 入口标识
+    planCode: urlParams.value.planCode || urlParams.value.modelCode || '', //星云渠道产品代码
+
+    // 断点服务
+    bpErrorCode: urlParams.value.bErrorCode || urlParams.value.brErrorCode || '',
+    bpErrorContent: urlParams.value.bErrorContent || urlParams.value.errorMsg || '',
+    bpErrorModule: urlParams.value.bErrorModule || '', // 电子回访断点服务
+    bpErrorPicture: urlParams.value.bErrorPicture || '', // 微信给付断点服务
+    entryIdnum: '', // 查门店证件号加密传参
+    entryOpenid: '', // 查门店openid加密传参
+    userType: urlParams.value.usertype || '', // 95980000渠道（b2bi），说明一下是游客
+  }
+
+  isWX.value = Utils.isWeiXin()
+  store.setUserInfo(userInfo);//用户信息
+  store.setSource(urlParams.value.ht || ""); //来源
+  store.setNotitle(urlParams.value.notitle || ""); //是否展示头部
+  store.setConfigId(urlParams.value.configId || ""); //环信参数
+  store.setEntrance(urlParams.value.entrance || ""); //入口标识
+  store.setAppentry(urlParams.value.appentry || ""); // 是否为老版本app
+
+  store.setHtmlExtParams(urlParams.value.htmlExtParams || ""); //扩展参数
+  store.setComplaint(urlParams.value.complaint || ""); //扩展参数
+  store.setNavigationCorpus(urlParams.value.navigationCorpus || ""); //扩展参数
+  wx.miniProgram.getEnv((res) => {
+    console.log(res, 'res');
+  })
+  // 渠道校验
+  // let checkToast = null
+  // try {
+  //   checkToast = showLoadingToast({
+  //     message: '加载中...',
+  //     duration: 0,
+  //     loadingType: 'spinner',
+  //     forbidClick: true,
+  //   })
+  //   const checkRes = await Post('config/downSource', {
+  //     source: urlParams.value.ht || '96060000',
+  //   })
+  //   checkToast.close()
+  //   if (checkRes.code === 0 && checkRes.data !== null) {
+  //     showDialog({
+  //       title: '提示',
+  //       message: checkRes.data.toast,
+  //       confirmButtonText: '确定',
+  //     }).then((res) => {
+  //       Utils.closeWindow()
+  //     })
+  //     return
+  //   }
+  // } catch (error) {
+  //   console.log('渠道校验异常:', error)
+  //   if (checkToast) {
+  //     checkToast.close();
+  //   }
+  // }
+
+  urlParams.value = Utils.getUrlParams()
+  initToken()
+  // 渠道校验
+  try {
+    const checkRes = await Post("config/downSource", {
+      source: urlParams.value.ht || "96060000"
+    });
+    if (checkRes.code === 0 && checkRes.data !== null) {
+      showDialog({
+        title: "提示",
+        message: checkRes.data?.toast,
+        confirmButtonText: "确定"
+      })
+    }
+  } catch (error) {
+    console.log("渠道校验异常:", error);
+  }
+})
+
+// 方法
+const initToken = async () => {
+  try {
+    const res = await getToken()
+    const data = res?.data
+    if (!data) {
+      throw new Error('获取用户信息失败：接口未返回 data')
+    }
+
+    // Pinia setup store 会自动解包 ref，组件内直接通过 action 更新即可。
+    store.setUserId(data.userId || '')
+    store.setSource(data.source || urlParams.value.ht || '')
+    store.setPlanCode(data.planCode || '')
+    store.setSessionId(data.sessionId || '')
+    store.setToken(data.token || '')
+    store.setManualService(data.msgSource ?? 1)
+    store.setMsgStatus(data.msgStatus || '')
+    store.setIsLostMessage(data.isLostChatInfo || '')
+
+    const elderChannels = ['95460000', '95290000', '95830000']
+    const isElder = Boolean(data.eldCustomer)
+    if (elderChannels.includes(data.source)) {
+      store.setElder(isElder)
+      if (!isElder && data.source === '95460000') {
+        window.location.href = Utils.changeURLArg(window.location.href, 'ht', '95270000')
+      }
+    }
+
+    const nextUserInfo = {
+      ...(store.userInfo || {}),
+      versionNo1: data.versionNo1 || '',
+      versionHFHZ: data.versionHFHZ || '',
+      encryptPid: data.encryptPid || '',
+      pid: data.pid || '',
+      sourceUserId: data.sourceUserId || '',
+      encryptPhone: data.encryptPhone || '',
+      eldCustomer: isElder,
+      vip: data.vip,
+      planCode: data.planCode || '',
+      entryIdnum: data.entryIdnum || '',
+      entryOpenid: data.entryOpenid || '',
+      sourceName: data.sourceName || '',
+      blacklistFlag: data.blacklistFlag || '',
+    }
+    store.setUserInfo(nextUserInfo)
+
+    if (nextUserInfo.blacklistFlag === '1' && nextUserInfo.bpErrorContent) {
+      const query = new URLSearchParams({
+        ht: urlParams.value.ht || '',
+        openid: urlParams.value.openid || '',
+      })
+      history.replaceState({}, '', `${window.location.origin}${window.location.pathname}?${query}`)
+    }
+
+    // 尚未提供 setter 的少量 Pinia state 可以直接赋值，Pinia 会同步更新其内部 ref。
+    store.flagType = data.flagType || ''
+    store.setGaokeUser(Boolean(data.gaokeUser))
+    store.setHotUser(Boolean(data.gaowenUser))
+    store.mydFlag = Boolean(data.manyiduWhite)
+    store.setIntegratedUser(Boolean(data.white))
+    store.setReviewRestricted(Boolean(data.reviewRestricted))
+    store.setBranchCompany(data.branchCompany || '')
+    store.setBpErrorInfo(data.bpErrorInfo || [])
+
+    isToken.value = true
+    lostChatInfoNum.value = data.lostChatInfoNum || 0
+
+    if (store.hotUser) {
+      getHotUserData()
+    }
+    //保存分支机构
+    const branchCompany = res.data.branchCompany || '';
+    store.setBranchCompany(branchCompany);
+
+    // 微信鉴权异步执行，不阻塞 token 初始化主流程。
+    if (((Utils.isWeiXin() && !Utils.isMiniProgram()) || isDev()) && nextUserInfo.versionNo1) {
+      initWxAuth(nextUserInfo.versionNo1).catch((error) => {
+        console.warn('微信鉴权异步执行失败:', error)
+      })
+    }
+    // 获取 ASR 配置（elderlyData 必须是可解密的字符串）
+    try {
+      const elderlyData = data.elderlyData
+      if (isElder && typeof elderlyData === 'string' && elderlyData && nextUserInfo.versionNo1) {
+        const year = new Date().getFullYear()
+        const versionNo = DecryptionECB(
+          `${year}${year}${year}${year}`,
+          nextUserInfo.versionNo1,
+        )
+        const key = versionNo.substring(0, 16)
+        const iv = versionNo.substring(16, 32)
+        if (key.length === 16 && iv.length === 16) {
+          const decrypted = Decryption(key, iv, elderlyData)
+          const deAsrConfig = decrypted.length >= 2 ? decrypted.slice(1, -1) : decrypted
+          console.log('deAsrConfig', deAsrConfig)
+          if (deAsrConfig) {
+            store.setAsrConfig(JSON.parse(deAsrConfig))
+          }
+        }
+      }
+    } catch (error) {
+      console.warn('获取 ASR 配置失败:', error)
+    }
+
+    const deviceFingerprintSwitch = Boolean(data.deviceFingerprintSwitch)
+    if (deviceFingerprintSwitch) {
+      initBxSDK()
+    }
+    loadSdk()
+
+    void Post('config/getAllProvinces', {})
+      .then((response) => store.setPcaData(response?.data || []))
+      .catch((error) => console.warn('获取省市区数据失败:', error))
+
+    void Post('config/getQueueNumberTimeSource', {})
+      .then((response) => {
+        const sources = response?.data || []
+        store.setChannelReform(Array.isArray(sources) && sources.includes(data.source))
+      })
+      .catch((error) => console.warn('获取排队等待时间试点渠道失败:', error))
+
+    if (data.bpErrorCode) {
+      void callStoreAction('brokenPointCall', {
+        reqAndResType: '1',
+        msgText: data.bpErrorContent || '',
+        msgSource: data.msgSource,
+        bpErrorCode: data.bpErrorCode,
+        bpErrorContent: data.bpErrorContent,
+      })
+    }
+
+    if (data.msgSource == 2) {
+      if (store.userId) {
+        void callStoreAction('initWebSocket')
+      } else {
+        showConfirmDialog({
+          title: '初始化提示',
+          message: '初始化会话失败，请检查网络或页面必要参数；点击“确定”重新建立会话。',
+        })
+          .then(() => Utils.AppReloadHtml())
+          .catch(() => Utils.closeWindow())
+      }
+
+      void Post('HumanChat/humanChatIsQA', { sessionId: data.sessionId })
+        .then((response) => store.setIsHumanChat(response?.data || false))
+        .catch((error) => console.warn('获取人工会话状态失败:', error))
+    }
+
+    sensors.quick('isReady', () => {
+      sensors.login(String(store.userId || ''))
+      sensors.track('yykfPageInit', {
+        ...nextUserInfo,
+        source: data.source || '',
+      })
+    })
+
+    if (deviceFingerprintSwitch && typeof globalThis.getBrowserID === 'function') {
+      try {
+        globalThis.getBrowserID(
+          'ozpw1c5ce6x6mx60pyz2o496frzgrnt6zlmj',
+          'h5_lpxlwwuyro',
+          '',
+          (matchId) => {
+            sensors.track('yykfDeviceFingerprint', {
+              matchId: matchId || 'NULL',
+              userId: data.userId || 'NULL',
+              source: data.sourceName || 'NULL',
+              encryptPid: data.pid || 'NULL',
+              encryptPhone: data.encryptPhone || 'NULL',
+            })
+          },
+        )
+      } catch (error) {
+        console.warn('获取设备指纹失败:', error)
+      }
+    }
+
+    // 关爱版自动转人工。对应 action 迁入 Pinia 后会直接执行；未迁移时不会阻断初始化。
+    if (isElder && elderChannels.includes(data.source) && String(store.manualService) !== '2') {
+      setTimeout(() => {
+        void callStoreAction('transferCustomer', {
+          reqAndResType: '1',
+          msgType: '01',
+          msgText: '转接寿险人工客服',
+          msgSource: store.manualService,
+          cmd: 'ZJSXRGFW',
+        })
+      }, 50)
+    }
+
+    const currentSource = data.source || urlParams.value.ht || ''
+    if (urlParams.value.bqQuestion && currentSource === '96060000') {
+      store.setIsBqCalcClaim(true)
+      const msgSource = data.msgSource || store.manualService || '1'
+      const isManual = String(msgSource) === '2' || String(store.manualService) === '2'
+      const sendParams = {
+        reqAndResType: '1',
+        msgText: urlParams.value.bqQuestion,
+        msgSource: String(msgSource),
+        questionType: '11',
+      }
+      const sendQuestion = () =>
+        callStoreAction(isManual ? 'sendmessageContent' : 'sendingRobot', sendParams)
+
+      if (isManual) {
+        setTimeout(sendQuestion, 500)
+      } else {
+        void sendQuestion()
+      }
+    }
+  } catch (error) {
+    isToken.value = false
+    console.error('初始化 token 失败:', error)
+  }
+}
+
+const callStoreAction = (actionName, payload) => {
+  const action = store[actionName]
+  if (typeof action !== 'function') {
+    console.warn(`Pinia action ${actionName} 尚未迁移，已跳过本次调用`)
+    return Promise.resolve(null)
+  }
+  return Promise.resolve(action(payload)).catch((error) => {
+    console.warn(`Pinia action ${actionName} 执行失败:`, error)
+    return null
+  })
+}
+
+const getToken = async () => {
+  const params = {
+    name: urlParams.value.name || '',
+    source: urlParams.value.ht || '',
+    phone: urlParams.value.phone || '',
+    userId: urlParams.value.openid || '',
+    sex: urlParams.value.sex || '',
+    pid: urlParams.value.pid || '',
+    idType: urlParams.value.idtype || urlParams.value.idType || '',
+    sessionId: store.sessionId, //取出本地存入的上次的id
+
+    auStatus: urlParams.value.auStatus || '',
+    bdStatus: urlParams.value.bStatus || urlParams.value.bdStatus || '',
+    bthDate: urlParams.value.bthdate || '',
+    workNum: urlParams.value.workNum || '',
+    htmlExtParams: urlParams.value.htmlExtParams || '',
+    unit: urlParams.value.unit || '', //单位
+    orgname: urlParams.value.orgname || '', //机构名称
+
+    sceneId: urlParams.value.sceneId || '', //场景标识（微信跟随）
+    planCode: urlParams.value.planCode || urlParams.value.modelCode || '', //星云渠道产品代码
+
+    // 断点服务
+    bpErrorCode: urlParams.value.bErrorCode || urlParams.value.brErrorCode || '',
+    bpErrorContent:
+      urlParams.value.bErrorContent ||
+      `${urlParams.value.policyNo ? urlParams.value.policyNo + '#' : ''}${urlParams.value.errorMsg ? urlParams.value.errorMsg : ''
+      }` ||
+      '',
+    bpErrorModule: urlParams.value.bErrorModule || '', // 电子回访断点服务
+    bpErrorPicture: urlParams.value.bErrorPicture || '', // 微信给付断点服务
+    userType: urlParams.value.usertype || '', // 95980000渠道（b2bi），说明一下是游客
+    // 非游客标识
+    sort: '1',
+  }
+  if (urlParams.value.ticket) {
+    params.userId = decodeURIComponent(urlParams.value.ticket).replace(/ /g, '+')
+  }
+  if (!!urlParams.value.param) {
+    //95985000 E家福渠道传递密文
+    params.param = urlParams.value.param
+  }
+  // APP处理appTicket参数
+  if (urlParams.value.appTicket) {
+    params.userId = decodeURIComponent(urlParams.value.appTicket).replace(/ /g, '+')
+  }
+  showLoadingToast({ message: '加载中...', duration: 0, loadingType: 'spinner', forbidClick: true })
+  try {
+    const res = await Post('user/info', params)
+    closeToast()
+    return res
+  } catch (error) {
+    console.log('error', error)
+    closeToast()
+    throw error
+  }
+}
+// 北极星SDK鉴权
+const initBxSDK = () => {
+  // store.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",
+  // })
+}
+// 异步微信鉴权方法
+const initWxAuth = async (versionNo1) => {
+  try {
+    // 异步获取微信配置参数
+    const res = await getWxAuthConfig(versionNo1);
+    if (!res.success) {
+      console.warn('微信配置获取失败，跳过鉴权');
+      showToast('微信鉴权失败')
+      return;
+    }
+    const wxConfig = res.result
+    // document.addEventListener('WeixinOpenTagsError', function (e) {
+    //   // console.error(e.detail.errMsg); // 无法使用开放标签的错误原因，需回退兼容。仅无法使用开放标签，JS-SDK其他功能不受影响
+    //   Toast('开放标签错误=' + e.detail.errMsg)
+    // });
+    // 检查微信JS-SDK是否可用
+    if (typeof wx === 'undefined' || !wx || typeof wx.config !== 'function') {
+      console.error('微信JS-SDK未正确加载');
+      showToast('微信JS-SDK加载失败');
+      return;
+    }
+
+    // 配置微信JS-SDK
+    wx.config({
+      debug: false, // 生产环境关闭调试模式
+      appId: wxConfig.appId, // 必填，服务号的唯一标识
+      timestamp: wxConfig.timestamp, // 必填，生成签名的时间戳
+      nonceStr: wxConfig.nonceStr, // 必填，生成签名的随机串
+      signature: wxConfig.signature, // 必填，签名
+      jsApiList: ['previewImage'], // 必填，需要使用的JS接口列表
+      openTagList: ['wx-open-launch-weapp'] // 可选，需要使用的开放标签列表
+    });
+
+    // 鉴权成功回调
+    wx.ready(() => {
+      console.log('微信JS-SDK鉴权成功');
+      // this.onWxAuthSuccess();
+    });
+
+    // 鉴权失败回调
+    wx.error((res) => {
+      console.warn('微信JS-SDK鉴权失败:', res);
+      // Toast(`微信授权失败: ${JSON.stringify(res)}`);
+    });
+
+  } catch (error) {
+    console.warn('微信鉴权初始化失败:', error);
+    showToast('微信初始化失败');
+  }
+}
+
+// 获取微信鉴权配置参数
+const getWxAuthConfig = async (versionNo1) => {
+  const v1 = versionNo1
+  try {
+    const url = encodeURIComponent(window.location.href.split('#')[0])
+    const year = new Date().getFullYear()
+    const versionNo1 = DecryptionECB(`${year}${year}${year}${year}`, v1)
+    const key = versionNo1.substring(0, 16)
+    const iv = versionNo1.substring(16, 32)
+    const encryptUrl = Encrypt(key, iv, url)
+    const response = await Post("thirdPartyAuth/getGwResultByUrl", {
+      url: encryptUrl
+    });
+
+    if (response.code === 0 && response.data) {
+      return response.data;
+    } else {
+      console.warn('获取微信配置失败:', response.msg);
+      return null;
+    }
+  } catch (error) {
+    console.warn('微信配置接口调用失败:', error);
+    return null;
+  }
+}
+
+// 微信鉴权成功后的回调
+const onWxAuthSuccess = () => {
+  console.log('微信鉴权成功');
+  showToast('wx.ready回调')
+}
+const disableShare = () => {
+  try {
+    //禁止分享
+    if (typeof WeixinJSBridge == "undefined") {
+      if (document.addEventListener) {
+        document.addEventListener(
+          "WeixinJSBridgeReady",
+          onBridgeReady(),
+          false
+        );
+      } else if (document.attachEvent) {
+        document.attachEvent("WeixinJSBridgeReady", onBridgeReady());
+        document.attachEvent("onWeixinJSBridgeReady", onBridgeReady());
+      }
+    } else {
+      onBridgeReady();
+    }
+  } catch (error) {
+    console.log("禁止分享hideOptionMenu", error.message);
+  }
+}
+const onBridgeReady = () => {
+  WeixinJSBridge.call("hideOptionMenu");
+}
+const loadSdk = () => {
+  const script = document.createElement('script');
+  Post("config/mydConfig", {})
+    .then((res) => {
+      if (!!res.data && !!res.data.data) {
+        script.src = res.data.data.url + '?t=' + new Date().getTime()
+      }
+      script.onload = () => {
+        store.setSdkLoaded?.(true)
+        console.log('SDK successed');
+      };
+      script.onerror = () => {
+        console.error('Failed to load SDK');
+      };
+      document.head.appendChild(script)
+    })
+    .catch((error) => {
+      console.log(error);
+    })
+}
+//获取高温用户弹窗数据
+const getHotUserData = () => {
+  Get("product/tip/select")
+    .then((res) => {
+      if (res.code === 0 && res.data) {
+        // 接口返回 rhetoricString 话术，productTipEntityList 产品列表
+        const hotUserData = {
+          tips: res.data.rhetoricString || '',
+          productList: res.data.productTipEntityList || []
+        };
+        if (res.data.rhetoricString && res.data.productTipEntityList.length > 0) {
+          store.setHotUserData?.(hotUserData);
+        }
+        // 获取当前时间戳
+        const now = new Date();
+        const clickTime = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`;
+        const userId = store.userId;
+        const source = store.source;
+        const sessionId = store.sessionId;
+        // 调用埋点接口
+        Post("product/record/save", {
+          userId: userId,
+          productName: "",
+          productCode: "",
+          channel: source,
+          sessionId: sessionId,
+          clickTime: clickTime,
+          buttonName: ""
+        }).then((res) => {
+          console.log("高温用户初始化埋点成功", res);
+        }).catch((error) => {
+          console.log("高温用户初始化埋点失败", error);
+        });
+      }
+    })
+    .catch((error) => {
+      console.log('获取高温用户弹窗数据失败', error);
+    });
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/word.vue b/src/views/word.vue
new file mode 100644
index 0000000..a4267a7
--- /dev/null
+++ b/src/views/word.vue
@@ -0,0 +1,10 @@
+<template>
+  <div>
+    vue3
+  </div>
+</template>
+<script setup>
+defineOptions({
+  name: 'word',
+})
+</script>
diff --git a/vite.config.js b/vite.config.js
index 90cfc5e..f2e49fd 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -19,14 +19,6 @@ export default defineConfig(({ command }) => {
           changeOrigin: true,
           ws: true,
         },
-        '/api': {
-          // target: 'https://aioblu-sit.cpic.com.cn',
-                  //  target: 'https://aioblu-dev.cpic.com.cn/yyfw',
-          target: 'https://ssp-sit.cpic.com.cn',
-
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api/, ''),
-        },
       },
     },
     plugins: [