vue2-client 1.16.37 → 1.16.39

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

@@ -1,15 +1,16 @@
 <template>
   <!-- 列表卡片模式 listMode: card -->
   <div
+    class="x-list-wrapper"
+    :class="wrapperClassObject"
     v-if="listMode"
-    class="demo-infinite-container"
     ref="listRef"
     @scroll="handleInfiniteOnLoad">
     <a-list
       :grid="{ gutter: 16, xs: 1, sm: 2, md: 2, lg: 3, xl: 3, xxl: 4 }"
       :data-source="localData">
       <a-list-item slot="renderItem" slot-scope="item, index">
-        <div class="card-a-col">
+        <div class="card-a-col" :class="{ 'selected-active': enableSelectRow && currentSelectedIndex === index }" @click="handleCardClick(index)">
           <a-row class="card-row">
             <a-col class="id-a-col" :span="4" v-for="(detail,idx) in item.filter(d => d.label == label)" :key="idx">
               {{ detail.value }}<span style="font-size: 16px;font-weight: 400 !important;">床</span>
@@ -59,7 +60,7 @@
   </div>
 
   <!-- 默认标签模式 -->
-  <div class="list-wrapper" v-else>
+  <div class="list-wrapper x-list-wrapper" :class="wrapperClassObject" v-else>
     <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container" ref="listRef">
       <a-list-item
         slot="renderItem"
@@ -68,7 +69,7 @@
         @click="handleClick(index)"
         @mouseenter="enableHoverOptions && handleMouseEnter(index)"
         @mouseleave="handleMouseLeave"
-        :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index }">
+        :class="{ 'hover-active': enableHoverOptions && hoveredIndex === index, 'selected-active': enableSelectRow && currentSelectedIndex === index }">
         <i
           v-if="icon"
           class="icon-menu"
@@ -143,6 +144,16 @@ export default {
     serviceName: {
       type: String,
       default: 'af-his'
+    },
+    // 点击是否触发选中（默认不通过点击选中，仅手动控制）
+    selectOnClick: {
+      type: Boolean,
+      default: false
+    },
+    // 受控选中索引；不传则内部维护
+    selectedIndex: {
+      type: Number,
+      default: undefined
     }
   },
   inject: ['getComponentByName'],
