vue2-client 1.12.2 → 1.12.3-9.alpha

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

@@ -0,0 +1,154 @@
+<template>
+  <div>
+    <a-collapse
+      :activeKey="activeKey"
+      @change="handleChange"
+    >
+      <a-collapse-panel
+        v-for="(panel, panelIndex) in config.showData"
+        :key="panelIndex.toString()"
+        :show-arrow="false"
+      >
+        <template #header>
+          <div class="header-content">
+            <span
+              class="header-text"
+              :style="config.titleStyle"
+            >
+              {{ panel.title }}
+            </span>
+            <span
+              v-for="(item, headerIndex) in panel.title2 || []"
+              :key="headerIndex"
+              class="info-item"
+              :style="config.title2Style"
+            >
+              <span>{{ item.key }}:</span>
+              <span>{{ item.value }}</span>
+            </span>
+            <span
+              class="time-item"
+              :style="config.title3Style"
+            >
+              {{ panel.title3 }}
+            </span>
+          </div>
+        </template>
+        <!-- 根据类型显示不同内容 -->
+        <template v-if="panel.type === 'picture'">
+          <img :src="panel.configName" alt="图片" style="width: 100%; max-width: 500px;"/>
+        </template>
+        <template v-else-if="panel.type === 'cover'">
+          <x-report
+            :use-oss-for-img="false"
+            :config-name="panel.configName"
+            server-name="af-his"
+            :show-img-in-cell="true"
+            :display-only="true"
+            :edit-mode="false"
+            :show-save-button="false"
+            :no-padding="true"
+            :dont-format="true">
+          </x-report>
+        </template>
+      </a-collapse-panel>
+    </a-collapse>
+  </div>
+</template>
+
+<script>
+import XReport from '@vue2-client/base-client/components/common/XReportGrid'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XCollapse',
+  components: {
+    XReport
+  },
+  inject: ['getConfigByName'],
+  data () {
+    return {
+      activeKey: [],
+      config: {}
+    }
+  },
+  props: {
+    // json名
+    queryParamsName: {
+      type: Object,
+      default: 'openPrescriptionConfig'
+    },
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  methods: {
+    async getData (config) {
+      getConfigByName(config, 'af-his', res => {
+        this.config = res
+        runLogic(res.mainLogic, {}, 'af-his').then(result => {
+          console.log(result)
+          this.config.showData = result
+          this.activeKey = this.config.showData.map((_, panelIndex) => panelIndex.toString())
+        })
+      })
+    },
+    handleChange (keys) {
+      this.activeKey = keys
+    },
+  },
+  watch: {
+    queryParamsName: {
+      handler (newValue) {
+        console.log(newValue)
+        this.getData(newValue)
+      },
+      deep: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.header-content {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+}
+
+.header-text {
+  margin-right: 16px;
+  font-size: 16px;
+  font-weight: 800; /* 默认加粗 */
+}
+
+.info-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: #888888;
+}
+
+.time-item {
+  margin-left: auto;
+  text-align: right;
+}
+
+/* 覆盖 ant-design-vue 的默认样式 */
+:deep(.ant-collapse-header) {
+  align-items: center !important;
+}
+
+:deep(.ant-collapse-header-text) {
+  flex: 1;
+}
+
+:deep(.ant-collapse-content > .ant-collapse-content-box) {
+  padding: 0;
+}
+
+:deep(.ant-card-body) {
+  padding: 8px;
+}
+</style>

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

@@ -9,7 +9,11 @@
           :class="['chat-message', message.type]"
         >
           <span class="chat-avatar">{{ message.type === 'user' ? '👤' : '🤖' }}</span>
-          <div class="chat-text" v-if="message.text" v-html="renderMarkdown(message.text)"></div>
+          <div
+            class="chat-text markdown-body"
+            v-if="message.text"
+            v-html="renderMarkdown(message.text)"
+          ></div>
           <div class="chat-text" v-else-if="message.state === 'loading'">
             <a-spin :spinning="true"/>
           </div>
@@ -166,7 +170,35 @@ export default {
           question: userMessage,
           additionalInfo: this.additionalInfo
         }, this.serviceName)
-        this.messages.push({ type: 'bot', text: response.value })
+
+        // 遍历并保存 additionalInfo
+        console.log(response)
+        if (response.additionalInfo) {
+          Object.entries(response.additionalInfo).forEach(([key, value]) => {
+            // 如果值是字符串类型，尝试转换为数字
+            if (typeof value === 'string' && !isNaN(value)) {
+              const numberValue = Number(value)
+              // 检查转换后的值是否是有限数字
+              if (isFinite(numberValue)) {
+                this.additionalInfo[key] = numberValue
+              } else {
+                this.additionalInfo[key] = value
+              }
+            } else {
+              this.additionalInfo[key] = value
+            }
+          })
+        }
+        console.log(this.additionalInfo)
+        if (typeof response.value === 'string') {
+          try {
+            response.value = JSON.parse(response.value)
+          } catch (e) {
+            console.error('JSON解析失败:', e)
+          }
+        }
+        console.log(response.value.response)
+        this.messages.push({ type: 'bot', text: response.value.response })
       } else if (this.renderConfig.api) {
         // 通过api获取消息
         this.messages.push({ type: 'bot', state: 'loading' })
@@ -195,6 +227,18 @@ export default {
         )
       }
     },
