diff --git a/liics b/liics
deleted file mode 160000
index e9d7f5b..0000000
--- a/liics
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit e9d7f5bf799bf2d3d3df068f35290eba414237ad
diff --git a/package.json b/package.json
index 5d101d0..e8e83a8 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "mescroll.js": "^1.4.2",
     "node-forge": "^1.4.0",
     "pinia": "^3.0.4",
+    "pdfjs-dist": "5.4.149",
     "qs": "^6.15.0",
     "recorder-core": "^1.3.26070800",
     "sa-sdk-javascript": "^1.27.14",
diff --git a/public/faces/big_ee_1.png b/public/faces/big_ee_1.png
new file mode 100644
index 0000000..d9c7a3c
Binary files /dev/null and b/public/faces/big_ee_1.png differ
diff --git a/public/faces/big_ee_10.png b/public/faces/big_ee_10.png
new file mode 100644
index 0000000..f69409c
Binary files /dev/null and b/public/faces/big_ee_10.png differ
diff --git a/public/faces/big_ee_11.png b/public/faces/big_ee_11.png
new file mode 100644
index 0000000..6be4fe8
Binary files /dev/null and b/public/faces/big_ee_11.png differ
diff --git a/public/faces/big_ee_12.png b/public/faces/big_ee_12.png
new file mode 100644
index 0000000..9654c09
Binary files /dev/null and b/public/faces/big_ee_12.png differ
diff --git a/public/faces/big_ee_13.png b/public/faces/big_ee_13.png
new file mode 100644
index 0000000..11354ba
Binary files /dev/null and b/public/faces/big_ee_13.png differ
diff --git a/public/faces/big_ee_14.png b/public/faces/big_ee_14.png
new file mode 100644
index 0000000..9571413
Binary files /dev/null and b/public/faces/big_ee_14.png differ
diff --git a/public/faces/big_ee_15.png b/public/faces/big_ee_15.png
new file mode 100644
index 0000000..1f5a860
Binary files /dev/null and b/public/faces/big_ee_15.png differ
diff --git a/public/faces/big_ee_16.png b/public/faces/big_ee_16.png
new file mode 100644
index 0000000..1b38e2d
Binary files /dev/null and b/public/faces/big_ee_16.png differ
diff --git a/public/faces/big_ee_17.png b/public/faces/big_ee_17.png
new file mode 100644
index 0000000..0cc1bb5
Binary files /dev/null and b/public/faces/big_ee_17.png differ
diff --git a/public/faces/big_ee_18.png b/public/faces/big_ee_18.png
new file mode 100644
index 0000000..92f7979
Binary files /dev/null and b/public/faces/big_ee_18.png differ
diff --git a/public/faces/big_ee_19.png b/public/faces/big_ee_19.png
new file mode 100644
index 0000000..0b559a9
Binary files /dev/null and b/public/faces/big_ee_19.png differ
diff --git a/public/faces/big_ee_2.png b/public/faces/big_ee_2.png
new file mode 100644
index 0000000..a290523
Binary files /dev/null and b/public/faces/big_ee_2.png differ
diff --git a/public/faces/big_ee_20.png b/public/faces/big_ee_20.png
new file mode 100644
index 0000000..eaf487d
Binary files /dev/null and b/public/faces/big_ee_20.png differ
diff --git a/public/faces/big_ee_21.png b/public/faces/big_ee_21.png
new file mode 100644
index 0000000..aced6ed
Binary files /dev/null and b/public/faces/big_ee_21.png differ
diff --git a/public/faces/big_ee_22.png b/public/faces/big_ee_22.png
new file mode 100644
index 0000000..2c11ce3
Binary files /dev/null and b/public/faces/big_ee_22.png differ
diff --git a/public/faces/big_ee_23.png b/public/faces/big_ee_23.png
new file mode 100644
index 0000000..ab2e6d7
Binary files /dev/null and b/public/faces/big_ee_23.png differ
diff --git a/public/faces/big_ee_24.png b/public/faces/big_ee_24.png
new file mode 100644
index 0000000..14b7746
Binary files /dev/null and b/public/faces/big_ee_24.png differ
diff --git a/public/faces/big_ee_25.png b/public/faces/big_ee_25.png
new file mode 100644
index 0000000..1f5a860
Binary files /dev/null and b/public/faces/big_ee_25.png differ
diff --git a/public/faces/big_ee_3.png b/public/faces/big_ee_3.png
new file mode 100644
index 0000000..41e6e56
Binary files /dev/null and b/public/faces/big_ee_3.png differ
diff --git a/public/faces/big_ee_4.png b/public/faces/big_ee_4.png
new file mode 100644
index 0000000..9935043
Binary files /dev/null and b/public/faces/big_ee_4.png differ
diff --git a/public/faces/big_ee_5.png b/public/faces/big_ee_5.png
new file mode 100644
index 0000000..2edccfb
Binary files /dev/null and b/public/faces/big_ee_5.png differ
diff --git a/public/faces/big_ee_6.png b/public/faces/big_ee_6.png
new file mode 100644
index 0000000..8e2bb20
Binary files /dev/null and b/public/faces/big_ee_6.png differ
diff --git a/public/faces/big_ee_7.png b/public/faces/big_ee_7.png
new file mode 100644
index 0000000..869ff20
Binary files /dev/null and b/public/faces/big_ee_7.png differ
diff --git a/public/faces/big_ee_8.png b/public/faces/big_ee_8.png
new file mode 100644
index 0000000..6f60717
Binary files /dev/null and b/public/faces/big_ee_8.png differ
diff --git a/public/faces/big_ee_9.png b/public/faces/big_ee_9.png
new file mode 100644
index 0000000..8da9b01
Binary files /dev/null and b/public/faces/big_ee_9.png differ
diff --git a/public/faces/ee_1.png b/public/faces/ee_1.png
new file mode 100644
index 0000000..d39dfe8
Binary files /dev/null and b/public/faces/ee_1.png differ
diff --git a/public/faces/ee_10.png b/public/faces/ee_10.png
new file mode 100644
index 0000000..c0795ca
Binary files /dev/null and b/public/faces/ee_10.png differ
diff --git a/public/faces/ee_11.png b/public/faces/ee_11.png
new file mode 100644
index 0000000..24d587e
Binary files /dev/null and b/public/faces/ee_11.png differ
diff --git a/public/faces/ee_12.png b/public/faces/ee_12.png
new file mode 100644
index 0000000..758c654
Binary files /dev/null and b/public/faces/ee_12.png differ
diff --git a/public/faces/ee_13.png b/public/faces/ee_13.png
new file mode 100644
index 0000000..3a84a0c
Binary files /dev/null and b/public/faces/ee_13.png differ
diff --git a/public/faces/ee_14.png b/public/faces/ee_14.png
new file mode 100644
index 0000000..ba9f3d3
Binary files /dev/null and b/public/faces/ee_14.png differ
diff --git a/public/faces/ee_15.png b/public/faces/ee_15.png
new file mode 100644
index 0000000..34a24f8
Binary files /dev/null and b/public/faces/ee_15.png differ
diff --git a/public/faces/ee_16.png b/public/faces/ee_16.png
new file mode 100644
index 0000000..932ce6a
Binary files /dev/null and b/public/faces/ee_16.png differ
diff --git a/public/faces/ee_17.png b/public/faces/ee_17.png
new file mode 100644
index 0000000..fada1f1
Binary files /dev/null and b/public/faces/ee_17.png differ
diff --git a/public/faces/ee_18.png b/public/faces/ee_18.png
new file mode 100644
index 0000000..9124f2f
Binary files /dev/null and b/public/faces/ee_18.png differ
diff --git a/public/faces/ee_19.png b/public/faces/ee_19.png
new file mode 100644
index 0000000..048e420
Binary files /dev/null and b/public/faces/ee_19.png differ
diff --git a/public/faces/ee_2.png b/public/faces/ee_2.png
new file mode 100644
index 0000000..a0f57e6
Binary files /dev/null and b/public/faces/ee_2.png differ
diff --git a/public/faces/ee_20.png b/public/faces/ee_20.png
new file mode 100644
index 0000000..aed955c
Binary files /dev/null and b/public/faces/ee_20.png differ
diff --git a/public/faces/ee_21.png b/public/faces/ee_21.png
new file mode 100644
index 0000000..ddbe08e
Binary files /dev/null and b/public/faces/ee_21.png differ
diff --git a/public/faces/ee_22.png b/public/faces/ee_22.png
new file mode 100644
index 0000000..0d2fcbf
Binary files /dev/null and b/public/faces/ee_22.png differ
diff --git a/public/faces/ee_23.png b/public/faces/ee_23.png
new file mode 100644
index 0000000..e2f2247
Binary files /dev/null and b/public/faces/ee_23.png differ
diff --git a/public/faces/ee_24.png b/public/faces/ee_24.png
new file mode 100644
index 0000000..8c88259
Binary files /dev/null and b/public/faces/ee_24.png differ
diff --git a/public/faces/ee_25.png b/public/faces/ee_25.png
new file mode 100644
index 0000000..faec8d8
Binary files /dev/null and b/public/faces/ee_25.png differ
diff --git a/public/faces/ee_26.png b/public/faces/ee_26.png
new file mode 100644
index 0000000..dc8effa
Binary files /dev/null and b/public/faces/ee_26.png differ
diff --git a/public/faces/ee_27.png b/public/faces/ee_27.png
new file mode 100644
index 0000000..fd5ee2f
Binary files /dev/null and b/public/faces/ee_27.png differ
diff --git a/public/faces/ee_28.png b/public/faces/ee_28.png
new file mode 100644
index 0000000..dff9fdf
Binary files /dev/null and b/public/faces/ee_28.png differ
diff --git a/public/faces/ee_29.png b/public/faces/ee_29.png
new file mode 100644
index 0000000..52d2750
Binary files /dev/null and b/public/faces/ee_29.png differ
diff --git a/public/faces/ee_3.png b/public/faces/ee_3.png
new file mode 100644
index 0000000..1554c3c
Binary files /dev/null and b/public/faces/ee_3.png differ
diff --git a/public/faces/ee_30.png b/public/faces/ee_30.png
new file mode 100644
index 0000000..b195e4d
Binary files /dev/null and b/public/faces/ee_30.png differ
diff --git a/public/faces/ee_31.png b/public/faces/ee_31.png
new file mode 100644
index 0000000..2f77380
Binary files /dev/null and b/public/faces/ee_31.png differ
diff --git a/public/faces/ee_32.png b/public/faces/ee_32.png
new file mode 100644
index 0000000..c13f9c6
Binary files /dev/null and b/public/faces/ee_32.png differ
diff --git a/public/faces/ee_33.png b/public/faces/ee_33.png
new file mode 100644
index 0000000..40fef92
Binary files /dev/null and b/public/faces/ee_33.png differ
diff --git a/public/faces/ee_34.png b/public/faces/ee_34.png
new file mode 100644
index 0000000..75e316f
Binary files /dev/null and b/public/faces/ee_34.png differ
diff --git a/public/faces/ee_35.png b/public/faces/ee_35.png
new file mode 100644
index 0000000..0e9e02c
Binary files /dev/null and b/public/faces/ee_35.png differ
diff --git a/public/faces/ee_4.png b/public/faces/ee_4.png
new file mode 100644
index 0000000..f852aec
Binary files /dev/null and b/public/faces/ee_4.png differ
diff --git a/public/faces/ee_5.png b/public/faces/ee_5.png
new file mode 100644
index 0000000..d5a4ca0
Binary files /dev/null and b/public/faces/ee_5.png differ
diff --git a/public/faces/ee_6.png b/public/faces/ee_6.png
new file mode 100644
index 0000000..a4755d1
Binary files /dev/null and b/public/faces/ee_6.png differ
diff --git a/public/faces/ee_7.png b/public/faces/ee_7.png
new file mode 100644
index 0000000..9152c1e
Binary files /dev/null and b/public/faces/ee_7.png differ
diff --git a/public/faces/ee_8.png b/public/faces/ee_8.png
new file mode 100644
index 0000000..3299806
Binary files /dev/null and b/public/faces/ee_8.png differ
diff --git a/public/faces/ee_9.png b/public/faces/ee_9.png
new file mode 100644
index 0000000..60744e7
Binary files /dev/null and b/public/faces/ee_9.png differ
diff --git a/src/assets/style/chat.css b/src/assets/style/chat.css
index 6b945ff..c60c109 100644
--- a/src/assets/style/chat.css
+++ b/src/assets/style/chat.css
@@ -965,7 +965,11 @@ img.avatarUrl-img[lazy="loading"] {
   color: #2c3562;
   line-height: 22rem;
 }
