vue2-client 1.13.14 → 1.13.16

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

@@ -62,7 +62,7 @@ export default {
     // 配置参数名称，用于获取时间轴配置
     queryParamsName: {
       type: String,
-      default: 'XTimelineExampleConfig'
+      default: ''
     }
   },
 
@@ -207,7 +207,7 @@ export default {
 
     // 前一天
     goToPrevDay () {
-      const newDate = moment(this.baseDate).subtract(1, 'day')
+      const newDate = moment(this.currentDate).subtract(1, 'day')
       if (this.config?.minDate && newDate.isBefore(this.config.minDate)) {
         return
       }
@@ -224,7 +224,7 @@ export default {
 
     // 后一天
     goToNextDay () {
-      const newDate = moment(this.baseDate).add(1, 'day')
+      const newDate = moment(this.currentDate).add(1, 'day')
       if (this.config?.maxDate && newDate.isAfter(this.config.maxDate)) {
         return
       }

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

@@ -115,7 +115,7 @@ export default {
         frameborder: 0
       },
       // 数据模式
-      modeType: 'readonly',
+      modeType: 'form',
       // 是否显示模式切换功能
       showModeChoose: true,
       // 数据模式列表
@@ -213,7 +213,7 @@ export default {
         dropDownBoxParams,
         serviceName,
         showModeChoose = true,
-        modeType = 'readonly'
+        modeType = 'form'
       } = params
       this.resId = resId
       if (bindObject) {

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

@@ -2,15 +2,17 @@
   <div class="x-time-select">
     <div class="time-select-container">
       <span v-if="label" class="time-select-label">{{ label }}</span>
-      <a-range-picker
-        :value="dateRange"
-        :placeholder="['开始日期', '结束日期']"
-        separator="至"
-        :disabled="disabled"
-        :allowClear="allowClear"
-        :format="format"
-        @change="handleDateChange"
-      />
+      <div class="picker-wrapper">
+        <a-range-picker
+          :value="dateRange"
+          :placeholder="['开始日期', '结束日期']"
+          separator="至"
+          :disabled="disabled"
+          :allowClear="allowClear"
+          :format="format"
+          @change="handleDateChange"
+        />
+      </div>
     </div>
   </div>
 </template>
@@ -91,13 +93,16 @@ export default {
 .time-select-container {
   display: flex;
   align-items: center;
-  gap: 4px;
 }
 
 .time-select-label {
   white-space: nowrap;
   color: rgba(0, 0, 0, 0.85);
-  min-width: 30px;
+  padding-right: 8px;
+}
+
+.picker-wrapper {
+  flex: 1;
 }
 
 .x-time-select :deep(.ant-picker-range),

package/src/base-client/components/his/XTreeRows/TreeNode.vue

@@ -0,0 +1,100 @@
+<template>
+  <div class="tree-node">
+    <div class="node-content" @click="handleClick">
+      <span v-if="hasChildren" class="toggle-icon">
+        {{ node.expanded ? '-' : '+' }}
+      </span>
+      <span v-else class="empty-space"></span>
+      <span class="node-title" :title="node.title">{{ node.title }}</span>
+    </div>
+    <div v-if="hasChildren && node.expanded" class="node-children">
+      <tree-node
+        v-for="child in node.children"
+        :key="child.id"
+        :node="child"
+        @toggle="handleToggle"
+        :level="level + 1"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TreeNode',
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    level: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    hasChildren () {
+      return this.node.children && this.node.children.length > 0
+    }
+  },
+  methods: {
+    handleClick () {
+      if (this.hasChildren) {
+        this.$emit('toggle', this.node)
+      }
+    },
+    handleToggle (childNode) {
+      this.$emit('toggle', childNode)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.tree-node {
+  margin: 1px 0;
+  white-space: nowrap;
+}
+
+.node-content {
+  display: flex;
+  align-items: center;
+  padding: 3px 2px;
+  user-select: none;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.toggle-icon {
+  width: 12px;
+  text-align: center;
+  font-size: 14px;
+  color:#5D5C5C;
+  font-weight: 400;
+  margin-right: 3px;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.empty-space {
+  width: 12px;
+  margin-right: 3px;
+  flex-shrink: 0;
+}
+
+.node-title {
+  flex: 1;
+  cursor: default;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.node-content:hover {
+  background-color: #f5f5f5;
+}
+
+.node-children {
+  padding-left: 15px;
+}
+</style>

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

@@ -0,0 +1,196 @@
+<template>
+  <div class="tree-container">
+    <div class="tree-header">
+      <span class="tree-title">{{ title }}</span>
+      <span class="tree-expand-all" @click="isToOpenAll" v-if="isShowOpen">
+        {{ isExpanded ? '收起' : '全部展开' }}
+      </span>
+    </div>
+    <div class="tree-list">
+      <tree-node
+        v-for="node in showData"
+        :key="node.id"
+        :node="node"
+        @toggle="toggleNode"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import TreeNode from './TreeNode.vue'
+import { getConfigByName, runLogic } from '@/services/api/common'
+
+export default {
+  name: 'XTreeRows',
+  components: {
+    TreeNode
+  },
+  props: {
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    isOpenAll: {
+      type: Boolean,
+      default: false
+    },
+    parameter: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      treeData: [
+        {
+          id: '1',
+          title: '体征',
+          expanded: false,
+          children: [
+            {
+              id: '1-1',
+              title: '一般情况'
+            },
+            {
+              id: '1-2',
+              title: '皮肤粘膜'
+            },
+            {
+              id: '1-3',
+              title: '头颈',
+              expanded: false,
+              children: [
+                {
+                  id: '1-3-1',
+                  title: '头部头部头部头部头部头部头部头部头部头部头部头部头部头部',
+                  expanded: false,
+                  children: [
+                    {
+                      id: '1-3-1-1',
+                      title: '123456'
+                    }
+                  ]
+                },
+                {
+                  id: '1-2-2',
+                  title: '颈部'
+                }
+              ]
+            },
+            {
+              id: '1-4',
+              title: '胸部'
+            },
+          ]
+        }
+      ],
+      isExpanded: false,
+      showData: [],
+      isShowOpen: true,
+      title: '标题'
+    }
+  },
+  methods: {
+    toggleNode (node) {
+      node.expanded = !node.expanded
+      this.$emit('node-toggle', node)
+    },
+    isToOpenAll () {
+      this.isExpanded = !this.isExpanded
+      this.expandAllNodes(this.showData, this.isExpanded)
+      this.$emit('isOpenAll', this.isExpanded)
+    },
+    expandAllNodes (nodes, expand) {
+      nodes.forEach(node => {
+        if (node.children && node.children.length > 0) {
+          node.expanded = expand
+          this.expandAllNodes(node.children, expand)
+        }
+      })
+    },
+    init (config, parameterData) {
+      getConfigByName(config, 'af-his', res => {
+        this.isShowOpen = res.isShowOpen
+        this.title = res.title
+        console.log(res)
+        if (!res.isCheck) {
+          this.showData = res.showData
+          return
+        }
+        const parameter = { ...parameterData, ...this.parameter }
+        runLogic(res.logicName, parameter, 'af-his').then(result => {
+          this.showData = result
+        })
+      })
+    }
+  },
+  watch: {
+    queryParamsName: {
+      immediate: true,
+      handler (newValue) {
+        console.log(newValue)
+        this.init(newValue, {})
+      },
+      deep: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.tree-container {
+  width: 100%;
+  height: 320px;
+  overflow-y: auto;
+  overflow-x: auto;
+  padding: 6px;
+  box-sizing: border-box;
+}
+/* 自定义滚动条样式 */
+.tree-container::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.tree-container::-webkit-scrollbar-thumb {
+  background-color: #ccc;
+  border-radius: 2px;
+}
+.tree-container::-webkit-scrollbar-track {
+  background-color: #f5f5f5;
+}
+.tree-list {
+  font-size: 14px;
+  min-width: 100%;
+}
+
+.tree-header {
+  padding: 8px 4px;
+  border-bottom: 1px solid #e8e8e8;
+  margin-bottom: 8px;
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+  z-index: 1;
+}
+
+.tree-title {
+  font-size: 16px;
+  font-weight: 700;
+  color:#5D5C5C;
+}
+
+.tree-expand-all {
+  margin-left: 5px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #5D5C5C;
+  cursor: pointer;
+  user-select: none;
+}
+
+.tree-expand-all:hover {
+  color: #989a9a;
+}
+</style>