vue2-client 1.22.19 → 1.22.21

package/src/base-client/components/common/ImagePreviewModal/index.js

@@ -1,3 +1,3 @@
-import ImagePreviewModal from './ImagePreviewModal'
-
-export default ImagePreviewModal
+import ImagePreviewModal from './ImagePreviewModal'
+
+export default ImagePreviewModal

package/src/base-client/components/common/XMarkdownViewer/demo.vue

@@ -1,102 +1,102 @@
-<template>
-  <div style="padding: 16px">
-    <h2>XMarkdownViewer Demo</h2>
-
-    <div style="margin: 12px 0; padding: 12px; background: #f5f5f5; border-radius: 4px">
-      <h4 style="margin: 0 0 8px 0">流式 AI 调用示例</h4>
-      <div style="margin-bottom: 8px">
-        <input
-          v-model="userMessage"
-          type="text"
-          placeholder="输入消息"
-          style="width: 300px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px"
-          @keyup.enter="sendMessage"
-        >
-        <button
-          type="button"
-          style="margin-left: 8px; padding: 6px 16px; background: #1890ff; color: #fff; border: none; border-radius: 4px; cursor: pointer"
-          @click="sendMessage"
-        >
-          发送
-        </button>
-        <button
-          v-if="isStreaming"
-          type="button"
-          style="margin-left: 8px; padding: 6px 16px; background: #ff4d4f; color: #fff; border: none; border-radius: 4px; cursor: pointer"
-          @click="stopMessage"
-        >
-          停止
-        </button>
-      </div>
-      <div v-if="isStreaming" style="color: #1890ff; font-size: 12px">AI 正在思考中...</div>
-    </div>
-
-    <div style="margin: 8px 0; color: #666; font-size: 12px">
-      <span v-if="fileName">当前文件：{{ fileName }}（{{ md.length }} 字符）</span>
-      <span v-else-if="md">当前内容：流式响应（{{ md.length }} 字符）</span>
-      <span v-else>请输入消息并点击发送</span>
-    </div>
-
-    <x-markdown-viewer ref="viewer" :markdown="md" />
-  </div>
-</template>
-
-<script>
-import XMarkdownViewer from './XMarkdownViewer.vue'
-
-export default {
-  name: 'XMarkdownViewerDemo',
-  components: {
-    XMarkdownViewer
-  },
-  data () {
-    return {
-      md: '',
-      fileName: '',
-      userMessage: '',
-      isStreaming: false,
-      currentStream: null
-    }
-  },
-  methods: {
-    async sendMessage () {
-      const message = this.userMessage.trim()
-      if (!message) return
-
-      const viewer = this.$refs.viewer
-      if (!viewer || typeof viewer.callAiStream !== 'function') {
-        console.warn('[Demo] viewer 不存在或没有 callAiStream 方法')
-        return
-      }
-
-      // 开始时显示提示
-      viewer.receiveMarkdownString('### 思考中，请稍后...\n')
-      this.isStreaming = true
-
-      // 调用流式接口
-      const stream = viewer.callAiStream(message, {
-        onChunk: (text) => {
-          viewer.receiveMarkdownString('### 思考中，请稍后...\n\n' + viewer.getStreamContent())
-        },
-        onEnd: (fullContent) => {
-          viewer.receiveMarkdownString(fullContent)
-          this.isStreaming = false
-        },
-        onError: (error) => {
-          viewer.receiveMarkdownString('### 抱歉，发生了错误\n\n' + error)
-          this.isStreaming = false
-        }
-      })
-
-      this.currentStream = stream
-    },
-    stopMessage () {
-      if (this.currentStream && typeof this.currentStream.stop === 'function') {
-        this.currentStream.stop()
-        this.isStreaming = false
-      }
-    }
-  }
-}
-</script>
-
+<template>
+  <div style="padding: 16px">
+    <h2>XMarkdownViewer Demo</h2>
+
+    <div style="margin: 12px 0; padding: 12px; background: #f5f5f5; border-radius: 4px">
+      <h4 style="margin: 0 0 8px 0">流式 AI 调用示例</h4>
+      <div style="margin-bottom: 8px">
+        <input
+          v-model="userMessage"
+          type="text"
+          placeholder="输入消息"
+          style="width: 300px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px"
+          @keyup.enter="sendMessage"
+        >
+        <button
+          type="button"
+          style="margin-left: 8px; padding: 6px 16px; background: #1890ff; color: #fff; border: none; border-radius: 4px; cursor: pointer"
+          @click="sendMessage"
+        >
+          发送
+        </button>
+        <button
+          v-if="isStreaming"
+          type="button"
+          style="margin-left: 8px; padding: 6px 16px; background: #ff4d4f; color: #fff; border: none; border-radius: 4px; cursor: pointer"
+          @click="stopMessage"
+        >
+          停止
+        </button>
+      </div>
+      <div v-if="isStreaming" style="color: #1890ff; font-size: 12px">AI 正在思考中...</div>
+    </div>
+
+    <div style="margin: 8px 0; color: #666; font-size: 12px">
+      <span v-if="fileName">当前文件：{{ fileName }}（{{ md.length }} 字符）</span>
+      <span v-else-if="md">当前内容：流式响应（{{ md.length }} 字符）</span>
+      <span v-else>请输入消息并点击发送</span>
+    </div>
+
+    <x-markdown-viewer ref="viewer" :markdown="md" />
+  </div>
+</template>
+
+<script>
+import XMarkdownViewer from './XMarkdownViewer.vue'
+
+export default {
+  name: 'XMarkdownViewerDemo',
+  components: {
+    XMarkdownViewer
+  },
+  data () {
+    return {
+      md: '',
+      fileName: '',
+      userMessage: '',
+      isStreaming: false,
+      currentStream: null
+    }
+  },
+  methods: {
+    async sendMessage () {
+      const message = this.userMessage.trim()
+      if (!message) return
+
+      const viewer = this.$refs.viewer
+      if (!viewer || typeof viewer.callAiStream !== 'function') {
+        console.warn('[Demo] viewer 不存在或没有 callAiStream 方法')
+        return
+      }
+
+      // 开始时显示提示
+      viewer.receiveMarkdownString('### 思考中，请稍后...\n')
+      this.isStreaming = true
+
+      // 调用流式接口
+      const stream = viewer.callAiStream(message, {
+        onChunk: (text) => {
+          viewer.receiveMarkdownString('### 思考中，请稍后...\n\n' + viewer.getStreamContent())
+        },
+        onEnd: (fullContent) => {
+          viewer.receiveMarkdownString(fullContent)
+          this.isStreaming = false
+        },
+        onError: (error) => {
+          viewer.receiveMarkdownString('### 抱歉，发生了错误\n\n' + error)
+          this.isStreaming = false
+        }
+      })
+
+      this.currentStream = stream
+    },
+    stopMessage () {
+      if (this.currentStream && typeof this.currentStream.stop === 'function') {
+        this.currentStream.stop()
+        this.isStreaming = false
+      }
+    }
+  }
+}
+</script>
+

