vue2-client 1.12.71 → 1.12.73

package/src/base-client/components/common/XReportGrid/XReportTrGroup.vue

@@ -25,7 +25,7 @@
           </template>
           <template v-else-if="cell.type === 'slot'">
             <template
-              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input'].includes(cell.slotType)">
+              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line'].includes(cell.slotType)">
               <component
                 :is="getComponentName(cell.slotConfig, cell.serviceName, cell.slotType)"
                 :key="cellIndex"
@@ -60,7 +60,7 @@
           </template>
           <template v-else-if="cell.type === 'slot'">
             <template
-              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse', 'x-h-descriptions', 'x-sidebar', 'x-list','x-input'].includes(cell.slotType)">
+              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse', 'x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line'].includes(cell.slotType)">
               <component
                 :is="getComponentName(cell.slotConfig, cell.serviceName, cell.slotType)"
                 :key="cellIndex"
@@ -110,6 +110,7 @@ export default {
     XSidebar: () => import('@vue2-client/base-client/components/his/XSidebar/XSidebar.vue'),
     XList: () => import('@vue2-client/base-client/components/his/XList/XList.vue'),
     XInput: () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
+    XTimeline: () => import('@vue2-client/base-client/components/common/XTimeline/XTimeline.vue'),
   },
   props: {
     // 每一行的配置

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

@@ -0,0 +1,342 @@
+<template>
+  <!-- 时间轴主容器 -->
+  <div class='x-timeline'>
+    <!-- 时间轴导航栏 -->
+    <div class='x-timeline-nav'>
+      <!-- 导航按钮：前一周、前一天 -->
+      <a-button type="link" @click='goToPrevWeek'>
+        <a-icon type="double-left" />
+        {{ config?.prevWeekText || '前一周' }}
+      </a-button>
+      <a-button type="link" @click='goToPrevDay'>
+        <a-icon type="left" />
+        {{ config?.prevDayText || '前一天' }}
+      </a-button>
+      <!-- 日期显示区域 -->
+      <div class='timeline-dates'>
+        <div v-for='(date, index) in displayDates'
+             :key='index'
+          class='date-item'
+          :class='{
+            "ant-btn-primary": isCurrentDate(date),
+            "date-weekend": isWeekend(date),
+            "ant-btn-disabled": isDisabled(date)
+          }'
+          @click='selectDate(date)'
+        >
+          <div class='weekday'>{{ getWeekDay(date) }}</div>
+          <div class='date'>{{ formatDate(date) }}</div>
+        </div>
+      </div>
+      <!-- 导航按钮：后一天、后一周 -->
+      <a-button type="link" @click='goToNextDay'>
+        {{ config?.nextDayText || '后一天' }}
+        <a-icon type="right" />
+      </a-button>
+      <a-button type="link" @click='goToNextWeek'>
+        {{ config?.nextWeekText || '后一周' }}
+        <a-icon type="double-right" />
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+import 'dayjs/locale/zh-cn'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+// 设置 dayjs 为中文语言环境
+dayjs.locale('zh-cn')
+
+export default ({
+  name: 'XTimeline',
+  components: {
+  },
+  props: {
+    // 当前选中日期，默认为空（不选中）
+    modelValue: {
+      type: String,
+      default: ''
+    },
+    // 配置参数名称，用于获取时间轴配置
+    queryParamsName: {
+      type: String,
+      default: 'XTimelineExampleConfig'
+    }
+  },
+
+  // 定义组件事件
+  emits: ['update:modelValue', 'change', 'prev-week', 'next-week', 'prev-day', 'next-day'],
+
+  data () {
+    return {
+      currentDate: this.modelValue, // 当前选中日期
+      baseDate: dayjs().format('YYYY-MM-DD'), // 基准日期，默认今天，用于计算显示范围
+      config: null, // 时间轴配置
+      disabledDates: [] // 禁用日期列表
+    }
+  },
+  computed: {
+    // 计算需要显示的日期范围
+    displayDates () {
+      const dates = []
+      const range = this.config?.range || 7 // 显示天数，默认7天
+      const halfRange = Math.floor(range / 2)
+      let currentDate = dayjs(this.baseDate).subtract(halfRange, 'day')
+      for (let i = 0; i < range; i++) {
+        dates.push(currentDate.format('YYYY-MM-DD'))
+        currentDate = currentDate.add(1, 'day')
+      }
+      return dates
+    }
+  },
+
+  watch: {
+    // 监听外部传入的选中日期变化
+    modelValue: {
+      handler (newVal) {
+        this.currentDate = newVal
+        if (newVal) {
+          this.baseDate = newVal
+        }
+      },
+      immediate: true
+    },
+    // 监听配置参数名称变化
+    queryParamsName: {
+      handler (newValue) {
+        this.getData(newValue)
+      },
+      immediate: true
+    }
+  },
+
+  created () {
+    // 组件创建时获取配置
+    this.getData(this.queryParamsName)
+  },
+
+  methods: {
+    // 获取时间轴配置数据
+    async getData (data) {
+      getConfigByName(data, 'af-his', res => {
+        // var res = {
+        //   // 基础配置
+        //   range: 7, // 显示的天数范围，默认7天
+        //   defaultValue: '', // 默认选中日期，不设置则默认今天
+        //   // 日期格式化
+        //   dateFormat: 'MM/DD', // 日期显示格式，如 03/21
+        //   weekFormat: '周dd', // 星期显示格式，如 周四
+        //   // 按钮文字配置
+        //   prevWeekText: '前一周', // 上一周按钮文字
+        //   nextWeekText: '后一周', // 下一周按钮文字
+        //   prevDayText: '前一天', // 前一天按钮文字
+        //   nextDayText: '后一天', // 后一天按钮文字
+        //   // 日期范围限制
+        //   minDate: '2024-01-01', // 最小可选日期
+        //   maxDate: '2025-12-31', // 最大可选日期
+        //   // 周末高亮配置
+        //   highlightWeekend: true, // 是否高亮周末
+        //   // 业务逻辑配置
+        //   logicName: 'getDisabledDates', // 获取禁用日期的逻辑名称
+        //   parameter: {
+        //     userId: 'xxx',
+        //     type: 'workday'
+        //   }
+        // }
+        this.config = res
+        if (res.defaultValue) {
+          // 如果有默认值，则设置当前选中日期和基准日期
+          this.currentDate = res.defaultValue
+          this.baseDate = res.defaultValue
+          this.$emit('update:modelValue', res.defaultValue)
+        }
+
+        // 执行配置中指定的业务逻辑
+        if (res.logicName) {
+           runLogic(res.logicName, res.parameter, 'af-his').then(result => {
+          // var result = {
+          //   disabledDates: [ // 禁用的日期列表
+          //     '2025-03-23', // 周六
+          //     '2025-03-24', // 周日
+          //     '2025-03-25' // 其他需要禁用的日期
+          //   ],
+          //   currentDate: '' // 指定当前选中日期（可选）
+          // }
+            if (result) {
+              this.handleLogicResult(result)
+            }
+           })
+        }
+       })
+    },
+
+    // 处理业务逻辑返回结果
+    handleLogicResult (result) {
+      if (result.disabledDates) {
+        this.disabledDates = result.disabledDates
+      }
+      if (result.currentDate) {
+        this.currentDate = result.currentDate
+        this.baseDate = result.currentDate
+        this.$emit('update:modelValue', result.currentDate)
+      }
+    },
+
+    // 格式化日期显示
+    formatDate (date) {
+      const format = this.config?.dateFormat || 'MM/DD'
+      return dayjs(date).format(format)
+    },
+
+    // 获取星期显示
+    getWeekDay (date) {
+      const format = this.config?.weekFormat || '周dd'
+      return dayjs(date).format(format)
+    },
+
+    // 判断是否为周末
+    isWeekend (date) {
+      if (!this.config?.highlightWeekend) return false
+      const day = dayjs(date).day()
+      return day === 0 || day === 6
+    },
+
+    // 判断日期是否禁用
+    isDisabled (date) {
+      if (this.config?.minDate && dayjs(date).isBefore(this.config.minDate)) {
+        return true
+      }
+      if (this.config?.maxDate && dayjs(date).isAfter(this.config.maxDate)) {
+        return true
+      }
+      return this.disabledDates.includes(date)
+    },
+
+    // 判断是否为当前选中日期
+    isCurrentDate (date) {
+      if (!this.currentDate) return false
+      return dayjs(date).format('YYYY-MM-DD') === dayjs(this.currentDate).format('YYYY-MM-DD')
+    },
+
+    // 选择日期
+    selectDate (date) {
+      if (this.isDisabled(date)) return
+      this.currentDate = date
+      this.$emit('update:modelValue', date)
+      this.$emit('change', date)
+    },
+
+    // 前一天
+    goToPrevDay () {
+      const newDate = dayjs(this.baseDate).subtract(1, 'day')
+      if (this.config?.minDate && newDate.isBefore(this.config.minDate)) {
+        return
+      }
+      this.baseDate = newDate.format('YYYY-MM-DD')
+      this.$emit('prev-day', this.baseDate)
+    },
+
+    // 后一天
+    goToNextDay () {
+      const newDate = dayjs(this.baseDate).add(1, 'day')
+      if (this.config?.maxDate && newDate.isAfter(this.config.maxDate)) {
+        return
+      }
+      this.baseDate = newDate.format('YYYY-MM-DD')
+      this.$emit('next-day', this.baseDate)
+    },
+
+    // 前一周
+    goToPrevWeek () {
+      const newDate = dayjs(this.baseDate).subtract(7, 'day')
+      if (this.config?.minDate && newDate.isBefore(this.config.minDate)) {
+        return
+      }
+      this.baseDate = newDate.format('YYYY-MM-DD')
+      this.$emit('prev-week', this.baseDate)
+    },
+
+    // 后一周
+    goToNextWeek () {
+      const newDate = dayjs(this.baseDate).add(7, 'day')
+      if (this.config?.maxDate && newDate.isAfter(this.config.maxDate)) {
+        return
+      }
+      this.baseDate = newDate.format('YYYY-MM-DD')
+      this.$emit('next-week', this.baseDate)
+    }
+  }
+})
+</script>
+
+<style scoped>
+.x-timeline {
+  width: 100%;
+  border: 1px solid #f0f0f0;
+  border-radius: 2px;
+}
+
+.x-timeline-nav {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #f0f0f0;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.timeline-dates {
+  display: flex;
+  flex: 1;
+  justify-content: space-around;
+  align-items: center;
+  margin: 0 16px;
+}
+
+.date-item {
+  padding: 8px 12px;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 2px;
+  flex: 1;
+  margin: 0 8px;
+  transition: all 0.3s;
+}
+
+.date-item:hover:not(.ant-btn-disabled) {
+  background: #fafafa;
+}
+
+.date-item.ant-btn-primary {
+  background: #1890ff;
+  color: #fff;
+}
+
+.date-item.ant-btn-primary .weekday,
+.date-item.ant-btn-primary .date {
+  color: #fff;
+}
+
+.date-item.date-weekend:not(.ant-btn-disabled):not(.ant-btn-primary) {
+  color: #ff4d4f;
+}
+
+.date-item.ant-btn-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background: #f5f5f5;
+  cursor: not-allowed;
+}
+
+.weekday {
+  font-size: 12px;
+  margin-bottom: 8px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.date {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.85);
+}
+</style>

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