-
+.elder-wrapper .question-answer-con img {
+  width: 18rem;
+  vertical-align: text-top;
+  margin-right: 3rem;
+}
 .elder-wrapper .question-answer-con .open-wx-web-button {
   width: 311rem;
   height: 40rem;
diff --git a/src/components/chat-content.vue b/src/components/chat-content.vue
index eeda5f9..b4e7f88 100644
--- a/src/components/chat-content.vue
+++ b/src/components/chat-content.vue
@@ -1,30 +1,18 @@
 <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"
+    <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"
-    >
+      @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] || {}"
-      >
+      <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>
@@ -32,10 +20,7 @@
         <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"
-      >
+      <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'">
@@ -48,66 +33,49 @@
       </div>
 
       <!-- 右边消息类型 -->
-      <div
-        class="chat-content-list"
-        v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '1'"
-      >
+      <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 && item.timestamp == timestamp">
             <van-loading type="spinner" size="18px" />
           </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 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-list" v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '10'">
         <!-- 文本消息 -->
         <div class="chat-content-txt">
           <div class="send-message-loading" v-if="sendLoading && item.timestamp == timestamp">
             <van-loading type="spinner" size="18px" />
           </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 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-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">
@@ -126,19 +94,12 @@
       </div>
 
       <!-- 图片消息 -->