package/src/base-client/components/his/HAi/HAi.vue

@@ -8,7 +8,7 @@
             v-for="(navItem, navIndex) in navMessages"
             :key="`nav-${navIndex}`"
             class="nav-dot"
-            :class="{ active: activeNavIndex === navIndex }"
+            :class="{ active: activeNavIndex === navItem.index }"
             :title="navItem.content"
             @click="scrollToMessage(navItem.index)"
           />
@@ -184,6 +184,7 @@ const BAICHUAN_API_KEY = 'sk-c6368da98129d38b74d7df85a2be8414'
 
 export default {
   name: 'AIConsultation',
+  emits: ['favorite', 'delete'],
   data() {
     return {
       currentDialogId: null,
@@ -203,7 +204,8 @@ export default {
       previewImageUrl: '',
       activeNavIndex: -1,
       uploading: false,
-      uploadProgress: 0
+      uploadProgress: 0,
+      editingMessage: null
     }
   },
   computed: {
@@ -248,34 +250,131 @@ export default {
     copyMessage(item) {
       // 复制消息内容
       const text = item.content || ''
-      navigator.clipboard.writeText(text).then(() => {
+      if (!text) {
+        this.$message.warning('无内容可复制')
+        return
+      }
+      // 兼容方式复制文本
+      const textarea = document.createElement('textarea')
+      textarea.value = text
+      textarea.style.position = 'fixed'
+      textarea.style.opacity = '0'
+      document.body.appendChild(textarea)
+      textarea.select()
+      try {
+        document.execCommand('copy')
         this.$message.success('已复制')
-      }).catch(() => {
+      } catch {
         this.$message.error('复制失败')
-      })
+      } finally {
+        document.body.removeChild(textarea)
+      }
     },
 
     editMessage(item) {
-      // 修改消息 - 将消息内容填充到输入框
-      this.doctorInputText = item.content || ''
+      const group = this.getNeighborGroup(item)
+      const userItem = group.find(msg => msg.type === 'user')
+      if (!userItem) {
+        this.$message.warning('未找到对应的用户消息')
+        return
+      }
+      this.editingMessage = userItem
+      this.doctorInputText = userItem.content
+      this.autoResizeTextarea()
     },
 
     favoriteMessage(item) {
-      // 收藏消息
-      this.$message.success('已收藏')
+      const group = this.getNeighborGroup(item)
+      this.$emit('favorite', group)
     },
 
     deleteMessage(item) {
-      // 删除消息
-      const index = this.dialogMessages.indexOf(item)
-      if (index > -1) {
-        this.dialogMessages.splice(index, 1)
+      const group = this.getNeighborGroup(item)
+      this.$emit('delete', group)
+      if (!group.length) return
+      const removeIds = new Set(group.map(msg => msg.messageId).filter(Boolean))
+      const removeObjects = new Set(group)
+      this.dialogMessages = this.dialogMessages.filter(msg => {
+        if (removeObjects.has(msg)) {
+          if (msg.attachments) {
+            msg.attachments.forEach(file => {
+              if (file.url && file.url.startsWith('blob:')) {
+                URL.revokeObjectURL(file.url)
+              }
+            })
+          }
+          return false
+        }
+        if (msg.messageId && removeIds.has(msg.messageId)) {
+          return false
+        }
+        return true
+      })
+    },
+
+    getNeighborGroup(item) {
+      const idx = this.dialogMessages.findIndex(msg => msg === item || (msg.messageId && msg.messageId === item.messageId))
+      if (idx === -1) return [item]
+
+      const current = this.dialogMessages[idx]
+      if (current.type === 'ai') {
+        for (let i = idx - 1; i >= 0; i--) {
+          if (this.dialogMessages[i].type === 'user') {
+            return [this.dialogMessages[i], current]
+          }
+        }
+        return [current]
+      } else {
+        for (let i = idx + 1; i < this.dialogMessages.length; i++) {
+          if (this.dialogMessages[i].type === 'ai') {
+            return [current, this.dialogMessages[i]]
+          }
+        }
+        return [current]
       }
     },
 
     regenerateAiResponse(item) {
-      // 重新生成AI回复
-      this.$message.info('重新生成中...')
+      if (this.isAiStreaming) {
+        this.$message.warning('AI 正在生成中，请稍候')
+        return
+      }
+
+      const group = this.getNeighborGroup(item)
+      const aiItem = group.find(msg => msg.type === 'ai') || item
+      const userItem = group.find(msg => msg.type === 'user')
+
+      const aiIndex = this.dialogMessages.findIndex(
+        msg => msg === aiItem || (msg.messageId && msg.messageId === aiItem.messageId)
+      )
+      if (aiIndex === -1) {
+        this.$message.warning('未找到需要刷新的 AI 消息')
+        return
+      }
+
+      if (this.currentStreamConnection) {
+        this.currentStreamConnection()
+        this.currentStreamConnection = null
+      }
+
+      const messageContent = userItem ? userItem.content : ''
+      const chatId = this.currentDialogId || moment().format('YYYYMMDDHHmmss')
+      this.currentDialogId = chatId
+
+      this.dialogMessages[aiIndex].content = ''
+      this.scrollToBottom()
+
+      const requestBody = {
+        userMessage: messageContent,
+        chatId,
+        model: '',
+        prompt: '',
+        useContext: true,
+        user: this.currUser.operInfo,
+        files: []
+      }
+
+      this.startStream(aiIndex, undefined, requestBody)
     },
 
     autoResizeTextarea() {
@@ -331,6 +430,22 @@ export default {
         return
       }
 
+      // 如果是编辑后发送，先删除旧的那组消息
+      if (this.editingMessage) {
+        const oldGroup = this.getNeighborGroup(this.editingMessage)
+        oldGroup.forEach(msg => {
+          if (msg.attachments) {
+            msg.attachments.forEach(file => {
+              if (file.url && file.url.startsWith('blob:')) {
+                URL.revokeObjectURL(file.url)
+              }
+            })
+          }
+        })
+        this.dialogMessages = this.dialogMessages.filter(msg => !oldGroup.includes(msg))
+        this.editingMessage = null
+      }
+
       // 确保有dialogId
       if (!this.currentDialogId) {
         this.initDialog()
@@ -344,6 +459,7 @@ export default {
         .filter(f => f.file_id)
         .map(f => ({ file_id: f.file_id }))
 
+      const userMsgIndex = this.dialogMessages.length
       const doctorMessage = {
         type: 'user',
         content: messageContent,
@@ -359,8 +475,6 @@ export default {
       this.autoResizeTextarea()
 
       const chatId = this.currentDialogId
-      let aiContent = ''
-      const aiMsgIndex = this.dialogMessages.length
       this.dialogMessages.push({
         type: 'ai',
         content: '',
@@ -369,8 +483,6 @@ export default {
       })
       this.scrollToBottom()
 
-      this.isAiStreaming = true
-
       const requestBody = {
         userMessage: messageContent,
         chatId,
@@ -381,12 +493,31 @@ export default {
         files: fileIds
       }
 
+      const aiMsgIndex = this.dialogMessages.length - 1
+      this.startStream(aiMsgIndex, userMsgIndex, requestBody)
+    },
+
+    startStream(aiMsgIndex, userMsgIndex, requestBody) {
+      this.isAiStreaming = true
+
       this.currentStreamConnection = startEventStreamPOST(
         '/his-web/api/af-his/ai/chat/stream',
         requestBody,
         {'Content-Type': 'application/json'},
         (data, type) => {
-          if (type === 'additionalInfo' || type === 'sourceInfo') return
+          if (type === 'additionalInfo' || type === 'sourceInfo' || type === 'message_id') {
+            if (type === 'message_id') {
+              const userMessageId = data.userMessageId || ''
+              const aiMessageId = data.aiMessageId || ''
+              if (userMessageId && userMsgIndex !== undefined && this.dialogMessages[userMsgIndex]) {
+                this.dialogMessages[userMsgIndex].messageId = userMessageId
+              }
+              if (aiMessageId && this.dialogMessages[aiMsgIndex]) {
+                this.dialogMessages[aiMsgIndex].messageId = aiMessageId
+              }
+            }
+            return
+          }
 
           let textChunk = ''
           if (typeof data === 'object' && data !== null) {
@@ -394,12 +525,10 @@ export default {
             if (Array.isArray(choices) && choices.length > 0) {
               const delta = choices[0].delta
 
-              // 优先取 delta.content（标准 OpenAI 格式）
               if (delta && typeof delta.content === 'string' && delta.content) {
                 textChunk = delta.content
               }
 
-              // 兼容百川模型的 thinking 字段
               if (!textChunk && delta && delta.thinking) {
                 const thinking = delta.thinking
                 if (thinking.summary && typeof thinking.summary === 'string') {
@@ -413,7 +542,6 @@ export default {
                 }
               }
 
-              // 检测模型拒答
               const finishReason = choices[0].finish_reason
               if (finishReason === 'refuse_answer') {
                 const refuseTip = '\n\n> ⚠️ 很抱歉，当前问题我无法回答，请尝试调整提问方式或联系管理员。'
@@ -429,8 +557,7 @@ export default {
           }
 
           if (textChunk) {
-            aiContent += textChunk
-            this.dialogMessages[aiMsgIndex].content = aiContent
+            this.dialogMessages[aiMsgIndex].content += textChunk
             this.scrollToBottom()
           }
         },
@@ -441,8 +568,7 @@ export default {
         },
         () => {
           this.isAiStreaming = false
-          // 如果 AI 消息为空（模型拒答或无响应），显示拒答提示
-          if (!aiContent && this.dialogMessages[aiMsgIndex]) {
+          if (!this.dialogMessages[aiMsgIndex].content) {
             this.dialogMessages[aiMsgIndex].content = '很抱歉，当前问题我无法回答，请尝试调整提问方式或联系管理员。'
           }
           this.scrollToBottom()
@@ -483,6 +609,7 @@ export default {
     },
 
     scrollToMessage(displayIndex) {
+      this.activeNavIndex = displayIndex
       this.$nextTick(() => {
         const messages = document.querySelectorAll('.dialog-area > div')
         const target = messages[displayIndex]
@@ -587,6 +714,7 @@ export default {
         if (!msg) return null
 
         const message = {
+          messageId: msg.id || '',
           type: msg.type === 'assistant' ? 'ai' : (msg.type || 'user'),
           content: msg.content || '',
           time: msg.time || '',
@@ -858,17 +986,18 @@ export default {
   height: 8px;
   border-radius: 6px;
   opacity: 1;
-  background: #3362DA;
+  background: #94979E;
   cursor: pointer;
-  transition: transform 0.2s;
+  transition: transform 0.2s, background 0.2s;
 }
 
 .nav-dot:hover {
   transform: scale(1.2);
+  background: #0057FE;
 }
 
 .nav-dot.active {
-  background: #3362DA;
+  background: #0057FE;
   transform: scale(1.3);
 }