@@ -88,6 +88,7 @@
 <script>
 
 import { runLogic } from '@vue2-client/services/api/common'
+import { initDiagnosisDropdown } from './diagnosisAutocomplete'
 
 export default {
   name: 'XHisEditor',
@@ -163,12 +164,42 @@ export default {
   },
   methods: {
     runLogic,
+    async initDiagnosisAutocomplete (dropDownBoxParams) {
+      if (!this.editorRef || !this.editorRef.document) {
+        return
+      }
+
+      // 添加参数检查
+      if (!dropDownBoxParams || !Array.isArray(dropDownBoxParams) || dropDownBoxParams.length === 0) {
+        return
+      }
+
+      dropDownBoxParams.forEach(async (param) => {
+        if (param.identificationCode && param.dataLogic) {
+          try {
+            let preliDiagnoData = null
+            // 保留获取后端数据的逻辑
+            await runLogic(param.dataLogic,
+              {}, 'af-his').then(res => {
+              preliDiagnoData = res
+            })
+            const scriptElement = this.editorRef.document.createElement('script')
+            scriptElement.textContent = `(${initDiagnosisDropdown.toString()})(editor,${JSON.stringify(preliDiagnoData)},'${param.identificationCode}')`
+            this.editorRef.document.body.appendChild(scriptElement)
+          } catch (error) {
+
+          }
+        }
+      })
+    },
     // 初始化文档
-    onload: function (e) {
-      this.editorRef = e.target.contentWindow.editor
-      this.$emit('init', {})
+    onload (e) {
+      if (e && e.target && e.target.contentWindow) {
+        this.editorRef = e.target.contentWindow.editor
+        // 等待文档加载完成
+        this.$emit('init', {})
+      }
     },
-    // 初始化组件
     init (params) {
       const {
         fileUrl,
@@ -177,6 +208,7 @@ export default {
         bindObject,
         saveDataLogicName,
         logicExtraParams,
+        dropDownBoxParams,
         serviceName,
         showModeChoose = true,
         modeType = 'readonly'
@@ -194,29 +226,36 @@ export default {
       this.showModeChoose = showModeChoose
       this.modeType = modeType
       this.ready = true
-      this.loadFile(fileUrl, bindObject, currResData)
+      // 先加载文件
+      this.loadFile(fileUrl, bindObject, currResData).then(() => {
+        // 文件加载完成后再初始化自动完成
+        this.initDiagnosisAutocomplete(dropDownBoxParams)
+      })
       this.loadResList()
     },
     // 加载文档
     loadFile (fileUrl, bindObject, currResData) {
       this.loading = true
-      this.editorRef.loadUrl(fileUrl).then(() => {
-        if (bindObject) {
-          this.editorRef.setBindObject(bindObject)
-          if (bindObject.template) {
-            for (const key of Object.keys(bindObject.template)) {
-              this.editorRef.bindDataList(key, bindObject.template[key])
+      return new Promise((resolve) => {
+        this.editorRef.loadUrl(fileUrl).then(() => {
+          if (bindObject) {
+            this.editorRef.setBindObject(bindObject)
+            if (bindObject.template) {
+              for (const key of Object.keys(bindObject.template)) {
+                this.editorRef.bindDataList(key, bindObject.template[key])
+              }
             }
           }
-        }
-        this.changeMode()
-        this.fileUrl = fileUrl
-        if (!currResData.f_file_name) {
-          currResData.f_file_name = '未命名'
-        }
-        this.currResData = currResData
-        this.loading = false
-        this.$emit('afterLoadFile', {})
+          this.changeMode()
+          this.fileUrl = fileUrl
+          if (!currResData.f_file_name) {
+            currResData.f_file_name = '未命名'
+          }
+          this.currResData = currResData
+          this.loading = false
+          this.$emit('afterLoadFile', {})
+          resolve()
+        })
       })
     },
     // 加载文档列表
@@ -270,7 +309,7 @@ export default {
     },
     // 重新加载
     reload (params) {
-      runLogic('getMedicalRecord', params, this.serviceName).then(res => {
+      runLogic('getFileInformation', params, this.serviceName).then(res => {
         this.resDataModalVisible = false
         this.init({
           modeType: this.modeType,
@@ -280,7 +319,8 @@ export default {
           bindObject: res.bindObject,
           saveDataLogicName: this.saveDataLogicName,
           serviceName: this.serviceName,
-          logicExtraParams: this.logicExtraParams
+          logicExtraParams: this.logicExtraParams,
+          dropDownBoxParams: this.dropDownBoxParams
         })
       })
     },