vue2-client 1.20.21 → 1.20.22

package/package.json

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

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

@@ -2,51 +2,32 @@
   <a-card :bordered="false">
     <x-form-table
       title="示例表单"
-      queryParamsName="scanCodeAndNFCRUD"
+      :queryParamsName="queryParamsName"
       :fixedAddForm="fixedAddForm"
       :externalSelectedRowKeys="selectedKeys"
-      :defaultPageSize="100"
-      :pageSizeArray="['100','200']"
       @action="action"
       @selectRow="selectRow"
       @columnClick="columnClick"
       @ceshi="ceshi"
-      @startService="startService"
-      serviceName="af-safecheck"
+      @rowDblClick="rowDblClick"
+      :defaultPageSize="5"
+      serviceName="af-revenue"
       ref="xFormTable"
       :reserveSpaceForButtons="true"
-    >
-    </x-form-table>
-    <a-modal
-      v-model="formModalVisible"
-      title="工单回访"
-      :zIndex="1002"
-      width="50vw"
-      :destroy-on-close="true"
-      @cancel="formModalVisible = false"
-      @ok="ok"
-    >
-      <x-add-native-form
-        ref="xForm"
-      />
-    </a-modal>
-    <button @click="backDealData">提交</button>
+      @addFormSubmit="addFormSubmit"
+    ></x-form-table>
   </a-card>
 </template>
 
 <script>
 import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
-import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
 import { microDispatch } from '@vue2-client/utils/microAppUtils'