-      <div
-        class="chat-content-list"
-        v-if="item.msgText && item.fromFlag == '1' && item.reqAndResType == '2'"
-      >
+      <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 && item.timestamp == timestamp">
             <van-loading type="spinner" size="18px" />
           </div>
-          <div
-            class="chat-content-image-box"
-            @click="ImagePreviewBox(item.msgText)"
-            :data-timestamp="item.timestamp"
-          >
+          <div class="chat-content-image-box" @click="ImagePreviewBox(item.msgText)" :data-timestamp="item.timestamp">
             <DynamicImage :image-key="item.msgText" />
           </div>
         </div>
@@ -148,20 +109,13 @@
 
       <!--- 左边消息 -->
       <!-- 链接人工客服 -->
-      <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-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-room-cont" v-if="item.cmd && (item.cmd == 'SXRGFW' || item.cmd == 'PTRGFW')">
           <!--人工客服 -->
           <div class="chat-content-left">
             <div class="content-left-icon">
@@ -182,11 +136,7 @@
                   </div>
                 </div>
                 <div class="service-link-box before-top">
-                  <button
-                    class="service-link-btn"
-                    disabled="disabled"
-                    @click.stop="manualAnswer($event)"
-                  >
+                  <button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
                     点击此处，连线人工客服
                   </button>
                 </div>
@@ -196,10 +146,7 @@
         </div>
 
         <!--会话创建成功 白班 排队3分钟之内-->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEvent'"
-        >
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEvent'">
           <!--人工客服 -->
           <div class="chat-content-left">
             <div class="content-left-icon">
@@ -217,10 +164,7 @@
         </div>
 
         <!-- 排队3分钟  坐席忙-->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutEvent'"
-        >
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutEvent'">
           <!--人工客服 -->
           <div class="chat-content-left">
             <div class="content-left-icon">
@@ -233,15 +177,9 @@
               <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)"
-                  >
+                <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> -->
@@ -252,10 +190,7 @@
         </div>
 
         <!--会话创建成功 夜班-->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNight'"
-        >
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNight'">
           <!--人工客服 -->
           <div class="chat-content-left">
             <div class="content-left-icon">
@@ -268,15 +203,9 @@
               <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)"
-                  >
+                <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>
@@ -286,10 +215,7 @@
         </div>
 
         <!--银保在线浦发平台-->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && item.cmd == 'ServiceSessionCreatedEventNoMessage'"
-        >
+        <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" />
@@ -306,10 +232,7 @@
         </div>
 
         <!-- 银保在线浦发平台 -->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutNoMessage'"