+    setHistoryMessages (messages) {
+      console.log(messages)
+      // 清空现有消息
+      this.messages = []
+      // 添加历史消息
+      messages.forEach(msg => {
+        this.messages.push({
+          type: msg.role === 'user' ? 'user' : 'bot',
+          text: msg.content
+        })
+      })
+    }
   },
   mounted () {
     this.setAddtionalInfo(this.getMixinData())
@@ -272,4 +316,45 @@ code {
   padding: 2px 4px;
   font-size: 90%;
 }
+
+/* 添加 Markdown 样式 */
+.markdown-body {
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  margin-top: 16px;
+  margin-bottom: 8px;
+  font-weight: 600;
+}
+
+.markdown-body pre {
+  background-color: #f6f8fa;
+  border-radius: 6px;
+  padding: 16px;
+  overflow: auto;
+}
+
+.markdown-body code {
+  background-color: #f6f8fa;
+  border-radius: 3px;
+  padding: 0.2em 0.4em;
+  font-size: 85%;
+}
+
+.markdown-body p {
+  margin-bottom: 16px;
+}
+
+.markdown-body ul,
+.markdown-body ol {
+  padding-left: 2em;
+  margin-bottom: 16px;
+}
 </style>

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

@@ -1,28 +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({
-      logicName: 'submitMessage',
-      serviceName: 'af-his'
-    })
-    this.$refs.XConversation.setAddtionalInfo({ patient_id: 37 })
-  }
-}
-</script>
-
-<style scoped>
-/* 这里可以添加你的样式 */
-</style>
+<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({
+      logicName: 'ragMessage',
+      serviceName: 'af-gpt-apply'
+    })
+    this.$refs.XConversation.setAddtionalInfo({ patient_id: 37 })
+  }
+}
+</script>
+
+<style scoped>
+/* 这里可以添加你的样式 */
+</style>

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

@@ -2,21 +2,11 @@
   <div>
     <div v-if="render" class="XCard">
       <template v-for="(card, itemIndex) in data">
-        <a-card :key="'card' + itemIndex" class="data-card">
-          <!-- 绑带 -->
-          <!--          <div class="ribbon" v-for="column in tableColumns" v-if="column.dataIndex === item.key" :key="column.dataIndex">-->
-          <!--            <template v-if="column.slotType === 'badge'">-->
-          <!--              <x-badge-->
-          <!--                :service-name="serviceName"-->
-          <!--                :env="env"-->
-          <!--                :dataCard="true"-->
-          <!--                :badge-key="column.slotKeyMap"-->
-          <!--                :value="card[item.key]" />-->
-          <!--            </template>-->
-          <!--            <template v-else>-->
-          <!--              <slot :name="column.slots.customRender">{{ card[config.bandage] }}</slot>-->
-          <!--            </template>-->
-          <!--          </div>-->
+        <a-card
+          :key="'card' + itemIndex"
+          class="data-card"
+          :class="{ 'card-clicked': card.isClicked }"
+        >
           <div
             v-if="config && card[config.ribbon]"
             class="ribbon"
