From eebb5a920b707067b57bbdd3dfecc36e3f4ae545 Mon Sep 17 00:00:00 2001
From: jiangjunjie <jiangjunjie@sinosoft.com.cn>
Date: Fri, 18 Sep 2026 16:36:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E9=83=A8=E5=88=86=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/send-button.png   | Bin 0 -> 4995 bytes
 src/components/chat-new.vue         | 136 +++++++++++++++++++++++-
 src/components/emoticon-box.vue     |   2 +-
 src/components/footer-bar-input.vue | 155 ++++++++++++----------------
 src/components/history-content.vue  |   2 +-
 src/components/quick-access.vue     |   2 +-
 src/components/send-message.vue     |   2 +-
 src/components/text-content.vue     |   2 +-
 src/components/text-folding.vue     |   2 +-
 src/main.js                         |  10 +-
 src/utils/socket.js                 |   2 +-
 src/views/chat.vue                  |   4 +-
 12 files changed, 218 insertions(+), 101 deletions(-)
 create mode 100644 src/assets/images/send-button.png

diff --git a/src/assets/images/send-button.png b/src/assets/images/send-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..183a1ee9dd66114e5ded4bb61aa00656fa6a9e4e
GIT binary patch
literal 4995
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
N002ovPDHLkV1jW4i$(wd

literal 0
HcmV?d00001

diff --git a/src/components/chat-new.vue b/src/components/chat-new.vue
index 4013d09..8dbb84b 100644
--- a/src/components/chat-new.vue
+++ b/src/components/chat-new.vue
@@ -1,8 +1,14 @@
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, computed, inject, watch, nextTick } from 'vue'
+import footerBarInput from '@/components/footer-bar-input.vue'
+import { messageSend } from '@/utils/api'
 defineOptions({
   name: 'chat-new',
 })