-        >
+        <div class="chat-room-cont" v-else-if="item.cmd && item.cmd == 'ServiceSessionWillScheduleTimeoutNoMessage'">
           <!--人工客服 -->
           <div class="chat-content-left">
             <div class="content-left-icon">
@@ -404,11 +327,8 @@
             </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>
+                <intelligent-computing :itemList="item" :propsType="'yearOld'"
+                  :btnFloat="false"></intelligent-computing>
               </div>
             </div>
           </div>
@@ -424,11 +344,8 @@
             </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>
+                <intelligent-computing :itemList="item" :propsType="'observation'"
+                  :btnFloat="false"></intelligent-computing>
               </div>
             </div>
           </div>
@@ -444,11 +361,8 @@
             </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>
+                <intelligent-computing :itemList="item" :propsType="'gracePeriod'"
+                  :btnFloat="false"></intelligent-computing>
               </div>
             </div>
           </div>
@@ -464,21 +378,15 @@
             </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>
+                <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-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" />
@@ -495,10 +403,7 @@
         </div>
 
         <!-- 营业网点 -->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && (item.cmd == 'GMMDBDCX' || item.cmd == '$gmmdbdcx-da')"
-        >
+        <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" />
@@ -515,19 +420,16 @@
         </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')
-          "
-        >
+        <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')
+        ">
           <div class="chat-content-left">
             <div class="content-left-icon">
               <DynamicImage class="avatarUrl-img" :image-key="headerAvatar.robotUrl" />
@@ -544,12 +446,9 @@
         </div>
 
         <!-- 续期缴费转账时效表单 -->
-        <div
-          class="chat-room-cont"
-          v-else-if="
-            item.cmd && (item.cmd == 'XQJFZZSXBD' || item.cmd == '$xqjfzzsx-da') // $xqjfzzsx-da这是展示的答案
-          "
-        >
+        <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" />
@@ -566,10 +465,7 @@
         </div>
 
         <!-- 个人   团体投保 -->
-        <div
-          class="chat-room-cont"
-          v-else-if="item.cmd && (item.cmd == 'grtbbd' || item.cmd == 'tttbbd')"
-        >
+        <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" />
@@ -602,11 +498,7 @@
                   <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 class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)">
                     点击此处，连线人工客服
                   </button>
                 </div>
@@ -634,16 +526,9 @@
                             </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>
+                <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>
@@ -664,14 +549,11 @@
           </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="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 != '调度员'">
@@ -679,45 +561,25 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main text-folding-box"
-                :class="{
-                  'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-                }"
-              >
+              <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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -748,46 +610,26 @@
               </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="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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -812,16 +654,9 @@
                             </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>
+                <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>
@@ -835,10 +670,8 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main img-text-type text-folding-box"
-                :style="newBiaoQingBackground(item.msgText)"
-              >
+              <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" >
@@ -846,16 +679,9 @@
                             </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>
+                <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>
@@ -874,16 +700,9 @@
                             <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>
+                <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>
@@ -891,14 +710,11 @@
           <!-- 展开收起类型 --->
 
           <!-- 多轮 文本--->
-          <div
-            class="chat-content-left"
-            v-if="
-              item.reqAndResType == '05' &&
-              item.msgType == '01' &&
-              !(item.cmd || '').includes('CPLB')
-            "
-          >
+          <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 != '调度员'">
@@ -906,10 +722,8 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main img-text-type text-folding-box"
-                :style="newBiaoQingBackground(item.msgText)"
-              >
+              <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" >
@@ -917,26 +731,16 @@
                             </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>
+                <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="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 != '调度员'">
@@ -944,47 +748,26 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main text-folding-box"
-                :class="{
-                  'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-                }"
-              >
+              <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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -1002,47 +785,26 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main text-folding-box"
-                :class="{
-                  'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-                }"
-              >
+              <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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -1062,22 +824,14 @@
                 <!-- 产品卡片组件 -->
                 <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}`"
-                  >
+                <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}`"
-                  >
+                  <button class="help-button-item" @click.stop="appraise(1, item, $event)"
+                    :data-ref="`r_${item.timestamp}`">
                     <em class="help-button-icon"></em>有帮助
                   </button>
                 </div>
@@ -1094,30 +848,16 @@
             </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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -1140,17 +880,9 @@
                             <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>
+                <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>
@@ -1164,47 +896,27 @@
               </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 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"
-              />
+              <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="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 != '调度员'">
@@ -1219,13 +931,10 @@
           </div>
 
           <!-- 人工推送模块跳转 --->
-          <div
-            class="chat-content-left"
-            v-if="
-              (item.reqAndResType == '21' || (item.msgText && item.msgText.includes('[scene]'))) &&
-              item.msgType == '01'
-            "
-          >
+          <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 != '调度员'">
@@ -1234,14 +943,10 @@
             </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>
+                <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>
@@ -1259,28 +964,16 @@
             </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 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 class="chat-left-txt emoticon-img" v-html="replacementRagEmoticon(item.transferDto.msg)"></div>
               </div>
             </div>
           </div>
@@ -1294,15 +987,9 @@
               </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"
-                >
+              <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"
                   /> -->
@@ -1330,16 +1017,9 @@
                 <!--
                             <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>
+                <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>
@@ -1353,47 +1033,27 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main text-folding-box"
-                :class="{
-                  'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-                }"
-              >
+              <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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -1411,47 +1071,26 @@
               </div>
             </div>
             <div class="chat-items">
