vue2-client 1.9.73 → 1.9.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.9.73",
+  "version": "1.9.74",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XConversation/XConversation.vue

@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <div class="chat-container" v-if="loading">
+      <!-- 对话展示区域 -->
+      <div class="chat-content">
+        <div
+          v-for="(message, index) in messages"
+          :key="index"
+          :class="['chat-message', message.type]"
+        >
+          <span class="chat-avatar">{{ message.type === 'user' ? '👤' : '🤖' }}</span>
+          <div class="chat-text">{{ message.text }}</div>
+        </div>
+      </div>
+
+      <!-- 输入框和发送按钮 -->
+      <div class="chat-input">
+        <a-input
+          v-model="inputMessage"
+          placeholder="Type your message..."
+          @pressEnter="sendMessage"
+        />
+        <a-button type="primary" @click="sendMessage">Send</a-button>
+      </div>
+    </div>
+    <a-spin :spinning="!loading" />
+  </div>
+</template>
+
+<script>
+import { runLogic } from '@vue2-client/services/api/common'
+export default {
+  data () {
+    return {
+      serviceName: undefined,
+      // 组件加载状态
+      loading: false,
+      // 配置内容
+      renderConfig: undefined,
+      inputMessage: '', // 用户输入的内容
+      additionalInfo: {},
+      messages: [ // 消息列表
+        { type: 'bot', text: 'Hello! How can I assist you today?' },
+      ],
+    }
+  },
+  methods: {
+    setAddtionalInfo (params) {
+        this.additionalInfo = params
+    },
+    init (params) {
+      const {
+        serviceName,
+        // 配置内容
+        value
+      } = params
+      this.renderConfig = value
+      this.loading = true
+      this.serviceName = serviceName
+    },
+    async sendMessage () {
+      if (!this.inputMessage.trim()) return
+
+      // 添加用户消息
+      this.messages.push({ type: 'user', text: this.inputMessage })
+
+      // 清空输入框
+      const userMessage = this.inputMessage
+      this.inputMessage = ''
+
+      // 模拟机器人的回复
+      const response = await runLogic(this.renderConfig.logicName, {
+            question: userMessage,
+            additionalInfo: this.additionalInfo
+        }, this.serviceName)
+       this.messages.push({ type: 'bot', text: response })
+    },
+  },
+}
+</script>
+
+<style scoped>
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.chat-content {
+  flex: 1;
+  padding: 16px;
+  overflow-y: auto;
+  background: #f5f5f5;
+}
+
+.chat-message {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 10px;
+}
+
+.chat-message.user {
+  justify-content: flex-end;
+}
+
+.chat-message.bot {
+  justify-content: flex-start;
+}
+
+.chat-avatar {
+  margin: 0 8px;
+}
+
+.chat-text {
+  max-width: 70%;
+  padding: 8px 12px;
+  border-radius: 4px;
+  background-color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.chat-message.user .chat-text {
+  background-color: #e6f7ff;
+}
+
+.chat-input {
+  display: flex;
+  padding: 8px;
+  background: #fff;
+  border-top: 1px solid #d9d9d9;
+}
+
+.chat-input a-input {
+  flex: 1;
+  margin-right: 8px;
+}
+</style>

package/src/base-client/components/common/XConversation/XConversationDemo.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <h1>对话示例</h1>
+    <XConversation ref="XConversation"/>
+  </div>
+</template>
+
+<script>
+import XConversation from './XConversation.vue' // 请根据实际路径调整
+
+export default {
+  name: 'ConversationDemo',
+  components: {
+    XConversation
+  },
+  mounted () {
+    this.$refs.XConversation.init({
+        value: { logicName: 'submitMessage' },
+        serviceName: 'af-his'
+        })
+        this.$refs.XConversation.setAddtionalInfo({ patient_id: 37 })
+  }
+}
+</script>
+
+<style scoped>
+/* 这里可以添加你的样式 */
+</style>

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -642,7 +642,7 @@ export default {
   name: 'XFormItem',
   components: {
     XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'),
-    Recoding: () => import('@vue2-client/base-client/components/common/Recoding'),
+    Recoding: () => import('@vue2-client/base-client/components/common/Recording/Recoding.vue'),
     XLicensePlate,
     XTreeSelect,
     XFormCol,

package/src/router/async/router.map.js

@@ -85,11 +85,13 @@ routerResource.example = {
           name: '示例页面',
           // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
           // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
+          // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
           // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
-          component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
+          // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
           // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
           // component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
           // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
+          component: () => import('@vue2-client/base-client/components/common/XConversation/XConversationDemo.vue'),
           // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
           meta: {
               // 菜单中不显示