vue2-client 1.12.71 → 1.12.73

package/src/base-client/components/his/XHisEditor/diagnosisAutocomplete.js

@@ -0,0 +1,241 @@
+export function initDiagnosisDropdown (editor, data, identificationCode) {
+  if (typeof editor === 'undefined' || !editor.$) {
+    return
+  }
+
+  // 确保元素存在
+  const diagnosisField = editor.$(identificationCode)
+
+  if (!diagnosisField.length) {
+    return
+  }
+
+  // 更详细的调试信息
+  const fieldElement = diagnosisField[0]
+
+  // 模拟诊断数据
+  const mockDiagnosisList = data
+  // 生成唯一的下拉框类名
+  const dropdownClassName = `diagnosis-dropdown-${identificationCode.replace('#', '')}`
+// 创建下拉列表容器 - 使用 Ant Design 风格
+  editor.$(`.${dropdownClassName}`).remove() // 修改这里，使用唯一的类名
+  const dropdownList = editor.document.createElement('div')
+  dropdownList.className = dropdownClassName // 使用唯一的类名
+
+  // 添加 Ant Design 样式，修改样式选择器使用唯一的类名
+  const styleElement = editor.document.createElement('style')
+  styleElement.textContent = `
+    .${dropdownClassName} {
+      display: none;
+      position: absolute;
+      z-index: 999999;
+      background: #fff;
+      border-radius: 2px;
+      box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
+      padding: 4px 0;
+      min-width: 300px;
+      width: auto;
+      max-width: 400px;
+      max-height: 256px;
+      overflow-y: auto;
+    }
+    .${dropdownClassName}::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+    .${dropdownClassName}::-webkit-scrollbar-thumb {
+      background: rgba(0,0,0,.2);
+      border-radius: 3px;
+    }
+    .${dropdownClassName} .ant-list-item {
+      padding: 8px 12px;
+      cursor: pointer;
+      transition: all .3s;
+      white-space: nowrap;
+    }
+    .${dropdownClassName} .ant-list-item:hover {
+      background: #f5f5f5;
+    }
+    .${dropdownClassName} .ant-list-item-content {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 8px;
+    }
+    .${dropdownClassName} .ant-list-item-title {
+      color: rgba(0,0,0,.85);
+      font-weight: 500;
+      font-size: 14px;
+      line-height: 1.5715;
+      flex: 1;
+      min-width: 120px;
+    }
+    .${dropdownClassName} .ant-list-item-description {
+      color: rgba(0,0,0,.45);
+      font-size: 12px;
+      line-height: 1.5715;
+      min-width: 80px;
+    }
+    .${dropdownClassName} .ant-list-empty {
+      padding: 16px;
+      color: rgba(0,0,0,.45);
+      text-align: center;
+      min-width: 200px;
+    }
+  `
+  editor.document.head.appendChild(styleElement)
+
+  // 将下拉列表添加到编辑器文档中
+  diagnosisField.after(dropdownList)
+
+  // 获取当前模式
+  function getCurrentMode () {
+    return editor.option.mode
+  }
+
+  // 检查是否允许编辑
+  function isEditableMode () {
+    const currentMode = getCurrentMode()
+    return currentMode === 'form' || currentMode === 'design'
+  }
+
+  // 更新下拉列表位置的函数
+  function updateDropdownPosition () {
+    try {
+      // 获取输入框的位置和尺寸
+      const fieldRect = fieldElement.getBoundingClientRect()
+
+      // 获取父容器的滚动位置
+      const scrollTop = editor.$(editor.document).scrollTop()
+      const scrollLeft = editor.$(editor.document).scrollLeft()
+
+      // 计算绝对位置
+      const top = fieldRect.bottom + scrollTop
+      const left = fieldRect.left + scrollLeft
+
+      // 设置下拉列表位置，不设置宽度，让它自适应内容
+      dropdownList.style.cssText = `
+        position: absolute;
+        top: ${top}px;
+        left: ${left}px;
+        display: block;
+      `
+    } catch (error) {
+    }
+  }
+
+  // 处理输入事件的函数
+  function handleInput () {
+    if (!isEditableMode()) {
+      dropdownList.style.display = 'none'
+      return
+    }
+
+    const keyword = this.textContent.trim()
+
+    if (keyword && keyword !== '请输入') {
+      const results = mockDiagnosisList.filter(item =>
+        item.name.toLowerCase().includes(keyword.toLowerCase()) ||
+        item.code.toLowerCase().includes(keyword.toLowerCase())
+      )
+
+      // 1. 先清空内容
+      dropdownList.innerHTML = ''
+
+      // 2. 添加内容
+      if (results.length === 0) {
+        dropdownList.innerHTML = `
+          <div class="ant-list-empty">
+            <div style="color: rgba(0,0,0,.25);">
+              <svg viewBox="64 64 896 896" width="16" height="16" fill="currentColor">
+                <path d="M928 224H768v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56H548v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56H328v-56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v56H96c-17.7 0-32 14.3-32 32v576c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V256c0-17.7-14.3-32-32-32zM424 688c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48zm0-136c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48zm136 136c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48zm0-136c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48zm136 136c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48zm0-136c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v48z"/>
+              </svg>
+              <div style="margin-top: 8px;">无匹配结果</div>
+            </div>
+          </div>
+        `
+      } else {
+        const itemsHtml = results.map(item => `
+          <div class="ant-list-item">
+            <div class="ant-list-item-content">
+              <div class="ant-list-item-title">${item.name}</div>
+              <div class="ant-list-item-description">${item.code}</div>
+            </div>
+          </div>
+        `).join('')
+        dropdownList.innerHTML = itemsHtml
+      }
+
+      // 3. 更新位置并显示
+      updateDropdownPosition()
+    } else {
+      dropdownList.style.display = 'none'
+    }
+  }
+
+  // 输入法编辑状态处理
+  let isCompositing = false
+
+  // 输入法开始
+  fieldElement.addEventListener('compositionstart', function (e) {
+    isCompositing = true
+  })
+
+  // 输入法结束
+  fieldElement.addEventListener('compositionend', function (e) {
+    isCompositing = false
+    handleInput.call(this)
+  })
+
+  // 输入事件
+  fieldElement.addEventListener('input', function (e) {
+    if (!isCompositing) {
+      handleInput.call(this)
+    }
+  })
+
+  // 焦点事件
+  fieldElement.addEventListener('focus', function (e) {
+  })
+
+  // 失去焦点事件
+  fieldElement.addEventListener('blur', function (e) {
+    setTimeout(() => {
+      if (!this.textContent.trim()) {
+        this.textContent = '请输入'
+      }
+    }, 200)
+  })
+
+  // 点击选项事件
+  editor.$(dropdownList).on('mousedown', '.ant-list-item', function (e) {
+    e.preventDefault()
+    e.stopPropagation()
+    if (isEditableMode()) {
+      const name = editor.$(this).find('.ant-list-item-title').text()
+      fieldElement.textContent = name
+      dropdownList.style.display = 'none'
+      fieldElement.focus()
+    }
+  })
+
+  // 点击文档其他区域时隐藏下拉列表，修改选择器
+  editor.$(editor.document).on('mousedown', function (e) {
+    if (!editor.$(e.target).closest(`.${dropdownClassName}, ${identificationCode}`).length) {
+      dropdownList.style.display = 'none'
+    }
+  })
+
+  // 添加滚动事件监听，实时更新下拉列表位置
+  editor.$(editor.window).on('scroll', function () {
+    if (dropdownList.style.display !== 'none') {
+      updateDropdownPosition()
+    }
+  })
+
+  editor.$(editor.window).on('resize', function () {
+    if (dropdownList.style.display !== 'none') {
+      updateDropdownPosition()
+    }
+  })
+}

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