-              <div
-                class="content-left-main text-folding-box"
-                :class="{
-                  'question-text': item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ',
-                }"
-              >
+              <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>
+                <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}`"
-                  >
+                <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}`"
-                  >
+                  <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>
@@ -1470,18 +1109,11 @@
             </div>
             <div class="chat-items">
               <div class="content-left-main">
-                <div
-                  class="chat-left-txt connectionArtificial"
-                  v-html="replacementRag(item.msgText)"
-                ></div>
+                <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
-                  >。
+                  如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled"
+                    @click.stop="connectionArtificial($event)">
+                    进入人工服务</button>。
                 </div>
               </div>
             </div>
@@ -1489,50 +1121,36 @@
         </div>
       </div>
       <!-- 这里是统一追加的尾部引用横幅 -->
-      <div
-        v-if="(item.quoteData && item.quoteData.quoteMsg) || item.quoteMsg"
-        :class="['quote-display-wrapper', item.fromFlag == '1' ? 'is-right' : 'is-left']"
-      >
+      <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)"
-          >
+          <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="
+            <DynamicImage :image-key="item.quoteData.quoteMsg" alt="引用图片" style="
                 width: 60px;
                 height: 60px;
                 vertical-align: middle;
                 margin-left: 5px;
                 border-radius: 4px;
                 overflow: hidden;
-              "
-              image-style="width: 100%; height: 100%; object-fit: cover;"
-            />
+              " 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 v-html="replacementRagEmoticon(
+              item.quoteData && item.quoteData.quoteMsg
+                ? item.quoteData.quoteMsg
+                : item.quoteMsg
+            )
+              "></span>
           </span>
         </div>
       </div>
@@ -2208,6 +1826,7 @@ export default {
 
       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]) {
diff --git a/src/components/emoticon-box.vue b/src/components/emoticon-box.vue
index 5082243..a03096a 100644
--- a/src/components/emoticon-box.vue
+++ b/src/components/emoticon-box.vue
@@ -1,21 +1,167 @@
 <template>
-  <!-- 模板不变，只需： -->
-  <!-- $elder → elder -->
-  <!-- v-lazy="..." → 改用 DynamicImage 组件或 @error 处理 -->
+  <div class="smile-emoticon-box" :class="{ elder: !!elder }">
+    <div class="emoticon-panel">
+      <div
+        class="emoticon-pages"
+        :style="{ width: scrollWidth + 'px', transform: `translateX(-${scrollPosition}px)` }"
+      >
+        <div
+          class="emoticon-page"
+          v-for="(page, pageIndex) in faces"
+          :key="pageIndex"
+          :style="{ width: pageWidth + 'px' }"
+        >
+          <button
+            type="button"
+            class="emoticon-item"
+            v-for="(face, faceIndex) in page"
+            :key="`${pageIndex}-${faceIndex}-${face.id}`"
+            @click.stop="chooseFace(face)"
+          >
+            <img :src="publicPath + face.src" :alt="face.title" />
+          </button>
+        </div>
+      </div>
+
+      <div class="emoticon-dots" v-if="faces.length > 1">
+        <span
+          v-for="(_, pageIndex) in faces"
+          :key="pageIndex"
+          class="dot"
+          :class="{ active: active === pageIndex }"
+          @click.stop="active = pageIndex"
+        ></span>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
-import { ref, computed, inject } from 'vue'
+import { ref, computed, inject, onMounted, onBeforeUnmount } from 'vue'
 import faceJSON from '@/mock/face.json'
 
-const elder = inject('elder', false)
+defineOptions({ name: 'EmoticonBox' })
+
+const emit = defineEmits(['onFaceChoose'])
 
-const publicPath = ref(import.meta.env.BASE_URL)
+const elder = inject('elder', ref(false))
+const publicPath = import.meta.env.BASE_URL || '/'
 const active = ref(0)
-const faceData = ref(faceJSON)
-const faceIndex = ref(0)
+const pageWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 375)
+const pageSize = computed(() => (elder?.value ? 16 : 20))
+
+const flatFaces = computed(() => {
+  const list = []
+  ;(faceJSON || []).forEach((group) => {
+    ;(group.faceList || []).forEach((face) => {
+      if (face?.title && face?.src) list.push(face)
+    })
+  })
+  return list
+})
+
+const faces = computed(() => {
+  const size = pageSize.value || 20
+  const pages = []
+  const source = flatFaces.value
+  for (let i = 0; i < source.length; i += size) {
+    pages.push(source.slice(i, i + size))
+  }
+  return pages.length ? pages : [[]]
+})
+
+const scrollWidth = computed(() => faces.value.length * pageWidth.value)
+const scrollPosition = computed(() => active.value * pageWidth.value)
+
+function chooseFace(face) {
+  if (!face?.title) return
+  emit('onFaceChoose', `[${face.title}]`)
+}
+
+function updatePageWidth() {
+  pageWidth.value = window.innerWidth || document.documentElement.clientWidth || 375
+  if (active.value > faces.value.length - 1) active.value = 0
+}
+
+onMounted(() => {
+  updatePageWidth()
+  window.addEventListener('resize', updatePageWidth)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updatePageWidth)
+})
+</script>
+
+<style scoped>
+.smile-emoticon-box {
+  width: 100%;
+  background-color: #efefef;
+  overflow: hidden;
+}
+
+.emoticon-panel {
+  padding: 12px 8px 8px;
+  box-sizing: border-box;
+}
+
+.emoticon-pages {
+  display: flex;
+  transition: transform 0.25s ease;
+}
+
+.emoticon-page {
+  flex-shrink: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  padding: 0 4px;
+  box-sizing: border-box;
+}
+
+.emoticon-item {
+  width: 20%;
+  height: 48px;
+  border: 0;
+  background: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
+.smile-emoticon-box.elder .emoticon-item {
+  width: 25%;
+  height: 56px;
+}
+
+.emoticon-item img {
+  width: 28px;
+  height: 28px;
+  object-fit: contain;
+}
+
+.smile-emoticon-box.elder .emoticon-item img {
+  width: 34px;
+  height: 34px;
+}
+
+.emoticon-dots {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  padding-top: 6px;
+}
+
+.dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #c7c7c7;
+}
 
