vue2-client 1.15.86 → 1.15.88

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

@@ -1,123 +1,123 @@
-<template>
-  <div class="x-title-container">
-    <div
-      v-if="config.type === 'title'"
-      class="x-title"
-      :class="{ 'with-underline': config.line === 'line' }">
-      <span>{{ config.label }}</span>
-      <div
-        v-if="config.line === 'line'"
-        class="underline"
-        :style="lineStyle">
-      </div>
-    </div>
-    <div v-else-if="config.type === 'button'" class="x-button-container">
-      <a-button type="primary" @click="handleClick">{{ config.label }}</a-button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue'
-
-const props = defineProps({
-  queryParamsName: {
-    type: String,
-    default: ''
-  }
-})
-
-const emit = defineEmits([])
-
-const config = ref({
-  label: '',
-  type: 'title',
-  clickName: '',
-  line: '',
-  color: '',
-  lineLength: ''
-})
-
-const lineStyle = computed(() => {
-  const style = {}
-
-  // 设置线条颜色
-  style.backgroundColor = config.value.color || '#5D5C5C'
-
-  // 设置线条宽度
-  style.width = config.value.lineLength ? `${config.value.lineLength}px` : '800px'
-
-  return style
-})
-
-const handleClick = () => {
-  if (config.value.clickName) {
-    emit(config.value.clickName)
-  }
-}
-
-const parseConfig = (data) => {
-  if (!data) return
-
-  const parts = data.includes('-') ? data.split('-') : data === 'line' ? ['', 'title', 'line'] : [data]
-
-  // 基本设置 - 标签和类型
-  config.value.label = parts[0] || ''
-  config.value.type = parts[1] || 'title'
-
-  // 根据类型采用不同的参数格式解析
-  if (config.value.type === 'title') {
-    // 标题类型格式: aa-title-line-red-800
-    // parts[0]: 标签
-    // parts[1]: title
-    // parts[2]: line (下划线样式)
-    // parts[3]: 颜色
-    // parts[4]: 长度
-    config.value.line = parts[2] || ''
-    config.value.color = parts[3] || ''
-    config.value.lineLength = parts[4] || ''
-  } else if (config.value.type === 'button') {
-    // 按钮类型格式: aa-button-cc
-    // parts[0]: 标签
-    // parts[1]: button
-    // parts[2]: 点击事件名称
-    config.value.clickName = parts[2] || ''
-  }
-}
-
-onMounted(() => {
-  parseConfig(props.queryParamsName)
-})
-</script>
-
-<style scoped>
-.x-title-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.x-title {
-  font-size: 18px;
-  font-weight: bold;
-  height: 26px;
-  width: 100%;
-  text-align: left;
-  font-family: "Source Han Sans", sans-serif;
-  color: #5D5C5C;
-  position: relative;
-}
-
-.underline {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 1px;
-  width: 100%;
-  background-color: #5D5C5C;
-}
-
-.x-button-container {
-  text-align: right;
-}
-</style>
+<template>
+  <div class="x-title-container">
+    <div
+      v-if="config.type === 'title'"
+      class="x-title"
+      :class="{ 'with-underline': config.line === 'line' }">
+      <span>{{ config.label }}</span>
+      <div
+        v-if="config.line === 'line'"
+        class="underline"
+        :style="lineStyle">
+      </div>
+    </div>
+    <div v-else-if="config.type === 'button'" class="x-button-container">
+      <a-button type="primary" @click="handleClick">{{ config.label }}</a-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+
+const props = defineProps({
+  queryParamsName: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits([])
+
+const config = ref({
+  label: '',
+  type: 'title',
+  clickName: '',
+  line: '',
+  color: '',
+  lineLength: ''
+})
+
+const lineStyle = computed(() => {
+  const style = {}
+
+  // 设置线条颜色
+  style.backgroundColor = config.value.color || '#5D5C5C'
+
+  // 设置线条宽度
+  style.width = config.value.lineLength ? `${config.value.lineLength}px` : '800px'
+
+  return style
+})
+
+const handleClick = () => {
+  if (config.value.clickName) {
+    emit(config.value.clickName)
+  }
+}
+
+const parseConfig = (data) => {
+  if (!data) return
+
+  const parts = data.includes('-') ? data.split('-') : data === 'line' ? ['', 'title', 'line'] : [data]
+
+  // 基本设置 - 标签和类型
+  config.value.label = parts[0] || ''
+  config.value.type = parts[1] || 'title'
+
+  // 根据类型采用不同的参数格式解析
+  if (config.value.type === 'title') {
+    // 标题类型格式: aa-title-line-red-800
+    // parts[0]: 标签
+    // parts[1]: title
+    // parts[2]: line (下划线样式)
+    // parts[3]: 颜色
+    // parts[4]: 长度
+    config.value.line = parts[2] || ''
+    config.value.color = parts[3] || ''
+    config.value.lineLength = parts[4] || ''
+  } else if (config.value.type === 'button') {
+    // 按钮类型格式: aa-button-cc
+    // parts[0]: 标签
+    // parts[1]: button
+    // parts[2]: 点击事件名称
+    config.value.clickName = parts[2] || ''
+  }
+}
+
+onMounted(() => {
+  parseConfig(props.queryParamsName)
+})
+</script>
+
+<style scoped>
+.x-title-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.x-title {
+  font-size: 18px;
+  font-weight: bold;
+  height: 26px;
+  width: 100%;
+  text-align: left;
+  font-family: "Source Han Sans", sans-serif;
+  color: #5D5C5C;
+  position: relative;
+}
+
+.underline {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  width: 100%;
+  background-color: #5D5C5C;
+}
+
+.x-button-container {
+  text-align: right;
+}
+</style>

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

@@ -1,107 +1,107 @@
-<template>
-  <div class="tree-node" :data-node-id="node.id">
-    <div class="node-content" @click="handleClick" :class="{ 'selected': node.selected }">
-      <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;
-}
-
-/* 选中状态样式 */
-.selected {
-  background-color: #e6f7ff;  /* 浅蓝色背景 */
-  color: #1890ff;            /* 蓝色文字 */
-  font-weight: bold;
-}
-
-.node-children {
-  padding-left: 15px;
-}
-</style>
+<template>
+  <div class="tree-node" :data-node-id="node.id">
+    <div class="node-content" @click="handleClick" :class="{ 'selected': node.selected }">
+      <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;
+}
+
+/* 选中状态样式 */
+.selected {
+  background-color: #e6f7ff;  /* 浅蓝色背景 */
+  color: #1890ff;            /* 蓝色文字 */
+  font-weight: bold;
+}
+
+.node-children {
+  padding-left: 15px;
+}
+</style>