-import {getConfigByNameAsync, runLogic} from '@vue2-client/services/api/common'
-
 export default {
   name: 'Demo',
   components: {
-    XFormTable,
-    XAddNativeForm,
+    XFormTable
   },
-  data () {
+  data() {
     return {
       // 查询配置文件名
       queryParamsName: 'ceshiCRUD',
@@ -62,32 +43,26 @@ export default {
       selectedKeys: [],
       selected: {
         keys: [],
-        rows: [],
-      },
-      formModalVisible: false,
+        rows: []
+      }
     }
   },
+
   methods: {
-    backDealData () {
-      this.$refs.xFormTable.$refs.xForm.backDealData().then(data => {
-        console.log('backDealData', data)
-        console.log('selected', this.$refs.xFormTable.$refs.xForm?.form)
+    handleCustomQuery() {
+      this.$refs.xFormTable.queryTable({
+        uf_f_alias: 'XianFeng',
+        uf_f_card_id: '10500030'
       })
     },
+    rowDblClick(record) {
+      console.log('rowDblClick', record)
+    },
     // input框 行編輯參數傳遞
-    ceshi (...args) {
+    ceshi(...args) {
       // attr, value, currentRecord, currentIndex, nextRecord, nextIndex
-      const [attr, value, currentRecord, currentIndex, nextRecord, nextIndex] =
-        args
-      console.log(
-        'ceshi',
-        attr,
-        value,
-        currentRecord,
-        currentIndex,
-        nextRecord,
-        nextIndex
-      )
+      const [attr, value, currentRecord, currentIndex, nextRecord, nextIndex] = args
+      console.log('ceshi', attr, value, currentRecord, currentIndex, nextRecord, nextIndex)
       // 示例：当按下 Enter 键且有下一行时，跳转到下一行的同一列
       // 可以在这里执行业务逻辑（例如：保存数据）
       console.log('当前行:', currentIndex, '下一行:', nextIndex)
@@ -98,61 +73,44 @@ export default {
       // 跳转到下一行的同一列
       this.$refs.xFormTable.$refs.xTable.focusInput(nextIndex, attr.model)
     },
-    test () {
+    test() {
       this.$refs.xFormTable.setTableData([])
     },
-    defaultF () {
+    defaultF() {
       this.$refs.xFormTable.setTableSize('default')
     },
-    middleF () {
+    middleF() {
       this.$refs.xFormTable.setTableSize('middle')
     },
-    smallF () {
+    smallF() {
       this.$refs.xFormTable.setTableSize('small')
     },
-    columnClick (key, value, record) {
+    columnClick(key, value, record) {
       microDispatch({
         type: 'v3route',
         path: '/bingliguanli/dianzibingliluru',
-        props: { selected: arguments[0].his_f_admission_id },
+        props: { selected: arguments[0].his_f_admission_id }
       })
     },
-    startService (record, id, actionType) {
-      getConfigByNameAsync('测试Form', 'af-safecheck').then(config => {
-        this.formModalVisible = true
-        this.$nextTick(
-          () => {
-            this.formModalVisible = true
-            this.$refs.xForm.init({
-              formItems: config.formJson,
-              title: '工单回访',
-              businessType: '新增',
-              ...config,
-              modifyModelData: { data: { id: 1 } },
-            })
-          })
-      })
-      // this.detailVisible = true
-      // console.log('触发了详情操作', record, id, actionType)
-    },
-    async ok () {
-      const res = await this.$refs.xForm.asyncSubmit()
-      await runLogic('ceshwewei', res.realForm)
+    action(record, id, actionType) {
+      this.detailVisible = true
+      console.log('触发了详情操作', record, id, actionType)
     },
-    onClose () {
+    onClose() {
       this.detailVisible = false
       // 关闭详情之后重新查询表单
       this.$refs.xFormTable.refreshTable(true)
     },
-    selectRow (selectedRowKeys, selectedRows) {
+    selectRow(selectedRowKeys, selectedRows) {
       this.selected = {
         keys: selectedRowKeys,
-        rows: selectedRows,
+        rows: selectedRows
       }
-      console.log('selectedDemo', this.selected)
     },
-  },
-  computed: {},
+    addFormSubmit(params, callback){
+      callback()
+    }
+  }
 }
 </script>
 

package/src/base-client/components/common/XMarkdownSectionExtractor/README.md

@@ -0,0 +1,201 @@
+# XMarkdownSectionExtractor 组件
+
+从 markdown 文档中抽取指定区块的内容，并可转换为不同组件需要的格式。
+
+## 功能特性
+
+- 支持多种 markdown 源（字符串、import、File/Blob、URL）
+- 按配置的关键字/标题级别抽取区块
+- 支持多种输出格式（默认、xlist-default、xlist-card）
+- 可配置字段映射
+
+## 安装引入
+
+```javascript
+import XMarkdownSectionExtractor from '@vue2-client/base-client/components/common/XMarkdownSectionExtractor'
+```
+
+## 基本用法
+
+### 1. 获取原始 sections 数据
+
+```vue
+<XMarkdownSectionExtractor
+  :source="markdownSource"
+  :sectionsConfig="[{ key: 'suggestion', label: '建议', headingLevel: 3 }]"
+  v-slot="{ sections, itemsByKey }"
+>
+  <div v-for="sec in sections">
+    <h3>{{ sec.label }}</h3>
+    <ul>
+      <li v-for="item in sec.items">{{ item.name }}</li>
+    </ul>
+  </div>
+</XMarkdownSectionExtractor>
+```
+
+### 2. 转换为 XList 默认模式
+
+```vue
+<XMarkdownSectionExtractor
+  :source="markdownSource"
+  :sectionsConfig="sectionsConfig"
+  outputFormat="xlist-default"
+  v-slot="{ formattedData }"
+>
+  <XList :initialData="formattedData" />
+</XMarkdownSectionExtractor>
+```
+
+### 3. 转换为 XList 卡片模式
+
+```vue
+<XMarkdownSectionExtractor
+  :source="markdownSource"
+  :sectionsConfig="sectionsConfig"
+  outputFormat="xlist-card"
+  v-slot="{ formattedData }"
+>
+  <XList :initialData="formattedData" listMode="card" />
+</XMarkdownSectionExtractor>
+```
+
+### 4. 自定义字段映射
+
+```vue
+<XMarkdownSectionExtractor
+  :source="markdownSource"
+  :sectionsConfig="sectionsConfig"
+  outputFormat="xlist-default"
+  :outputOptions="{ numberField: 'id', nameField: 'title' }"
+  v-slot="{ formattedData }"
+>
+  <XList :initialData="formattedData" />
+</XMarkdownSectionExtractor>
+```
+
+### 5. 手动触发抽取
+
+```vue
+<XMarkdownSectionExtractor
+  :source="markdownSource"
+  :sectionsConfig="sectionsConfig"
+  :autoExtract="false"
+  ref="extractor"
+/>
+
+// 手动调用
+this.$refs.extractor.extract().then(sections => {
+  console.log('抽取结果:', sections)
+})
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| source | String/Object | - | markdown 源，支持字符串、import、File/Blob、URL |
+| sectionsConfig | Array | [] | 区块配置数组 |
+| autoExtract | Boolean | true | 是否在 mounted 时自动抽取 |
+| outputFormat | String | 'default' | 输出格式：default / xlist-default / xlist-card |
+| outputOptions | Object | {} | 字段映射选项 |
+
+### sectionsConfig 配置说明
+
+```javascript
+[
+  {
+    key: 'nextStepSuggestion',  // 唯一标识
+    label: '下一步建议',         // 标题关键字
+    headingLevel: 3            // 标题级别（1-6）
+  }
+]
+```
+
+### outputOptions 配置说明
+
+```javascript
+// xlist-default 模式
+{ numberField: 'number', nameField: 'name' }
+
+// xlist-card 模式
+{ labelField: 'label', valueField: 'name' }
+```
+
+## Slots
+
+| 名称      | 说明          |
+|---------|-------------|
+| default | 默认插槽，暴露以下数据 |
+
+### 插槽暴露的数据
+
+| 变量            | 类型      | 说明                       |
+|---------------|---------|--------------------------|
+| sections      | Array   | 原始抽取结果数组                 |
+| itemsArray    | Array   | 打平的一维条目数组                |
+| itemsByKey    | Object  | 按 key 分组的条目对象            |
+| formattedData | Array   | 格式化后的数据（根据 outputFormat） |
+| loading       | Boolean | 加载状态                     |
+| error         | Error   | 错误信息                     |
+
+## Events
+
+| 事件名                    | 参数              | 说明         |
+|------------------------|-----------------|------------|
+| extracted              | (sections)      | 抽取完成时触发    |
+| extracted-items        | (itemsArray)    | 条目数组抽取完成   |
+| extracted-items-by-key | (itemsByKey)    | 按 key 分组完成 |
+| formatted-data         | (formattedData) | 格式化数据完成    |
+| error                  | (error)         | 发生错误时触发    |
+
+## 输出格式说明
+
+### default（默认格式）
+
+返回原始 sections 数组：
+
+```jsons
+[
+  {
+    "key": "nextStepSuggestion",
+    "label": "下一步建议",
+    "content": "...",
+    "items": [
+      { "id": 1, "name": "头颅MRI + MRV" },
+      { "id": 2, "name": "血液学检验" }
+    ]
+  }
+]
+```
+
+### xlist-default 格式
+
+适用于 XList 默认模式：
+
+```json
+[
+  { "number": 1, "name": "头颅MRI + MRV" },
+  { "number": 2, "name": "血液学检验" }
+]
+```
+
+### xlist-card 格式
+
+适用于 XList 卡片模式（二维数组）：
+
+```json
+[
+  [
+    { "label": "下一步建议", "value": "下一步建议", "type": "title", "bold": true },
+    { "label": "", "value": "头颅MRI + MRV", "type": "text" },
+    { "label": "", "value": "血液学检验", "type": "text" }
+  ]
+]
+```
+
+## 区块抽取规则
+
+- 按配置的 `label`（关键字）在 markdown 中查找对应标题
+- 抽取范围：从标题下方到下一个同级或更高等级标题之前的内容
+- 支持自定义正则匹配：`labelPattern: /^建议$/`

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

@@ -75,8 +75,8 @@ export default {
      * 可选值：
      * - 'default': 返回原始 sections 数组
      * - 'xlist-default': 返回 XList 默认模式格式 [{ number, name }, ...]
-     * - 'xlist-card': 返回 XList 卡片模式格式二维数组
-     */
+       * - 'xlist-card': 返回 XList 卡片模式格式二维数组
+       */
     outputFormat: {
       type: String,
       default: 'default',

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

@@ -1,6 +1,6 @@
-import XMarkdownSectionExtractor from './XMarkdownSectionExtractor'
-
-export default XMarkdownSectionExtractor
-
-export * from './markdownSectionExtractor'
-
+import XMarkdownSectionExtractor from './XMarkdownSectionExtractor'
+
+export default XMarkdownSectionExtractor
+
+export * from './markdownSectionExtractor'
+

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

@@ -160,6 +160,25 @@ export default {
       this.internalMarkdown = text
       return text
     },
+    /**
+     * 接收字符串格式的 markdown 内容进行渲染。
+     *
+     * 用法示例：
+     * - this.$refs.viewer.receiveMarkdownString('# Hello\n\n这是 markdown 内容')
+     *
+     * @param {string} markdownText - markdown 字符串内容
+     * @returns {string} 返回传入的字符串
+     */
+    receiveMarkdownString (markdownText) {
+      if (typeof markdownText !== 'string') {
+        // eslint-disable-next-line no-console
+        console.warn('[XMarkdownViewer] receiveMarkdownString 期望接收字符串，但收到：', markdownText)
+        this.internalMarkdown = ''
+        return ''
+      }
+      this.internalMarkdown = markdownText
+      return markdownText
+    },
     /**
      * receiveMarkdown 的别名：语义更明确
      */

package/src/base-client/components/common/XMarkdownViewer/bingli.md

@@ -0,0 +1,67 @@
+根据提供的病历信息，该患者存在两个阶段的头痛表现，需分别分析。
+
+### 一、既往头痛特点（2年余）
+- **特征**：反复左侧额部搏动性疼痛，持续12小时至3天，每月1-2次，VAS 8分。
+- **伴随症状**：畏光、畏声，严重时伴恶心、呕吐。
+- **加重因素**：日常活动、吹风、受凉、压力大。
+- **缓解因素**：休息或布洛芬。
+- **影像学检查正常**。
+
+此符合**无先兆偏头痛**的典型表现。根据国际头痛协会（ICHD-Ⅲ）标准，发作至少5次，持续4-72小时，具单侧、搏动性、中重度、活动加重及伴恶心/畏光畏声等特点，且排除其他病因。
+
+### 二、本次急性加重表现（1天）
+- **性质改变**：由偏侧搏动性转为**全头胀痛**，VAS 10分。
+- **体位相关性**：**平躺时加重，站立时减轻**。
+- **咳嗽时加重**。
+- **治疗无效**：布洛芬无效。
+- **新发症状**：恶心、呕吐、**视物模糊**。
+- **查体发现**：**双侧视乳头水肿**、颈强3指。
+
+这些特征强烈提示**颅内压增高**。
+
+尤其关键点是：
+- **体位性头痛**（平躺加重、站立减轻）是**低颅压性头痛**的典型表现，但此处与之相反。
+- 本例为**平躺加重、站立减轻**，提示**高颅压**，且咳嗽加重也符合颅内压增高时颅内压进一步升高的表现。
+- **双侧视乳头水肿**是颅内压增高的客观体征。
+- 颈强但克氏征、布氏征阴性，提示非典型脑膜炎。
+
+结合以上，**最可能的诊断是颅内压增高**，病因需进一步排查。
+
+### 初步诊断
+1. **颅内压增高（疑诊）**
+2. **无先兆偏头痛**
+
+### 需重点鉴别的诊断
+- **特发性颅内压增高（假性脑瘤）**：多见于**肥胖育龄女性**，表现为头痛、视乳头水肿、视力障碍，脑脊液压力升高但成分正常。该患者2个月前停经，需排除妊娠。
+- **颅内占位性病变**（如肿瘤、血肿）：需影像学排除。
+- **静脉窦血栓**：头痛为持续性、进行性，可伴视乳头水肿、癫痫、局灶体征。**87.1%的患者以头痛为首发症状**，且**多为持续性、进展性**，部分为**单侧且严重** ^[4]^。
+- **蛛网膜下腔出血**：突发“雷击样”头痛，但本例为渐进加重，不支持。
+
+### 下一步建议
+
+```json
+{"type":"x-list","configName":"markdownJsonTestConfig","data":[{"id":1,"name":"头颅MRI + MRV（磁共振静脉成像）"},{"id":2,"name":"血液学检验：凝血功能、感染指标、激素水平"},{"id":3,"name":"妇产科会诊：明确有无妊娠"},{"id":4,"name":"必要时腰椎穿刺"}]}
+```
+
+1. **尽快完善头颅影像学检查**：
+   - **头颅MRI + MRV（磁共振静脉成像）**：排除静脉窦血栓、占位性病变。
+   - 若怀疑占位，增强扫描必要。
+2. **血液学检验**：包括凝血功能、感染指标、激素水平等。
+3. **妇产科会诊**：明确有无妊娠，因停经2个月。
+4. **必要时腰椎穿刺**：
+   - 测量脑脊液压力，若>250 mmH₂O支持颅内压增高。
+   - 脑脊液成分正常则支持**特发性颅内压增高**。
+   - **但若怀疑占位，需先排除占位后再行腰穿，以防脑疝**。
+
+### 治疗建议
+- **建议住院治疗**，密切监测神经系统状态。
+- **对症处理**：可使用脱水剂（如甘露醇）降低颅内压。
+- **根本治疗**取决于病因：
+  - 若为**特发性颅内压增高**，治疗包括**减重、限盐、乙酰唑胺**等。
+  - 若为**静脉窦血栓**，需抗凝治疗。
+  - 若为**占位性病变**，需神经外科干预。
+
+### 总结
+患者既往符合**无先兆偏头痛**，但本次发作性质显著不同，结合**体位性头痛、视乳头水肿、颈强**，提示**颅内压增高**。**首要任务是排除器质性病因**，如颅内占位、静脉窦血栓等。**尽快完善头颅MRI及MRV，并评估妊娠状态**。
+
+我建议您进一步查阅特发性颅内压增高在育龄女性中的诊断标准及颅内静脉窦血栓的影像学鉴别要点，您需要我帮您检索相关临床指南或系统综述吗？