-const faces = computed(() => { /* ... 逻辑不变 ... */ })
-const scrollWidth = computed(() => faces.value.length * document.body.scrollWidth)
-const scrollPosition = computed(() => active.value * document.body.scrollWidth)
-</script>
\ No newline at end of file
+.dot.active {
+  background: #025cea;
+}
+</style>
diff --git a/src/components/footer-bar-input.vue b/src/components/footer-bar-input.vue
index 94a6bbe..de808e7 100644
--- a/src/components/footer-bar-input.vue
+++ b/src/components/footer-bar-input.vue
@@ -95,7 +95,7 @@
 
   <!-- 表情符号 -->
   <!-- <transition name="draw"> -->
-  <emoticon-box :class="{ min_heightauto: !smileFlag }" @onFaceChoose="handleFaceChoose"></emoticon-box>
+  <emoticon-box class="smile-emoticon-box" :class="{ min_heightauto: !smileFlag }" @onFaceChoose="handleFaceChoose"></emoticon-box>
   <!-- </transition> -->
 
   <upload-image ref="uploadImageRef" @image-selected="handleImageSelected" @image-sent="handleImageSent"
diff --git a/src/components/history-content.vue b/src/components/history-content.vue
index 0b8e403..9bd1e89 100644
--- a/src/components/history-content.vue
+++ b/src/components/history-content.vue
@@ -47,7 +47,7 @@ function processedEmoji() {
 }
 
 function emojiToImage(str) {
-  let regex = /$$[^$$]+\]/g
+  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}"/>` }
diff --git a/src/components/previewPDF/index.vue b/src/components/previewPDF/index.vue
index 0ca5be1..3d7e506 100644
--- a/src/components/previewPDF/index.vue
+++ b/src/components/previewPDF/index.vue
@@ -4,7 +4,10 @@
       <span class="back_icon"></span>
       <span class="back_text">返回</span>
     </div>
-    <div v-if="!!pdfUrl" id="previewPdf_comp"></div>
+    <!-- <div v-if="!!pdfUrl" id="previewPdf_comp"></div> -->
+    <div ref="pdfwrapper" v-if="!!pdfUrl" class="preview-content" style="position: absolute">
+      <div ref="pdfViewer" class="pdfViewer" />
+    </div>
   </div>
 </template>
 