@@ -167,7 +178,9 @@ export default {
       pageSize: 12,
       allLoaded: false,
       label: 'id',
-      scrollTimer: null
+      scrollTimer: null,
+      // 内部选中索引（非受控时使用）
+      localSelectedIndex: -1
     }
   },
   created () {
@@ -175,6 +188,30 @@ export default {
   },
   mounted () {},
   computed: {
+    // 参考 HForm 的 wrapperClassObject 规则，支持通过组件属性动态控制样式
+    wrapperClassObject () {
+      const a = this.$attrs || {}
+      const classes = {}
+      // 多个布尔型样式开关（存在且为真则生效）
+      const booleanStyleKeys = [
+        ''
+      ]
+      booleanStyleKeys.forEach(key => {
+        const val = a[key]
+        const truthy = val === true || val === '' || val === 'true'
+        if (truthy) classes[`x-list-${key}`] = true
+      })
+      return classes
+    },
+    // 选择控制：受控优先
+    currentSelectedIndex () {
+      return typeof this.selectedIndex === 'number' ? this.selectedIndex : this.localSelectedIndex
+    },
+    enableSelectRow () {
+      const a = this.$attrs || {}
+      const val = a.enableSelection
+      return val === true || val === '' || val === 'true'
+    },
     forwardAllEvents () {
       return {
         // 监听所有事件并转发给父组件
@@ -239,14 +276,62 @@ export default {
     },
     // 点击列表项
     handleClick (index) {
+      if (this.enableSelectRow && this.selectOnClick) this.setSelectedIndex(index)
       this.$emit('listClick', this.data[index])
     },
+    // 卡片模式点击卡片
+    handleCardClick (index) {
+      if (this.enableSelectRow && this.selectOnClick) this.setSelectedIndex(index)
+      this.$emit('listClick', this.localData[index])
+    },
+    // 外部可调用：设置选中索引
+    setSelectedIndex (index) {
+      const next = typeof index === 'number' ? index : -1
+      if (typeof this.selectedIndex === 'number') {
+        // 受控：仅派发事件
+        this.$emit('update:selectedIndex', next)
+      } else {
+        // 非受控：更新内部并派发事件
+        this.localSelectedIndex = next
+        this.$emit('update:selectedIndex', next)
+      }
+    },
+    // 外部可调用：清空选中
+    clearSelected () { this.setSelectedIndex(-1) },
     refreshList (param) {
       this.getData(this.queryParamsName, param)
     },
     click (index, buttonIndex) {
       this.$emit('click', { data: this.data[index], name: this.buttonNames[buttonIndex] })
     },
+    // 根据对象字段匹配选中（默认按 id 字段）
+    setSelectedById (id, field = 'id') {
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(item => {
+        if (Array.isArray(item)) {
+          const f = item.find(d => d && d.label === field)
+          return f && f.value === id
+        }
+        return item && item[field] === id
+      })
+      if (index >= 0) this.setSelectedIndex(index)
+    },
+    // 根据 label/value（卡片数组数据场景）匹配选中
+    setSelectedByLabelValue (label, value) {
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(item => Array.isArray(item) && item.some(d => d && d.label === label && d.value === value))
+      if (index >= 0) this.setSelectedIndex(index)
+    },
+    // 通用：传入谓词函数决定选中项
+    setSelectedBy (predicate) {
+      if (typeof predicate !== 'function') return
+      const list = this.listMode ? this.localData : this.data
+      if (!Array.isArray(list)) return
+      const index = list.findIndex(predicate)
+      if (index >= 0) this.setSelectedIndex(index)
+    },
     getIconStyle (item) {
       return item.picture
         ? { backgroundImage: `url(${item.picture})` }
@@ -301,6 +386,13 @@ export default {
     }
   },
   watch: {
+    // 同步受控值变化
+    selectedIndex (val) {
+      if (typeof val === 'number') {
+        // 允许受控值影响内部显示
+        this.localSelectedIndex = val
+      }
+    },
     fixedQueryForm: {
       deep: true,
       handler (val) {
@@ -400,6 +492,26 @@ export default {
   border: 1px solid black;
 }
 
+/* 选中态样式（通过 selectRow 开启） */
+.selected-active { color: white; }
+.list-item.selected-active {
+  background-color: #0057FE !important;
+  color: white;
+  border: none !important;
+}
+.list-item.selected-active .confirm-btn,
+.list-item.selected-active .confirm-btn span,
+.list-item.selected-active .ant-btn,
+.list-item.selected-active .ant-btn > span { color: #ffffff !important; }
+.card-a-col.selected-active {
+  background-color: #0057FE !important;
+  color: white;
+  border: none !important;
+}
+.card-a-col.selected-active .button-a-col,
+.card-a-col.selected-active .button-a-col .ant-btn,
+.card-a-col.selected-active .button-a-col .ant-btn > span { color: #ffffff !important; }
+
 .hover-options {
   position: absolute;
   left: 0;

package/src/base-client/components/his/threeTestOrders/editor.vue

@@ -1,113 +1,113 @@
-<template>
-  <!-- 根据实际部署环境修改 editor.html 的路径 -->
-  <iframe
-    src="/his/editor/editor.html"
-    width="100%"
-    height="800"
-    frameborder="0"
-    @load="onIframeLoad"
-    ref="editorIframe">
-  </iframe>
-</template>
-
-<script setup>
-
-import { ref, onBeforeUnmount } from 'vue'
-
-const editorIframe = ref(null)
-const checkEditorTimer = ref(null)
-const checkCount = ref(0)
-const editor = ref(null)
-const iframeWindow = ref(null)
-// 对外暴露的获取editor方法
-const getEditor = () => {
-  if (editor.value) {
-    return editor.value
-  }
-  if (iframeWindow.value && iframeWindow.value.editor) {
-    editor.value = iframeWindow.value.editor
-    return editor.value
-  }
-  if (editorIframe.value && editorIframe.value.contentWindow && editorIframe.value.contentWindow.editor) {
-    editor.value = editorIframe.value.contentWindow.editor
-    return editor.value
-  }
-  return null
-}
-// 创建体温单方法
-const createVitalSigns = (data) => {
-  const editorObj = getEditor()
-  if (!editorObj) {
-    throw new Error('editor对象未初始化，无法创建体温单')
-  }
-  if (typeof editorObj.createVitalSigns === 'function') {
-    return editorObj.createVitalSigns(data)
-  } else {
-    throw new Error('editor对象未包含createVitalSigns方法')
-  }
-}
-
-// 检查editor对象是否已初始化
-const startEditorCheck = (frameWindow, iframe) => {
-  if (checkEditorTimer.value) {
-    clearInterval(checkEditorTimer.value)
-  }
-  checkCount.value = 0
-  checkEditorTimer.value = setInterval(() => {
-    checkCount.value++
-    try {
-      const editorObj = frameWindow.editor
-      if (editorObj && typeof editorObj.createVitalSigns === 'function') {
-        clearInterval(checkEditorTimer.value)
-        editor.value = editorObj
-        // 将editor对象暴露到全局
-        window.iframeEditor = editorObj
-        window.iframeWindow = frameWindow
-        // 触发事件
-        emit('editor-ready', editorObj)
-        emit('load', { target: iframe, editor: editorObj })
-        // 发送消息通知
-        window.parent.postMessage({ type: 'editorReady' }, '*')
-      }
-    } catch (err) {
-      console.error('检查editor对象时出错:', err)
-    }
-    if (checkCount.value >= 20) {
-      clearInterval(checkEditorTimer.value)
-      console.error('Editor 对象加载失败')
-    }
-  }, 500)
-}
-// iframe加载完成的处理
-const onIframeLoad = (e) => {
-  const iframe = e.target
-  const frameWindow = iframe.contentWindow
-  iframeWindow.value = frameWindow
-  if (!frameWindow) {
-    console.error('无法访问 iframe 内容')
-    return
-  }
-  // 关闭文书工具栏
-  iframe.contentWindow.editor.option.toolbar = false
-  startEditorCheck(frameWindow, iframe)
-}
-// 组件销毁前清理
-onBeforeUnmount(() => {
-  if (checkEditorTimer.value) {
-    clearInterval(checkEditorTimer.value)
-  }
-})
-// 暴露方法给父组件
-defineExpose({ getEditor, createVitalSigns })
-
-// 定义事件
-const emit = defineEmits(['editor-ready', 'load'])
-</script>
-
-<style scoped>
-iframe {
-  border: none;
-  width: 100%;
-  min-height: 800px;
-}
-</style>
+<template>
+  <!-- 根据实际部署环境修改 editor.html 的路径 -->
+  <iframe
+    src="/his/editor/editor.html"
+    width="100%"
+    height="800"
+    frameborder="0"
+    @load="onIframeLoad"
+    ref="editorIframe">
+  </iframe>
+</template>
+
+<script setup>
+
+import { ref, onBeforeUnmount } from 'vue'
+
+const editorIframe = ref(null)
+const checkEditorTimer = ref(null)
+const checkCount = ref(0)
+const editor = ref(null)
+const iframeWindow = ref(null)
+// 对外暴露的获取editor方法
+const getEditor = () => {
+  if (editor.value) {
+    return editor.value
+  }
+  if (iframeWindow.value && iframeWindow.value.editor) {
+    editor.value = iframeWindow.value.editor
+    return editor.value
+  }
+  if (editorIframe.value && editorIframe.value.contentWindow && editorIframe.value.contentWindow.editor) {
+    editor.value = editorIframe.value.contentWindow.editor
+    return editor.value
+  }
+  return null
+}
+// 创建体温单方法
+const createVitalSigns = (data) => {
+  const editorObj = getEditor()
+  if (!editorObj) {
+    throw new Error('editor对象未初始化，无法创建体温单')
+  }
+  if (typeof editorObj.createVitalSigns === 'function') {
+    return editorObj.createVitalSigns(data)
+  } else {
+    throw new Error('editor对象未包含createVitalSigns方法')
+  }
+}
+
+// 检查editor对象是否已初始化
+const startEditorCheck = (frameWindow, iframe) => {
+  if (checkEditorTimer.value) {
+    clearInterval(checkEditorTimer.value)
+  }
+  checkCount.value = 0
+  checkEditorTimer.value = setInterval(() => {
+    checkCount.value++
+    try {
+      const editorObj = frameWindow.editor
+      if (editorObj && typeof editorObj.createVitalSigns === 'function') {
+        clearInterval(checkEditorTimer.value)
+        editor.value = editorObj
+        // 将editor对象暴露到全局
+        window.iframeEditor = editorObj
+        window.iframeWindow = frameWindow
+        // 触发事件
+        emit('editor-ready', editorObj)
+        emit('load', { target: iframe, editor: editorObj })
+        // 发送消息通知
+        window.parent.postMessage({ type: 'editorReady' }, '*')
+      }
+    } catch (err) {
+      console.error('检查editor对象时出错:', err)
+    }
+    if (checkCount.value >= 20) {
+      clearInterval(checkEditorTimer.value)
+      console.error('Editor 对象加载失败')
+    }
+  }, 500)
+}
+// iframe加载完成的处理
+const onIframeLoad = (e) => {
+  const iframe = e.target
+  const frameWindow = iframe.contentWindow
+  iframeWindow.value = frameWindow
+  if (!frameWindow) {
+    console.error('无法访问 iframe 内容')
+    return
+  }
+  // 关闭文书工具栏
+  iframe.contentWindow.editor.option.toolbar = false
+  startEditorCheck(frameWindow, iframe)
+}
+// 组件销毁前清理
+onBeforeUnmount(() => {
+  if (checkEditorTimer.value) {
+    clearInterval(checkEditorTimer.value)
+  }
+})
+// 暴露方法给父组件
+defineExpose({ getEditor, createVitalSigns })
+
+// 定义事件
+const emit = defineEmits(['editor-ready', 'load'])
+</script>
+
+<style scoped>
+iframe {
+  border: none;
+  width: 100%;
+  min-height: 800px;
+}
+</style>

package/src/pages/userInfoDetailManage/ExceptionRecordQuery/index.vue

@@ -1,45 +1,45 @@
-<script>
-export default {
-  name: 'ExceptionQuery',
-  components: {
-    XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue')
-  },
-  props: {
-    currUserInfo: {
-      type: Object,
-      default: () => undefined
-    }
-  },
-  mounted () {
-    this.$refs.xFormTable.refresh(true)
-  },
-  data () {
-    return {
-      // 查询配置名称
-      queryParamsName: 'ExceptionRecordQueryCRUD',
-      fixedQueryForm: { ex_f_userfiles_id: this.currUserInfo.f_userfiles_id },
-      // 新增表单固定值
-      fixedAddForm: {},
-      // 是否显示详情抽屉
-      detailVisible: false,
-      // 当前记录
-      record: {}
-    }
-  }
-}
-</script>
-
-<template>
-  <a-card :bordered="false">
-    <x-form-table
-      title="异常查询"
-      :queryParamsName="queryParamsName"
-      :fixedQueryForm="fixedQueryForm"
-      ref="xFormTable">
-    </x-form-table>
-  </a-card>
-</template>
-
-<style scoped>
-
-</style>
+<script>
+export default {
+  name: 'ExceptionQuery',
+  components: {
+    XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue')
+  },
+  props: {
+    currUserInfo: {
+      type: Object,
+      default: () => undefined
+    }
+  },
+  mounted () {
+    this.$refs.xFormTable.refresh(true)
+  },
+  data () {
+    return {
+      // 查询配置名称
+      queryParamsName: 'ExceptionRecordQueryCRUD',
+      fixedQueryForm: { ex_f_userfiles_id: this.currUserInfo.f_userfiles_id },
+      // 新增表单固定值
+      fixedAddForm: {},
+      // 是否显示详情抽屉
+      detailVisible: false,
+      // 当前记录
+      record: {}
+    }
+  }
+}
+</script>
+
+<template>
+  <a-card :bordered="false">
+    <x-form-table
+      title="异常查询"
+      :queryParamsName="queryParamsName"
+      :fixedQueryForm="fixedQueryForm"
+      ref="xFormTable">
+    </x-form-table>
+  </a-card>
+</template>
+
+<style scoped>
+
+</style>