@@ -1,90 +1,90 @@
-<template>
-  <div class="list-wrapper" >
-    <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container">
-      <a-list-item slot="renderItem" slot-scope="item, index" class="list-item" @click="handleClick(index)">
-        {{ item.number }} {{ item.name }}
-      </a-list-item>
-    </a-list>
-  </div>
-</template>
-
-<script>
-
-import { runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XList',
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: 'outpatientWaitLogic'
-    },
-  },
-  inject: ['getComponentByName'],
-  data () {
-    return {
-      data: []
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  methods: {
-    async getData (config) {
-        runLogic(config, {}, 'af-his').then(res => {
-          this.data = res
-        })
-    },
-    handleClick (index) {
-      this.$emit('listClick', this.data[index])
-    },
-    refreshList () {
-      this.getData(this.queryParamsName)
-    },
-
-  }
-}
-</script>
-
-<style scoped>
-.list-wrapper {
-  max-height: 240px;
-  overflow-y: auto;
-  cursor: pointer;
-  padding-right: 2px;
-}
-
-.list-container {
-  width: 100%;
-}
-
-.list-item {
-  height: 35px;
-  border-radius: 6px;
-  background-color: #F4F4F4;
-  padding: 8px 15px 7px 15px;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  border: 1px solid #D9D9D9;
-  box-sizing: border-box;
-  margin-bottom: 16px;
-  white-space: nowrap;
-  overflow: clip;
-}
-
-/* 自定义滚动条样式 */
-.list-wrapper::-webkit-scrollbar {
-  width: 6px;
-}
-
-.list-wrapper::-webkit-scrollbar-thumb {
-  background-color: #d9d9d9;
-  border-radius: 3px;
-}
-
-.list-wrapper::-webkit-scrollbar-track {
-  background-color: #f0f0f0;
-}
-</style>
+<template>
+  <div class="list-wrapper" >
+    <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container">
+      <a-list-item slot="renderItem" slot-scope="item, index" class="list-item" @click="handleClick(index)">
+        {{ item.number }} {{ item.name }}
+      </a-list-item>
+    </a-list>
+  </div>
+</template>
+
+<script>
+
+import { runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XList',
+  props: {
+    queryParamsName: {
+      type: Object,
+      default: 'outpatientWaitLogic'
+    },
+  },
+  inject: ['getComponentByName'],
+  data () {
+    return {
+      data: []
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  methods: {
+    async getData (config) {
+        runLogic(config, {}, 'af-his').then(res => {
+          this.data = res
+        })
+    },
+    handleClick (index) {
+      this.$emit('listClick', this.data[index])
+    },
+    refreshList () {
+      this.getData(this.queryParamsName)
+    },
+
+  }
+}
+</script>
+
+<style scoped>
+.list-wrapper {
+  max-height: 240px;
+  overflow-y: auto;
+  cursor: pointer;
+  padding-right: 2px;
+}
+
+.list-container {
+  width: 100%;
+}
+
+.list-item {
+  height: 35px;
+  border-radius: 6px;
+  background-color: #F4F4F4;
+  padding: 8px 15px 7px 15px;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: 1px solid #D9D9D9;
+  box-sizing: border-box;
+  margin-bottom: 16px;
+  white-space: nowrap;
+  overflow: clip;
+}
+
+/* 自定义滚动条样式 */
+.list-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+
+.list-wrapper::-webkit-scrollbar-thumb {
+  background-color: #d9d9d9;
+  border-radius: 3px;
+}
+
+.list-wrapper::-webkit-scrollbar-track {
+  background-color: #f0f0f0;
+}
+</style>

package/src/base-client/plugins/AppData.js

@@ -1,126 +1,126 @@
-import { manageApi, post } from '@vue2-client/services/api'
-import { handleTree } from '@vue2-client/utils/util'
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-import { getConfigByName } from '@vue2-client/services/api/common'
-
-const GetAppDataService = {
-  install (Vue) {
-    // 给vue增添对话框显示方法
-    Vue.$appdata = Vue.prototype.$appdata = GetAppDataService
-  },
-  async load () {
-    const params = {}
-    await post(manageApi.getDictionaryValue, {}).then((res) => {
-      Object.assign(params, res)
-      const badgeItemArray = {}
-      for (const key of Object.keys(params)) {
-        badgeItemArray[key] = {}
-        for (const item of params[key]) {
-          let status
-          if (!item.status) {
-            status = 'none'
-          } else {
-            status = item.status
-          }
-          badgeItemArray[key][item.value] = {
-            status: status,
-            text: item.text
-          }
-        }
-      }
-      // 追加参数
-      localStorage.setItem(process.env.VUE_APP_DICTIONARY_KEY, JSON.stringify(params))
-      localStorage.setItem(process.env.VUE_APP_BADGE_KEY, JSON.stringify(badgeItemArray))
-    })
-  },
-  // 返回树形省市区
-  async getDivisionsOhChinaForTree () {
-    // 获取省市区数据
-    return new Promise((resolve, reject) => {
-      try {
-        indexedDB.getByWeb('divisionsOhChina', manageApi.getDivisionsOhChina, {}, res => {
-          resolve(res)
-        }, processRes => {
-          return handleTree(processRes, 'code', 'parentcode')
-        })
-      } catch (e) {
-        reject(e)
-      }
-    })
-  },
-  // 旧版获取配置中心字典
-  getDictionaryList (key) {
-    const str = localStorage.getItem(process.env.VUE_APP_DICTIONARY_KEY)
-    const object = JSON.parse(str)
-    return object[key]
-  },
-  async getDictValue (dictKey, value, func, isDev = false, serviceName = process.env.VUE_APP_SYSTEM_NAME) {
-    const processResult = (result) => {
-      if (!result.value) {
-        return {
-          status: 'none',
-          text: value
-        }
-      }
-      const item = result.value.find(item => item.value == value)
-      if (item) {
-        return {
-          status: item.status || 'none',
-          text: item.label
-        }
-      }
-      return {
-        status: 'none',
-        text: value
-      }
-    }
-    if (func) {
-      getConfigByName(dictKey, serviceName, result => {
-        func(processResult(result))
-      }, isDev)
-    } else {
-      const result = await new Promise((resolve) => {
-        getConfigByName(dictKey, serviceName, resolve, isDev)
-      })
-      return processResult(result)
-    }
-  },
-  // 新版获取配置中心字典推荐使用 服务名默认为当前服务
-  getDictByKey (dictKey, serviceName = process.env.VUE_APP_SYSTEM_NAME, callback, isDev) {
-    getConfigByName(dictKey, undefined, result => {
-      callback(result.value)
-    }, isDev)
-  },
-  getParam (key, value, callback) {
-    const str = localStorage.getItem(process.env.VUE_APP_BADGE_KEY)
-    const object = JSON.parse(str)
-    if (object && object[key]) {
-      const result = object[key]
-      if (Object.prototype.hasOwnProperty.call(result, value)) {
-        return result[value]
-      } else {
-        return { status: 'none', text: value }
-      }
-    }
-    return null
-  },
-  getParams () {
-    const str = localStorage.getItem(process.env.VUE_APP_DICTIONARY_KEY)
-    return JSON.parse(str)
-  },
-  getSingleValues () {
-    const str = localStorage.getItem(process.env.VUE_APP_BADGE_KEY)
-    return JSON.parse(str)
-  },
-  getWebConfigByKey (key) {
-    const str = localStorage.getItem(process.env.VUE_APP_WEB_CONFIG_KEY)
-    const object = JSON.parse(str)
-    return object[key]
-  },
-  getStylesByKey (key) {
-    const str = localStorage.getItem(process.env.VUE_APP_WEB_STYLES_KEY)
-    const object = JSON.parse(str)
-    return object[key]
-  },
-}
-export default GetAppDataService
+import { manageApi, post } from '@vue2-client/services/api'
+import { handleTree } from '@vue2-client/utils/util'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+import { getConfigByName } from '@vue2-client/services/api/common'
+
+const GetAppDataService = {
+  install (Vue) {
+    // 给vue增添对话框显示方法
+    Vue.$appdata = Vue.prototype.$appdata = GetAppDataService
+  },
+  async load () {
+    const params = {}
+    await post(manageApi.getDictionaryValue, {}).then((res) => {
+      Object.assign(params, res)
+      const badgeItemArray = {}
+      for (const key of Object.keys(params)) {
+        badgeItemArray[key] = {}
+        for (const item of params[key]) {
+          let status
+          if (!item.status) {
+            status = 'none'
+          } else {
+            status = item.status
+          }
+          badgeItemArray[key][item.value] = {
+            status: status,
+            text: item.text
+          }
+        }
+      }
+      // 追加参数
+      localStorage.setItem(process.env.VUE_APP_DICTIONARY_KEY, JSON.stringify(params))
+      localStorage.setItem(process.env.VUE_APP_BADGE_KEY, JSON.stringify(badgeItemArray))
+    })
+  },
+  // 返回树形省市区
+  async getDivisionsOhChinaForTree () {
+    // 获取省市区数据
+    return new Promise((resolve, reject) => {
+      try {
+        indexedDB.getByWeb('divisionsOhChina', manageApi.getDivisionsOhChina, {}, res => {
+          resolve(res)
+        }, processRes => {
+          return handleTree(processRes, 'code', 'parentcode')
+        })
+      } catch (e) {
+        reject(e)
+      }
+    })
+  },
+  // 旧版获取配置中心字典
+  getDictionaryList (key) {
+    const str = localStorage.getItem(process.env.VUE_APP_DICTIONARY_KEY)
+    const object = JSON.parse(str)
+    return object[key]
+  },
+  async getDictValue (dictKey, value, func, isDev = false, serviceName = process.env.VUE_APP_SYSTEM_NAME) {
+    const processResult = (result) => {
+      if (!result.value) {
+        return {
+          status: 'none',
+          text: value
+        }
+      }
+      const item = result.value.find(item => item.value == value)
+      if (item) {
+        return {
+          status: item.status || 'none',
+          text: item.label
+        }
+      }
+      return {
+        status: 'none',
+        text: value
+      }
+    }
+    if (func) {
+      getConfigByName(dictKey, serviceName, result => {
+        func(processResult(result))
+      }, isDev)
+    } else {
+      const result = await new Promise((resolve) => {
+        getConfigByName(dictKey, serviceName, resolve, isDev)
+      })
+      return processResult(result)
+    }
+  },
+  // 新版获取配置中心字典推荐使用 服务名默认为当前服务
+  getDictByKey (dictKey, serviceName = process.env.VUE_APP_SYSTEM_NAME, callback, isDev) {
+    getConfigByName(dictKey, undefined, result => {
+      callback(result.value)
+    }, isDev)
+  },
+  getParam (key, value, callback) {
+    const str = localStorage.getItem(process.env.VUE_APP_BADGE_KEY)
+    const object = JSON.parse(str)
+    if (object && object[key]) {
+      const result = object[key]
+      if (Object.prototype.hasOwnProperty.call(result, value)) {
+        return result[value]
+      } else {
+        return { status: 'none', text: value }
+      }
+    }
+    return null
+  },
+  getParams () {
+    const str = localStorage.getItem(process.env.VUE_APP_DICTIONARY_KEY)
+    return JSON.parse(str)
+  },
+  getSingleValues () {
+    const str = localStorage.getItem(process.env.VUE_APP_BADGE_KEY)
+    return JSON.parse(str)
+  },
+  getWebConfigByKey (key) {
+    const str = localStorage.getItem(process.env.VUE_APP_WEB_CONFIG_KEY)
+    const object = JSON.parse(str)
+    return object[key]
+  },
+  getStylesByKey (key) {
+    const str = localStorage.getItem(process.env.VUE_APP_WEB_STYLES_KEY)
+    const object = JSON.parse(str)
+    return object[key]
+  },
+}
+export default GetAppDataService