@@ -12,8 +15,17 @@
 import { ref, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { showFailToast } from 'vant'
-import Pdfh5 from 'pdfh5'
-import 'pdfh5/css/pdfh5.css'
+import * as pdfjsLib from "pdfis-dist/legacy/build/pdf.mjs"
+import MyWorker from 'pdfjs-dist/legacy/build/pdf.worker.mjs?worker'
+pdfjsLib.GlobalWorkerOptions.workerPort = new MyWorker()
+import "pdfjs-dist/legacy/web/pdf viewer.css"
+import * as pdfViewerLib from 'pdfjs dist/legacy/web/pdf viewer.mjs'
+const pdfwrapper = ref(null)
+const pdfViewer = ref(null)
+let pdfObj = null
+let viewer = null
+// import Pdfh5 from 'pdfh5'
+// import 'pdfh5/css/pdfh5.css'
 
 // ── 路由 ────────────────────────────────────────────
 const route = useRoute()
@@ -24,35 +36,46 @@ const pdfUrl = ref('')
 let pdfh5 = null
 
 // ── 初始化 ──────────────────────────────────────────
-pdfUrl.value = route.params.url
-
-// ── 生命周期 ────────────────────────────────────────
-onMounted(() => {
-  pdfh5 = new Pdfh5('#previewPdf_comp', {
-    pdfurl: pdfUrl.value,
-    lazy: true,
-    cMapUrl: 'https://app.unpkg.com/pdfjs-dist@2.0.943/files/cmaps',
+const getPdfDocument = async (url = '') => {
+  const loadingTask = pdfjsLib.getDocument({
+    url, cMapUrl: '/cmaps/', cMapPacked: true,
   })
+  const pdf = await loadingTask.promise
+  return pdf
 
-  pdfh5.on('error', function (status, msg, time) {
-    showFailToast('PDF加载失败')
+}
+const init = (url = '') => {
+  getPdfDocument(url).then((pdf) => {
+    pdfObj = pdf
+    viewer = new pdfViewerLib.PDFViewer({
+      container: pdfwrapper.value,
+      viewer: pdfViewer.value,
+      eventBus: new pdfViewerLib.EventBus(), textLayerMode: 0,
+    })
+    viewer.eventBus.on('pagesloaded', () => {
+      viewer!.currentScaleValue = 'page-width'
+    })
+    viewer.setDocument(pdfObj)
   })
+}
+// ── 生命周期 ────────────────────────────────────────
+onMounted(() => {
+  pdfUrl.value = route.params.url
+  init(pdfUrl.value)
 })
 
-// ── 方法 ────────────────────────────────────────────
+// ── 方法 ──
 function routeBack() {
-  router.back()
+  router.go(-1)
 }
 </script>
 
-<style lang="scss">
-#previewPdf_comp .pageNum {
-  left: unset !important;
-  right: 20px !important;
+<style lang="scss" scoped>
+preview-content {
+  position: absolute;
+  overflow: hidden !important;
 }
-</style>
 
-<style lang="scss" scoped>
 .preViewPdf_body {
   position: absolute;
   left: 0;
@@ -72,35 +95,35 @@ function routeBack() {
 
 .back_btn {
   position: fixed;
-  left: 12px;
-  top: 12px;
+  left: 12rem;
+  top: 12rem;
   z-index: 999;
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 8px 12px;
+  padding: 8rem 12rem;
   background: rgba(255, 255, 255, 0.95);
   color: #333;
-  border-radius: 16px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+  border-radius: 16rem;
+  box-shadow: 0 2rem 12rem rgba(0, 0, 0, 0.15);
   cursor: pointer;
   transition: all 0.3s ease;
-  font-size: 12px;
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
+  font-size: 12rem;
+  backdrop-filter: blur(10rem);
+  -webkit-backdrop-filter: blur(10rem);
   user-select: none;
 }
 
 .back_btn:active {
   transform: scale(0.95);
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1rem 6rem rgba(0, 0, 0, 0.2);
 }
 
 .back_icon {
   display: inline-block;
-  width: 12px;
-  height: 12px;
-  margin-right: 4px;
+  width: 12rem;
+  height: 12rem;
+  margin-right: 4rem;
   position: relative;
 }
 
@@ -109,15 +132,15 @@ function routeBack() {
   position: absolute;
   left: 0;
   top: 50%;
-  width: 8px;
-  height: 8px;
-  border-left: 2px solid #333;
-  border-bottom: 2px solid #333;
+  width: 8rem;
+  height: 8rem;
+  border-left: 2rem solid #333;
+  border-bottom: 2rem solid #333;
   transform: translateY(-50%) rotate(45deg);
 }
 
 .back_text {
-  font-size: 12px;
+  font-size: 12rem;
   font-weight: 500;
   line-height: 1;
 }
@@ -130,10 +153,10 @@ function routeBack() {
 .right_bottom {
   left: auto;
   right: 0;
-  top: 30px;
+  top: 30rem;
 }
 
 .right_top {
-  top: 0px !important;
+  top: 0rem !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/send-message.vue b/src/components/send-message.vue
index 7a6a57f..dde343e 100644
--- a/src/components/send-message.vue
+++ b/src/components/send-message.vue
@@ -91,7 +91,7 @@ function processedEmoji() {
 }
 
 function emojiToImage(str) {
-  let regex = /$$[^$$]+\]/g
+  let regex = /\[[^\]]+\]/g
   return str.replace(regex, (item) => {
     if (expressionProcessing.value[item]) {
       return `<img src="${
diff --git a/src/components/text-content.vue b/src/components/text-content.vue
index 1fe2b5a..5945b99 100644
--- a/src/components/text-content.vue
+++ b/src/components/text-content.vue
@@ -272,7 +272,7 @@ function processedEmoji() {
 
 function emojiToImage(str) {
   let srcImg = ''
-  let regex = /$$[^$$]+\]/g
+  let regex = /\[[^\]]+\]/g
   srcImg = str.replace(regex, (item) => {
     if (expressionProcessing.value[item]) {
       return `<img src="${
diff --git a/src/components/text-folding.vue b/src/components/text-folding.vue
index 6723af0..8ec512b 100644
--- a/src/components/text-folding.vue
+++ b/src/components/text-folding.vue
@@ -361,7 +361,7 @@ function processedEmoji() {
 }
 
 function emojiToImage(str) {
-  let regex = /$$[^$$]+\]/g
+  let regex = /\[[^\]]+\]/g
   return str.replace(regex, (item) => {
     if (expressionProcessing.value[item]) {
       return `<img src="${
diff --git a/yarn.lock b/yarn.lock
index d83586e..d4161b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -677,6 +677,78 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@napi-rs/canvas-android-arm64@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.100.tgz#b7c68b91d57702a5fc523fa82de72ea741e6766e"
+  integrity sha512-hjhCKhntPv9+t4ckHymdx0phYNcVW+GKQR6Lzw2zE+pOVjOplSmtx9nNNknTjbEDLcuLZqA1y8ufKg1XfgftzQ==
+
+"@napi-rs/canvas-darwin-arm64@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.100.tgz#d1686fa6ca699b07640efa5f45425db0a4e725e2"
+  integrity sha512-2PcswRaC7Ly645DGt88///zuFDhJxJYdKAs1uU3mfk1atYkXufgcgLfBpk6Tm12nCQBaNt1wpybuPZ4qOhTo8A==
+
+"@napi-rs/canvas-darwin-x64@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.100.tgz#92978fd7eca21f7f1b59bd13ba3ce7c0e7c879a1"
+  integrity sha512-ePNZtj7pNIva/siZMg+HmbeozkIjqUIYdoymH8HaA3qK7LfzFN4WMBM8G6HQ9ZC+H3+Dnn5pqtiXpgLykaPOhw==
+
+"@napi-rs/canvas-linux-arm-gnueabihf@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.100.tgz#95f9892e1d5a8274871d8ee406374e9ef692bd9f"
+  integrity sha512-d5cDB48oWFGU8/XPhUOFAlySgb/VAu7D+s8fi55K1Pcfg8aPplHWqMgibhVLU8ky7Pyg/fuiVLz4Nf3JrSTuUA==
+
+"@napi-rs/canvas-linux-arm64-gnu@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.100.tgz#6b2b7c4bb016b8f5308115ac9ae909df4967a94b"
+  integrity sha512-rDxgxRu69RvDlX/bh9o22DxLsGr8EqsNgotL9+RwQE1S0b0cqeatqsw6aW45mukm0B42DIAaAacKaYQ8cqS1nw==
+
+"@napi-rs/canvas-linux-arm64-musl@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.100.tgz#48cf6342543e4f87cf1f8e9b1aaa19ad85bcc178"
+  integrity sha512-K3mDW66N+xT2/V439u1alFANiBUjdEx2gLiNYnCmUsva5jZMxWTjafBYwTzYK+EMFMHrUoabuU+T1BIP5CgbYQ==
+
+"@napi-rs/canvas-linux-riscv64-gnu@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.100.tgz#71b011007b03755c834a961735302c5837b041da"
+  integrity sha512-mooqUBTIsccZpnoQC4NgrC1v6C1vof39etLNMnBwCY+p0gajWJvAHLGQ6g/gGyS5YrpDW+GefSN4+Cvcr08UWw==
+
+"@napi-rs/canvas-linux-x64-gnu@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.100.tgz#3f479d3b8b8c4658e5dec1b943ad7d2eefd2811f"
+  integrity sha512-1eCvkDCazm7FFhsT7DfGOdSaHgZVK3bt/dSBl5EWHOWmnz+I7j8tPseJqqD81NF+MH21jKUK4wQSDjN0mdhnTg==
+
+"@napi-rs/canvas-linux-x64-musl@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.100.tgz#1beaca22c1fe97709a9c287115cb3c90194ddec6"
+  integrity sha512-20arT6lnI19S68qNlii73TSEDbECNgzMz2EpldC1V3mZFuRkeujXkcebRk0LRJe9SEUAooYiLokfMViY8IX7yA==
+
+"@napi-rs/canvas-win32-arm64-msvc@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-win32-arm64-msvc/-/canvas-win32-arm64-msvc-0.1.100.tgz#8a1728b455dd17965f95c0bfdf6753be8c5851c0"
+  integrity sha512-DZFFT1wIAg37LJw37yhMRFfjATd3vTQzjZ1Yki8u2vhO6Hi5VE6BVaGQ1aaDu7xb4iMErz+9EOwjpS7xcxFeBw==
+
+"@napi-rs/canvas-win32-x64-msvc@0.1.100":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.100.tgz#1e52883f8784ffdbe52dc2d47b05a0886aa6e9cf"
+  integrity sha512-MyT1j3mHC2+Lu4pBi9mKyMJhtP6U7k7EldY7sj/uS5gJA65gTXt8MefJQXLJo5d/vZbuWmfxzkEUNc/urV3pHA==
+
+"@napi-rs/canvas@^0.1.77":
+  version "0.1.100"
+  resolved "https://registry.npmmirror.com/@napi-rs/canvas/-/canvas-0.1.100.tgz#2c89a15c28a62e1372be23fd474762ae1a8b16b7"
+  integrity sha512-xglYA6q3XO5P3BNJYxVZ1IV7DLVjp1Py6nwag88YntrS+3vKHyYcMqXVS4ZztJmwz2uGvz1FWhI/4LgbR5uQDA==
+  optionalDependencies:
+    "@napi-rs/canvas-android-arm64" "0.1.100"
+    "@napi-rs/canvas-darwin-arm64" "0.1.100"
+    "@napi-rs/canvas-darwin-x64" "0.1.100"
+    "@napi-rs/canvas-linux-arm-gnueabihf" "0.1.100"
+    "@napi-rs/canvas-linux-arm64-gnu" "0.1.100"
+    "@napi-rs/canvas-linux-arm64-musl" "0.1.100"
+    "@napi-rs/canvas-linux-riscv64-gnu" "0.1.100"
+    "@napi-rs/canvas-linux-x64-gnu" "0.1.100"
+    "@napi-rs/canvas-linux-x64-musl" "0.1.100"
+    "@napi-rs/canvas-win32-arm64-msvc" "0.1.100"
+    "@napi-rs/canvas-win32-x64-msvc" "0.1.100"
+
 "@napi-rs/lzma-linux-x64-gnu@1.5.1":
   version "1.5.1"
   resolved "http://registry-npm.wepack-gp22dmp-dev.group.cpic.com/public/npm-ga-public/@napi-rs/lzma-linux-x64-gnu/-/lzma-linux-x64-gnu-1.5.1.tgz#e57d4306966078662038094fb38eb9146dc3aea9"
@@ -1745,6 +1817,13 @@ pathe@^2.0.3:
   resolved "http://registry-npm.wepack-gp22dmp-dev.group.cpic.com/public/npm-ga-public/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
   integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
 
+pdfjs-dist@5.4.149:
+  version "5.4.149"
+  resolved "https://registry.npmmirror.com/pdfjs-dist/-/pdfjs-dist-5.4.149.tgz#7ff5b8427f37cd43e16377adf509af8595938afc"
+  integrity sha512-Xe8/1FMJEQPUVSti25AlDpwpUm2QAVmNOpFP0SIahaPIOKBKICaefbzogLdwey3XGGoaP4Lb9wqiw2e9Jqp0LA==
+  optionalDependencies:
+    "@napi-rs/canvas" "^0.1.77"
+
 perfect-debounce@^1.0.0:
   version "1.0.0"
   resolved "http://registry-npm.wepack-gp22dmp-dev.group.cpic.com/public/npm-ga-public/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"