+const store = inject('appStore', null)
+const chatArr = inject('chatArr', ref([]))
+const isChatLoading = inject('isChatLoading', ref(false))
+const mainContainerRef = ref(null)
 const welcomeWord = ref('下午好，张先生')
 const welcomeSubWord = ref('我是您的服务管家皮卡丘')
 const abstractList = ref([
@@ -32,11 +38,44 @@ const abstractList = ref([
   },
 ])
 const askList = ref(['贷款到期可以先还利息吗？', '查询已交费总额', '保单能领多少钱？'])
+
+function getItemText(item) {
+  return item?.message?.[0]?.options?.label || ''
+}
+
+const showTyping = computed(
+  () =>
+    isChatLoading.value &&
+    chatArr.value.length > 0 &&
+    chatArr.value[chatArr.value.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)
+}
+
+watch(
+  () => chatArr.value.length,
+  async () => {
+    await nextTick()
+    const el = mainContainerRef.value
+    if (el) el.scrollTop = el.scrollHeight
+  },
+)
 </script>
 
 <template>
   <div class="chat-new">
-    <div class="main-container">
+    <div class="main-container" ref="mainContainerRef">
       <div class="welcome-con">
         <div class="welcome-title">{{ welcomeWord }}</div>
         <div class="sub-title">{{ welcomeSubWord }}</div>
@@ -75,12 +114,32 @@ const askList = ref(['贷款到期可以先还利息吗？', '查询已交费总
         </div>
       </div>
       <div class="ask-con">
-        <div class="item" v-for="(item, index) in askList" :key="index">
+        <div
+          class="item"
+          v-for="(item, index) in askList"
+          :key="index"
+          @click="handleAskClick(item)"
+        >
           <div class="icon"><span>#</span></div>
           <span>{{ item }}</span>
           <img src="@/assets/images/chat/line.svg" alt="" />
         </div>
       </div>
+      <div class="message-con" v-if="chatArr.length || showTyping">
+        <div
+          v-for="(item, index) in chatArr"
+          :key="index"
+          :class="['msg-item', item.type === 'user' ? 'from-user' : 'from-bot']"
+        >
+          <div class="bubble">{{ getItemText(item) }}</div>
+        </div>
+        <div class="msg-item from-bot" v-if="showTyping">
+          <div class="bubble typing"><span></span><span></span><span></span></div>
+        </div>
+      </div>
+    </div>
+    <div class="chat-footer">
+      <footer-bar-input />
     </div>
   </div>
 </template>
@@ -97,6 +156,13 @@ const askList = ref(['贷款到期可以先还利息吗？', '查询已交费总
   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: auto;
@@ -343,6 +409,70 @@ const askList = ref(['贷款到期可以先还利息吗？', '查询已交费总
         }
       }
     }
+    .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;
+        }
+      }
+      .from-user {
+        justify-content: flex-end;
+        .bubble {
+          background: linear-gradient(266deg, #025cea 0%, #3f8cf8 100%);
+          color: #ffffff;
+          border-radius: 12rem 12rem 4rem 12rem;
+        }
+      }
+      .from-bot {
+        justify-content: flex-start;
+        .bubble {
+          background: #fcfdfd;
+          box-shadow: 0rem 4rem 10rem 0rem #e7effd;
+          border-radius: 12rem 12rem 12rem 4rem;
+        }
+      }
+      .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/emoticon-box.vue b/src/components/emoticon-box.vue
index 4d2461c..5082243 100644
--- a/src/components/emoticon-box.vue
+++ b/src/components/emoticon-box.vue
@@ -10,7 +10,7 @@ import faceJSON from '@/mock/face.json'
 
 const elder = inject('elder', false)
 
-const publicPath = ref(process.env.VUE_APP_SRC)
+const publicPath = ref(import.meta.env.BASE_URL)
 const active = ref(0)
 const faceData = ref(faceJSON)
 const faceIndex = ref(0)
diff --git a/src/components/footer-bar-input.vue b/src/components/footer-bar-input.vue
index b1e2f5a..0fd1744 100644
--- a/src/components/footer-bar-input.vue
+++ b/src/components/footer-bar-input.vue
@@ -41,6 +41,7 @@
     </div>
     <!-- 输入框模块 -->
     <div class="input-box flex" :style="{ 'padding-bottom': isNewApp ? '15px' : '' }">
+      <!-- <div class="input-box-margin"> -->
       <div
         class="input-btn-box"
         style="padding-left: 0px; padding-right: 10px; display: flex; align-items: center"
@@ -50,7 +51,7 @@
         <img src="@/assets/images/fill-microphone.png" alt="" />
       </div>
       <div class="input-box-txt">
-        <div v-if="!soundFlag">
+        <div v-if="!soundFlag" style="width: 100%">
           <textarea
             class="input-txt"
             placeholder="请简要描述您的问题"
@@ -101,7 +102,7 @@
           ></textarea>
         </div>
 
-        <div v-else @click="clickMicro">
+        <div v-else @click="clickMicro" style="width: 100%">
           <voiceInput
             refNode="painSpotReason"
             ref="voiceInputRef"
@@ -110,7 +111,8 @@
             @handleUpdateContent="onTTSContentUpdate"
             @isRecorderStart="isRecorderStart"
             @clickFinish="sayFinish"
-          ></voiceInput>
+          >
+          </voiceInput>
         </div>
 
         <!-- <input
@@ -129,7 +131,22 @@
         <!-- <div class="input-box-middle">
 
             </div> -->
-        <span v-show="!soundFlag" class="input-text-tips">{{ txtTips }}</span>
+        <!-- <span v-show="!soundFlag" class="input-text-tips">{{ txtTips }}</span> -->
+        <div class="input-btn-box btn-box2" style="flex-shrink: 0">
+          <button
+            class="btn-item opacity"
+            v-if="!sendFlag"
+            :class="addFlag ? 'add-box' : 'close-box'"
+            :disabled="sendDisabled || elderAndOutwork"
+            @click.stop="addUpload()"
+          ></button>
+          <button
+            class="btn-item opacity send-box"
+            v-else
+            :disabled="sendDisabled || elderAndOutwork"
+            @click.stop="clickSendMessage()"
+          ></button>
+        </div>
       </div>
       <!-- <div v-if="false" class="input-btn-box btn-box1">
         <button
@@ -139,40 +156,26 @@
           @click.stop="toggleShow()"
         ></button>
       </div> -->
-      <div class="input-btn-box btn-box2">
-        <button
-          class="btn-item opacity"
-          v-if="!sendFlag"
-          :class="addFlag ? 'add-box' : 'close-box'"
-          :disabled="sendDisabled || elderAndOutwork"
-          @click.stop="addUpload()"
-        ></button>
-        <button
-          class="btn-item opacity send-box"
-          v-else
-          :disabled="sendDisabled || elderAndOutwork"
-          @click.stop="clickSendMessage()"
-        ></button>
-      </div>
     </div>
-
-    <!-- 表情符号 -->
-    <!-- <transition name="draw"> -->
-    <emoticon-box
-      :class="{ min_heightauto: !smileFlag }"
-      @onFaceChoose="handleFaceChoose"
-    ></emoticon-box>
-    <!-- </transition> -->
-
-    <!-- 上传图片和拍照 -->
-    <!-- <transition name="draw"> -->
-    <!-- <div class="upload-image-box" :class="{min_height0 : !addFlag}" v-show="imageBoxShow"> -->
-    <upload-image :class="{ min_heightauto: !addFlag }"></upload-image>
-    <!-- </div> -->
-    <!-- </transition> -->
-
-    <!-- <SoundRecord v-if="soundFlag" @clickFinish="sayFinish"></SoundRecord> -->
   </div>
+
+  <!-- 表情符号 -->
+  <!-- <transition name="draw"> -->
+  <emoticon-box
+    :class="{ min_heightauto: !smileFlag }"
+    @onFaceChoose="handleFaceChoose"
+  ></emoticon-box>
+  <!-- </transition> -->
+
+  <!-- 上传图片和拍照 -->
+  <!-- <transition name="draw"> -->
+  <!-- <div class="upload-image-box" :class="{min_height0 : !addFlag}" v-show="imageBoxShow"> -->
+  <upload-image :class="{ min_heightauto: !addFlag }"></upload-image>
+  <!-- </div> -->
+  <!-- </transition> -->
+
+  <!-- <SoundRecord v-if="soundFlag" @clickFinish="sayFinish"></SoundRecord> -->
+  <!-- </div> -->
 </template>
 
 <script setup>
@@ -191,6 +194,7 @@ import _ from 'lodash'
 import uploadImage from '@/components/upload-image.vue'
 import EmoticonBox from '@/components/emoticon-box.vue'
 import voiceInput from '@/components/TTS.vue'
+import { messageSend } from '@/utils/api'
 import { emitter } from '@/utils/mitt'
 import utils from '@/utils/utils'
 import { _debounce } from '@/utils'
@@ -476,35 +480,12 @@ function clickSendMessage() {
     emoticonClick.value = false
     sendMessage.value = ''
 
-    // 调用机器人
-    if (manualService.value == 1) {
-      store
-        ?.dispatch?.('sendingRobot', sendParmas)
-        .then((res) => {
-          if (res.reqAndResType == '05' && res.cmd == 'pbstart') {
-            duolunFloat.value = false
-          } else {
-            duolunFloat.value = true
-          }
-        })
-        .catch((err) => {
-          console.log(err)
-        })
-      // 人工
-    } else if (manualService.value == 2) {
-      store
-        ?.dispatch?.('sendmessageContent', sendParmas)
-        .then((res) => {
-          if (res.reqAndResType == '05' && res.cmd == 'pbstart') {
-            duolunFloat.value = false
-          } else {
-            duolunFloat.value = true
-          }
-        })
-        .catch((err) => {
-          console.log(err)
-        })
-    }
+    // 新架构：用户消息卡片入 chatArr，USER_TEXT 事件发送，机器人回复经 SSE 下发
+    store?.pushUserMessage?.(elInputValue)
+    messageSend(elInputValue).catch((err) => {
+      console.log(err)
+      store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
+    })
   }
 }
 
@@ -720,26 +701,17 @@ function resilience() {
 
 // 点击联想词查询
 function lenovoQuery(item) {
-  let sendParmas = {
-    reqAndResType: '1', // 1文本  2图片 3问提评价
-    msgText: item,
-    msgSource: manualService.value, // 1机器人 2人工
-    questionType: 3,
-  }
-
   // 发送的消息 存到store
   scrollTopBody()
+  associationalWord.value = false
+  sendFlag.value = false
+  sendMessage.value = ''
 
-  store
-    ?.dispatch?.('sendingRobot', sendParmas)
-    .then((res) => {
-      associationalWord.value = false
-      sendFlag.value = false
-      sendMessage.value = ''
-    })
-    .catch((err) => {
-      console.log(err)
-    })
+  store?.pushUserMessage?.(item)
+  messageSend(item).catch((err) => {
+    console.log(err)
+    store?.pushUserMessage?.('服务异常，请您稍后再试～', 'bot')
+  })
 }
 
 // 实时获取联想词
@@ -868,6 +840,11 @@ watch(sendMessage, (newValue, oldValue) => {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   align-content: flex-start;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #ebf1ff;
 }
 
 .input-box-txt {
@@ -875,8 +852,8 @@ watch(sendMessage, (newValue, oldValue) => {
   height: auto;
   min-height: 10px;
   line-height: 10px;
-  background: #eef2f8;
-  border-radius: 2px;
+  background: #fff;
+  border-radius: 30px;
   padding: 7.5px 20px 7.5px 15px;
   vertical-align: middle;
   margin-right: 5px;
@@ -889,6 +866,8 @@ watch(sendMessage, (newValue, oldValue) => {
   flex: 1;
   position: relative;
   overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 
 .input-text-tips {
@@ -912,7 +891,7 @@ watch(sendMessage, (newValue, oldValue) => {
 .input-txt {
   box-sizing: border-box;
   width: 100%;
-  height: 20px;
+  /* height: 20px; */
   max-height: 80px;
   line-height: 20px;
   border: 0;
@@ -1004,9 +983,9 @@ textarea:-ms-input-placeholder {
 }
 
 .send-box {
-  background: url('data:image/png;base64,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')
-    no-repeat center;
+  background: url('../assets/images/send-button.png') no-repeat center;
   background-size: 100% auto;
+  border: 0;
 }
 
 .close-box {
@@ -1017,12 +996,14 @@ textarea:-ms-input-placeholder {
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
+  border: 0;
 }
 
 .add-box {
   background: url('data:image/png;base64,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')
     no-repeat center;
   background-size: 100% auto;
+  border: 0;
 }
 
 .smile-emoticon-box {
diff --git a/src/components/history-content.vue b/src/components/history-content.vue
index 824ee17..0f4f138 100644
--- a/src/components/history-content.vue
+++ b/src/components/history-content.vue
@@ -29,7 +29,7 @@ const userInfo = inject('userInfo', ref({}))
 const headerAvatar = inject('headerAvatar', ref({}))
 const elder = inject('elder', false)
 
-const publicPath = process.env.VUE_APP_SRC
+const publicPath = import.meta.env.BASE_URL
 const expressionProcessing = ref({})
 const bigExpressionProcessing = ref({})
 
diff --git a/src/components/quick-access.vue b/src/components/quick-access.vue
index 9772a07..aa15dc4 100644
--- a/src/components/quick-access.vue
+++ b/src/components/quick-access.vue
@@ -153,7 +153,7 @@ function getIconUrl(content) {
 }
 
 function isProd() {
-  return process.env.NODE_ENV === 'production'
+  return import.meta.env.PROD
 }
 
 const isBtnsubmit = ref(true)
diff --git a/src/components/send-message.vue b/src/components/send-message.vue
index d19155c..7a6a57f 100644
--- a/src/components/send-message.vue
+++ b/src/components/send-message.vue
@@ -65,7 +65,7 @@ const sendLoading = inject('sendLoading', ref(false))
 const integratedUser = inject('integratedUser', ref(false))
 
 const facejson = faceJSON
-const publicPath = process.env.VUE_APP_SRC
+const publicPath = import.meta.env.BASE_URL
 const expressionProcessing = ref({})
 const bigExpressionProcessing = ref({})
 
diff --git a/src/components/text-content.vue b/src/components/text-content.vue
index d692c54..1fe2b5a 100644
--- a/src/components/text-content.vue
+++ b/src/components/text-content.vue
@@ -58,7 +58,7 @@ const mescrollContent = inject('mescrollContent', ref(null))
 const manualService = inject('manualService', ref('1'))
 const sendLoading = inject('sendLoading', ref(false))
 
-const publicPath = process.env.VUE_APP_SRC
+const publicPath = import.meta.env.BASE_URL
 const showTotal = ref(true)
 const exchangeButton = ref(true)
 const showExchangeButton = ref(false)
diff --git a/src/components/text-folding.vue b/src/components/text-folding.vue
index a24e3a0..75f8961 100644
--- a/src/components/text-folding.vue
+++ b/src/components/text-folding.vue
@@ -89,7 +89,7 @@ const mescrollContent = inject('mescrollContent', ref(null))
 const manualService = inject('manualService', ref('1'))
 const sendLoading = inject('sendLoading', ref(false))
 
-const publicPath = process.env.VUE_APP_SRC
+const publicPath = import.meta.env.BASE_URL
 const showTotal = ref(true)
 const exchangeButton = ref(true)
 const showExchangeButton = ref(false)
diff --git a/src/main.js b/src/main.js
index 0162e54..332bf71 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,9 @@ import pinia from './store'
 import Vant from 'vant'
 import 'vant/lib/index.css'
 import Vue3Lazyload from 'vue3-lazyload'
-import "@/assets/font/iconfont.css"
+import { Post } from './utils/https'
+import xss from 'xss'
+import '@/assets/font/iconfont.css'
 
 const shouldEnableVConsole = import.meta.env.VITE_ENABLE_TEST === 'true'
 
@@ -19,7 +21,7 @@ const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/
 )
 const currentHostname = window.location.hostname
 const shouldShowVConsole = enableVConsoleDomains.includes(currentHostname)
-if ((shouldShowVConsole || shouldEnableVConsole && isMobile)) {
+if (shouldShowVConsole || (shouldEnableVConsole && isMobile)) {
   import('vconsole').then(({ default: VConsole }) => {
     new VConsole()
   })
@@ -63,4 +65,8 @@ app.use(router)
 app.use(createPinia())
 app.use(Vant)
 
+// Vue2 全局挂载的 this.$post / this.$xss，迁移后在 globalProperties 上注册
+app.config.globalProperties.$post = Post
+app.config.globalProperties.$xss = (val) => xss(val)
+
 app.mount('#app')
diff --git a/src/utils/socket.js b/src/utils/socket.js
index 0f40955..65ac3e5 100644
--- a/src/utils/socket.js
+++ b/src/utils/socket.js
@@ -38,7 +38,7 @@ document.setTitle = function (title) {
 
     document.title = title;
     var iframe = document.createElement('iframe');
-    iframe.src = `${process.env.BASE_URL}favicon.ico`;
+    iframe.src = `${import.meta.env.BASE_URL}favicon.ico`;
     iframe.style.display = 'none';
     iframe.onload = function () {
         setTimeout(function () {
diff --git a/src/views/chat.vue b/src/views/chat.vue
index 82fb322..7c172ba 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <chat-main
+    <!-- <chat-main
       v-if="isToken"
       :tokenExist="isToken"
       :isWX="isWX"
       :lostChatInfoNum="lostChatInfoNum"
-    />
+    /> -->
     <chat-new />
     <!-- <human-appraise-popup /> -->
   </div>