@@ -25,7 +15,7 @@
           </div>
           <!-- 自定义标题 -->
           <template #title>
-            <div class="custom-title">
+            <div class="custom-title" @click="clickFooter(card, 'cardclick', itemIndex)">
               <a-tooltip placement="top">
                 <template #title>{{ card[config.id] }}</template>
                 <div class="title-id" v-if="card[config.id]">{{ card[config.id] }}</div>
@@ -51,7 +41,7 @@
             </div>
           </template>
           <!-- 主体 -->
-          <div class="body">
+          <div class="body" v-if="card[config.text] || (config.content && config.content.length > 0)">
             <div class="body-text" v-if="card[config.text]">
               <a-tooltip :title="card[config.text]">
                 <span class="text-ellipsis">{{ card[config.text] }}</span>
@@ -97,9 +87,9 @@
           </div>
           <!-- 下方按钮 -->
           <template #actions>
-            <a-row align="middle" class="custom-actions">
+            <a-row align="middle" class="custom-actions" v-if="config && config.footer && config.footer.length > 0">
               <template v-for="(item, footerIndex) in config.footer">
-                <a-col :key="'footer_' + footerIndex" class="footer-item" :span="11" @click="clickFooter(card, item.emit)">
+                <a-col :key="'footer_' + footerIndex" class="footer-item" :span="11" @click="clickFooter(card, item.emit, itemIndex)">
                   <span>
                     <a-icon :type="item.icon" class="footer-icon" />
                     <span>{{ item.label }}</span>
@@ -189,6 +179,7 @@ export default {
       default: false
     }
   },
+  inject: ['getConfigByName'],
   data () {
     return {
       // 配置
@@ -204,7 +195,10 @@ export default {
       // 分页大小选项
       pageSizeOptions: ['4', '6', '8', '10'],
       // 数据总数
-      total: 0
+      total: 0,
+      activeCardIndex: null, // 新增：记录当前激活的卡片索引
+      // 混入插槽组件的数据
+      mixinData: {},
     }
   },
   created () {
@@ -314,7 +308,28 @@ export default {
       return result
     },
     // 点击按钮
-    clickFooter (data, eventName) {
+    clickFooter (data, eventName, index) {
+      if (eventName === 'cardclick') {
+        // 先触发 beforeSwitch 事件
+        if (this.data && Array.isArray(this.data)) {
+          this.data.forEach(item => {
+            if (item.isClicked) {
+              // 对当前选中的卡片触发 beforeSwitch 事件
+              this.$emit('cardEmit', item, 'beforeSwitch')
+            }
+          })
+        }
+        // 清除所有卡片的点击状态
+        if (this.data && Array.isArray(this.data)) {
+          this.data.forEach(item => {
+            if (item.isClicked) {
+              this.$set(item, 'isClicked', false)
+            }
+          })
+        }
+        // 设置当前卡片的点击状态
+        this.$set(data, 'isClicked', true)
+      }
       this.$emit('cardEmit', data, eventName)
     },
     // 获取数据
@@ -470,6 +485,13 @@ export default {
         color: black;
       }
     }
+
+    &.card-clicked {
+      :deep(.ant-card-head) {
+        background-color: #e6f7ff;
+        transition: background-color 0.3s ease;
+      }
+    }
   }
 
   .custom-title {
@@ -477,6 +499,10 @@ export default {
     align-items: center;
     gap: 12px;
 
+    &:hover {
+      cursor: pointer;
+    }
+
     .title-id {
       flex-shrink: 0;
       width: 65px;

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

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

package/src/base-client/components/common/XDataCard/index.md

@@ -1 +1 @@
-# XDataCard
+# XDataCard