vue2-client 1.16.84 → 1.16.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.16.84",
+  "version": "1.16.86",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/HIS/HForm/HForm.vue

@@ -16,7 +16,8 @@ const wrapperClassObject = computed(() => {
     'label-text-horizontal',
     'label-text-justify',
     'left-form',
-    'charge-form'
+    'charge-form',
+    'aligned-form'
   ]
   for (const key of booleanStyleKeys) {
     const val = a[key]
@@ -344,5 +345,148 @@ defineExpose({
       }
     }
   }
+
+  // aligned-form 样式 - 实现标签左对齐、输入框垂直对齐的整齐布局
+  &.h-form-aligned-form {
+    :deep(.ant-form-item) {
+      margin-bottom: 16px;
+      display: flex;
+      align-items: center;
+      width: 100%;
+
+      .ant-form-item-label {
+        text-align: left;
+        margin-right: 12px;
+        flex-shrink: 0;
+        min-width: 80px; // 确保标签有最小宽度，保持对齐
+        max-width: 120px; // 限制最大宽度，避免过宽
+
+        label {
+          margin: 0;
+          padding: 0;
+          white-space: nowrap;
+          display: block;
+          text-align: left;
+          line-height: 32px;
+          height: 32px;
+          color: rgba(0, 0, 0, 0.85);
+          font-size: 14px;
+
+          // 移除默认冒号
+          &::after {
+            content: '';
+          }
+        }
+      }
+
+      .ant-form-item-control-wrapper {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        align-items: center;
+
+        .ant-form-item-control {
+          width: 100%;
+          margin: 0;
+          padding: 0;
+
+          // 统一输入框样式
+          .ant-input,
+          .ant-input-affix-wrapper,
+          .ant-select,
+          .ant-input-number,
+          .ant-picker,
+          .ant-radio-group,
+          .ant-checkbox-group {
+            width: 100%;
+            height: 32px;
+            line-height: 32px;
+            vertical-align: top;
+            margin: 0;
+            text-align: left;
+          }
+
+          // 选择器样式
+          .ant-select {
+            .ant-select-selector {
+              height: 32px;
+              line-height: 32px;
+
+              .ant-select-selection-item,
+              .ant-select-selection-placeholder {
+                line-height: 32px;
+                height: 32px;
+              }
+            }
+          }
+
+          // 日期选择器样式
+          .ant-picker {
+            height: 32px;
+
+            .ant-picker-input {
+              height: 32px;
+              line-height: 32px;
+
+              input {
+                height: 32px;
+                line-height: 32px;
+              }
+            }
+          }
+
+          // 数字输入框样式
+          .ant-input-number {
+            height: 32px;
+
+            .ant-input-number-input {
+              height: 32px;
+              line-height: 32px;
+            }
+          }
+
+          // 单选框组和复选框组样式
+          .ant-radio-group,
+          .ant-checkbox-group {
+            height: 32px;
+            line-height: 32px;
+            display: flex;
+            align-items: center;
+
+            .ant-radio-wrapper,
+            .ant-checkbox-wrapper {
+              height: 32px;
+              line-height: 32px;
+              margin-right: 16px;
+            }
+          }
+        }
+      }
+    }
+
+    // 确保行容器样式
+    :deep(.ant-row) {
+      margin: 0;
+      padding: 0;
+
+      .ant-col {
+        margin: 0;
+        padding: 0 8px; // 列与列之间的间距
+        display: flex;
+        flex-direction: column;
+      }
+    }
+
+    // 重置可能的容器边距
+    :deep(.ant-form-item) {
+      margin: 0 0 16px 0 !important;
+
+      .ant-form-item-control-input,
+      .ant-form-item-control-input-content {
+        margin: 0 !important;
+        padding: 0 !important;
+      }
+    }
+  }
 }
 </style>

package/src/base-client/components/common/HIS/HFormTable/HFormTable.vue

@@ -21,7 +21,8 @@ const wrapperClassObject = computed(() => {
     'button-row-0margin',
     'top-hidden',
     'dialog-style',
-    'button-style'
+    'button-style',
+    'header-center'
   ]
   for (const key of booleanStyleKeys) {
     const val = a[key]
@@ -390,5 +391,13 @@ const isCustomPagination = computed(() => {
       line-height: normal;
     }
   }
+
+  // 表格内容全部居中样式
+  &.h-form-table-header-center {
+    :deep(.ant-table-thead > tr > th),
+    :deep(.ant-table-tbody > tr > td) {
+      text-align: center !important;
+    }
+  }
 }
 </style>

package/src/base-client/components/common/HIS/HTab/HTab.vue

@@ -1,418 +1,443 @@
-<script setup>
-import XTab from '@vue2-client/base-client/components/common/XTab/XTab.vue'
-import { ref, computed, useAttrs, useSlots, watch, onMounted } from 'vue'
-import { getConfigByName } from '@vue2-client/services/api/common'
-
-const props = defineProps({
-  // 标签栏右侧附加区域的配置名（可选）。提供时将自动加载配置并渲染到 tabBar 右侧。
-  tabBarExtraConfig: {
-    type: String,
-    default: undefined
-  },
-  // 控制标签间距，覆盖内部 XTab 的默认 10px；默认置 0 清除外边距
-  tabBarGutter: {
-    type: Number,
-    default: 0
-  }
-})
-
-// 兼容多种样式配置
-const attrs = useAttrs()
-const wrapperClassObject = computed(() => {
-  const a = attrs
-  const classes = {}
-
-  // 通用布尔样式开关（以存在/空字符串/'true' 为真）
-  const booleanStyleKeys = [
-    'hasTopMargin', 'useStyle7', 'useCycle', 'useStyle8'
-  ]
-  for (const key of booleanStyleKeys) {
-    const val = a[key]
-    const truthy = val === true || val === '' || val === 'true'
-    if (truthy) classes[`h-tab-${key}`] = true
-  }
-  return classes
-})
-
-// 创建对XTab组件的引用
-const xTabRef = ref()
-
-// 获取插槽（避免模板中直接使用 $slots 触发类型检查错误）
-const slots = useSlots()
-const slotNames = computed(() => {
-  try {
-    return Object.keys(slots || {})
-  } catch (e) {
-    return []
-  }
-})
-
-// 右侧附加区域的动态配置
-const extraConfig = ref(null)
-const extraItems = computed(() => {
-  const cfg = extraConfig.value
-  return cfg && cfg.value ? cfg.value : []
-})
-
-// 本地异步组件映射（未全局注册时生效）
-const localMap = {
-  'x-input': () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
-  'x-select': () => import('@vue2-client/base-client/components/his/XSelect/XSelect.vue'),
-  'x-radio': () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue'),
-  'x-buttons': () => import('@vue2-client/base-client/components/common/XButtons/XButtons.vue'),
-  'h-buttons': () => import('@vue2-client/base-client/components/common/HIS/HButtons/HButtons.vue')
-}
-
-// 从 attrs 中读取 serverName 与 env（保持向后兼容）
-const serverName = computed(() => (attrs && attrs.serverName))
-const env = computed(() => (attrs && attrs.env) || 'prod')
-
-const loadExtraConfig = (configName) => {
-  if (!configName) {
-    extraConfig.value = null
-    return
-  }
-  getConfigByName(configName, serverName.value, (res) => {
-    extraConfig.value = res
-  }, env.value === 'dev')
-}
-
-onMounted(() => loadExtraConfig(props.tabBarExtraConfig))
-watch(() => props.tabBarExtraConfig, loadExtraConfig)
-
-// 暴露方法给父组件使用
-defineExpose({
-  // 为了兼容性，保留getXTabInstance方法
-  getXTabInstance: () => xTabRef.value,
-})
-</script>
-
-<template>
-  <div
-    class="h-tab-wrapper"
-    :class="[wrapperClassObject, extraItems.length > 1 ? 'h-tab-extra-wrapper-multiple' : '']">
-    <x-tab
-      ref="xTabRef"
-      :tabBarGutter="props.tabBarGutter"
-      v-bind="$attrs"
-      v-on="$listeners"
-    >
-      <template v-if="extraItems.length" #tabBarExtraContent>
-        <!-- 父级可接管渲染；未提供则按配置兜底渲染 -->
-        <slot name="tabBarExtraContent" :config="extraConfig" :items="extraItems">
-          <div class="h-tab-extra-wrapper">
-            <component
-              v-for="(item, idx) in extraItems"
-              :is="localMap[item.slotType] || item.slotType"
-              :key="idx"
-              :ref="item.slotRef || `extra_${idx}`"
-              :serviceName="item.serviceName || serverName"
-              :serverName="item.serviceName || serverName"
-              :queryParamsName="item.slotConfig"
-              :env="env"
-              v-on="$listeners"
-              v-bind="item.attrs"
-            />
-          </div>
-        </slot>
-      </template>
-      <template v-for="name in slotNames" #[name]="slotData">
-        <slot :name="name" v-bind="slotData" />
-      </template>
-    </x-tab>
-  </div>
-</template>
-
-<style scoped lang="less">
-.h-tab-wrapper {
-  // 基础样式
-  :deep(.ant-tabs-tab-next) {
-    display: none;
-  }
-  :deep(.ant-tabs-nav-wrap) {
-    margin-top: 18px !important;
-    margin-bottom: 0 !important;
-  }
-  :deep(.ant-tabs-nav) {
-    // 去除导航容器默认左右内边距，避免收缩时左侧多出一截
-    .ant-tabs-nav-container,
-    .ant-tabs-nav-scroll {
-      margin: 0px;
-    }
-
-    // 移除左右切换箭头带来的占位
-    .ant-tabs-tab-prev,
-    .ant-tabs-tab-next {
-      display: none !important;
-      width: 0 !important;
-    }
-    .ant-tabs-tab-next-icon {
-      display: none;
-    }
-    .ant-tabs-tab {
-      background-color: transparent;
-      border-radius: 6px 6px 0 0;
-      color: #5D5C5C;
-      font-weight: bold;
-      width: 134px;
-      font-size: 18px;
-      line-height: 26px;
-      font-family: "Source Han Sans";
-      transition: all 0.3s;
-      height: 32px;
-      text-align: center;
-      margin: 0 !important;
-      padding: 0 !important;
-    }
-    .ant-tabs-tab-active {
-      background-color: #0057FE;
-      color: #ffffff;
-      width: 134px;
-      line-height: 26px;
-      height: 32px;
-      text-align: center;
-      margin: 0 !important;
-      padding: 0 !important;
-    }
-  }
-
-  :deep(.ant-tabs-bar) {
-    border-bottom: 2px solid #0057FE;
-    margin: 0px 0px;
-    width: 100%;
-    height: 50px;
-  }
-
-  // 滚动状态下的容器左右内边距清零，避免左侧多出一截
-  :deep(.ant-tabs-nav-container-scrolling) {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
-
-  :deep(.ant-tabs-tab-arrow-show) {
-    display: none;
-  }
-
-  :deep(.ant-tabs-ink-bar) {
-    background-color: transparent;
-    bottom: 0px;
-    display: none;
-    height: 0;
-  }
-
-  :deep(.ant-tabs-tab-prev-icon-target) {
-    display: none;
-  }
-
-  // 带顶部边距的样式
-  &.h-tab-hasTopMargin {
-    :deep(.ant-tabs-nav) {
-      margin-top: 6px;
-    }
-
-    :deep(.ant-tabs-bar) {
-      margin: 0 6px;
-    }
-
-    :deep(.ant-card-body) {
-      padding: 6px 0;
-
-      .ant-card-body {
-        padding: 6px;
-      }
-    }
-  }
-
-  // 通用样式7：细下划线、透明背景、可配置宽度
-  &.h-tab-useStyle7 {
-    :deep(.ant-tabs-tab-next),
-    :deep(.ant-tabs-tab-prev-icon-target),
-    :deep(.ant-tabs-tab-next-icon) { display: none; }
-
-    :deep(.ant-tabs-bar) { border-bottom: 2px solid transparent; }
-
-    :deep(.ant-tabs-ink-bar) {
-      display: block;
-      background-color: #0057FE;
-      bottom: 8px;
-      height: 2px;
-      /* 宽度交给 antd 自身计算，避免固定值影响自适应 */
-      margin-left: 0;
-    }
-
-    :deep(.ant-tabs-nav) {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      .ant-tabs-tab {
-        background-color: transparent;
-        border-radius: 0;
-        color: #333333;
-        font-weight: 500;
-        /* 自适应宽度，允许通过变量覆盖最小宽度 */
-        min-width: var(--tab-min-width, 96px);
-        width: auto;
-        padding: 0 12px;
-        font-size: 16px;
-        line-height: 10px;
-        font-family: "Source Han Sans";
-        transition: all 0.3s;
-        height: 40px;
-        text-align: center;
-        margin-right: 0 !important;
-      }
-      .ant-tabs-tab-active {
-        background-color: transparent;
-        color: #0057FE;
-        font-weight: 600;
-        width: auto;
-        line-height: 10px;
-        height: 40px;
-        text-align: center;
-      }
-    }
-
-    // 可选：标签左侧圆点
-    &.h-tab-useCycle {
-      :deep(.ant-tabs-tab) {
-        position: relative;
-        padding-left: 18px !important;
-        margin-right: 20px !important;
-        display: inline-flex !important; // 使用inline-flex保持水平布局
-        align-items: center !important; // 确保内容垂直居中
-        line-height: normal !important; // 重置line-height避免冲突
-        vertical-align: top !important; // 确保垂直对齐
-      }
-      :deep(.ant-tabs-tab::before) {
-        content: "" !important;
-        position: absolute !important;
-        left: 0 !important;
-        top: 50% !important;
-        transform: translateY(-50%) !important;
-        width: 8px !important;
-        height: 8px !important;
-        background: #0057FE !important;
-        border-radius: 50% !important;
-        display: block !important;
-        z-index: 1 !important; // 确保圆点在最上层
-      }
-      :deep(.ant-tabs-nav) {
-        display: flex !important;
-        flex-direction: row !important; // 明确指定水平方向
-        flex-wrap: nowrap !important;
-        align-items: center !important; // 确保导航栏垂直居中
-      }
-    }
-  }
-  // 用户词条使用样式
-  &.h-tab-useStyle8 {
-    :deep(.ant-tabs-tab-next),
-    :deep(.ant-tabs-tab-prev-icon-target),
-    :deep(.ant-tabs-tab-next-icon) { display: none; }
-
-    // Make the main Ant Design tabs container a flex column to arrange tab bar and content vertically
-    :deep(.ant-tabs) {
-      display: flex !important;
-      flex-direction: column !important; // 确保选项卡栏在顶部，内容区域在下方
-      height: auto !important; // 高度自适应
-    }
-
-    :deep(.ant-tabs-bar) {
-      border-bottom: 1px solid #d9d9d9; // 底部边框
-      border-right: none; // 移除右侧边框
-      margin-right: 0 !important; // 移除重叠修复
-      flex-shrink: 1 !important; // 允许收缩
-      height: auto !important; // 高度自适应
-      margin-bottom: 0px !important;
-    }
-
-    :deep(.ant-tabs-content) {
-      flex: none !important; // 移除 flex: 1，允许内容区域自然流淌
-    }
-
-    :deep(.ant-tabs-nav) {
-      .ant-tabs-nav-container,
-      .ant-tabs-nav-wrap,
-      .ant-tabs-nav-scroll,
-      & > div:first-child {
-        display: flex !important;
-        flex-direction: row !important;
-        flex-wrap: nowrap !important; // 确保不换行
-        width: 100% !important; // 占据全部宽度
-        height: auto !important;
-      }
-
-      height: auto !important; // 高度自适应内容
-      width: 100% !important; // 确保容器占据全部宽度
-
-      .ant-tabs-tab {
-        flex: 1 !important; // 宽度等分布局
-        margin-right: 0 !important;
-        margin-bottom: 0 !important; // 移除底部间距
-        border-top: 1px solid #d9d9d9;
-        border-left: 1px solid #d9d9d9;
-        border-bottom: 1px solid #d9d9d9; // 所有选项卡都有底部边框
-        border-right: none; // 默认没有右边框
-        &:last-child {
-          border-right: 1px solid #d9d9d9; // 最后一个选项卡有右边框
-        }
-        border-radius: 0; // 默认无圆角，避免中间相邻处出现圆角
-        background-color: #f5f5f5;
-        color: #333333;
-        font-weight: 500;
-        font-size: 16px;
-        height: 40px; // 固定高度
-        width: auto !important; // 移除固定宽度，以便等分
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 0;
-      }
-      // 首项：仅左侧圆角
-      .ant-tabs-tab:first-child {
-        border-top-left-radius: 10px;
-        border-bottom-left-radius: 10px;
-      }
-      // 末项：仅右侧圆角
-      .ant-tabs-tab:last-child {
-        border-top-right-radius: 10px;
-        border-bottom-right-radius: 10px;
-      }
-      .ant-tabs-tab-active {
-        border-bottom: 1px solid transparent; // 激活时隐藏底部边框，与 ant-tabs-bar 的边框衔接
-        background-color: #0057FE;
-        color: #ffffff;
-        font-weight: 600;
-      }
-    }
-    :deep(.ant-tabs-ink-bar) {
-      display: none; // 隐藏下划线
-    }
-  }
-  &.h-tab-extra-wrapper-multiple {
-    :deep(.h-tab-extra-wrapper){
-      display: flex;
-      justify-content: end;
-      gap: 8px;
-    }
-    :deep(.x-radio-group){
-      height: 32px;
-    }
-    :deep(.x-radio-item){
-      height: 32px;
-      display: flex;
-      align-items: center;
-      margin-bottom: 0px;
-    }
-    :deep(.ant-tabs-tab){
-      height: 34px;
-    }
-    :deep(.ant-tabs-nav-container){
-      padding-top: 2px;
-    }
-    :deep(.ant-tabs-extra-content){
-      line-height: 0px !important;
-    }
-  }
-}
-</style>
+<script setup>
+import XTab from '@vue2-client/base-client/components/common/XTab/XTab.vue'
+import { ref, computed, useAttrs, useSlots, watch, onMounted } from 'vue'
+import { getConfigByName } from '@vue2-client/services/api/common'
+
+const props = defineProps({
+  // 标签栏右侧附加区域的配置名（可选）。提供时将自动加载配置并渲染到 tabBar 右侧。
+  tabBarExtraConfig: {
+    type: String,
+    default: undefined
+  },
+  // 控制标签间距，覆盖内部 XTab 的默认 10px；默认置 0 清除外边距
+  tabBarGutter: {
+    type: Number,
+    default: 0
+  }
+})
+
+// 兼容多种样式配置
+const attrs = useAttrs()
+const wrapperClassObject = computed(() => {
+  const a = attrs
+  const classes = {}
+
+  // 通用布尔样式开关（以存在/空字符串/'true' 为真）
+  const booleanStyleKeys = [
+    'hasTopMargin', 'useStyle7', 'useCycle', 'useStyle8', 'out-tab'
+  ]
+  for (const key of booleanStyleKeys) {
+    const val = a[key]
+    const truthy = val === true || val === '' || val === 'true'
+    if (truthy) classes[`h-tab-${key}`] = true
+  }
+  return classes
+})
+
+// 创建对XTab组件的引用
+const xTabRef = ref()
+
+// 获取插槽（避免模板中直接使用 $slots 触发类型检查错误）
+const slots = useSlots()
+const slotNames = computed(() => {
+  try {
+    return Object.keys(slots || {})
+  } catch (e) {
+    return []
+  }
+})
+
+// 右侧附加区域的动态配置
+const extraConfig = ref(null)
+const extraItems = computed(() => {
+  const cfg = extraConfig.value
+  return cfg && cfg.value ? cfg.value : []
+})
+
+// 本地异步组件映射（未全局注册时生效）
+const localMap = {
+  'x-input': () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
+  'x-select': () => import('@vue2-client/base-client/components/his/XSelect/XSelect.vue'),
+  'x-radio': () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue'),
+  'x-buttons': () => import('@vue2-client/base-client/components/common/XButtons/XButtons.vue'),
+  'h-buttons': () => import('@vue2-client/base-client/components/common/HIS/HButtons/HButtons.vue')
+}
+
+// 从 attrs 中读取 serverName 与 env（保持向后兼容）
+const serverName = computed(() => (attrs && attrs.serverName))
+const env = computed(() => (attrs && attrs.env) || 'prod')
+
+const loadExtraConfig = (configName) => {
+  if (!configName) {
+    extraConfig.value = null
+    return
+  }
+  getConfigByName(configName, serverName.value, (res) => {
+    extraConfig.value = res
+  }, env.value === 'dev')
+}
+
+onMounted(() => loadExtraConfig(props.tabBarExtraConfig))
+watch(() => props.tabBarExtraConfig, loadExtraConfig)
+
+// 暴露方法给父组件使用
+defineExpose({
+  // 为了兼容性，保留getXTabInstance方法
+  getXTabInstance: () => xTabRef.value,
+})
+</script>
+
+<template>
+  <div
+    class="h-tab-wrapper"
+    :class="[wrapperClassObject, extraItems.length > 1 ? 'h-tab-extra-wrapper-multiple' : '']">
+    <x-tab
+      ref="xTabRef"
+      :tabBarGutter="props.tabBarGutter"
+      v-bind="$attrs"
+      v-on="$listeners"
+    >
+      <template v-if="extraItems.length" #tabBarExtraContent>
+        <!-- 父级可接管渲染；未提供则按配置兜底渲染 -->
+        <slot name="tabBarExtraContent" :config="extraConfig" :items="extraItems">
+          <div class="h-tab-extra-wrapper">
+            <component
+              v-for="(item, idx) in extraItems"
+              :is="localMap[item.slotType] || item.slotType"
+              :key="idx"
+              :ref="item.slotRef || `extra_${idx}`"
+              :serviceName="item.serviceName || serverName"
+              :serverName="item.serviceName || serverName"
+              :queryParamsName="item.slotConfig"
+              :env="env"
+              v-on="$listeners"
+              v-bind="item.attrs"
+            />
+          </div>
+        </slot>
+      </template>
+      <template v-for="name in slotNames" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+    </x-tab>
+  </div>
+</template>
+
+<style scoped lang="less">
+.h-tab-wrapper {
+  // 基础样式
+  :deep(.ant-tabs-tab-next) {
+    display: none;
+  }
+  :deep(.ant-tabs-nav-wrap) {
+    margin-top: 18px !important;
+    margin-bottom: 0 !important;
+  }
+  :deep(.ant-tabs-nav) {
+    // 去除导航容器默认左右内边距，避免收缩时左侧多出一截
+    .ant-tabs-nav-container,
+    .ant-tabs-nav-scroll {
+      margin: 0px;
+    }
+
+    // 移除左右切换箭头带来的占位
+    .ant-tabs-tab-prev,
+    .ant-tabs-tab-next {
+      display: none !important;
+      width: 0 !important;
+    }
+    .ant-tabs-tab-next-icon {
+      display: none;
+    }
+    .ant-tabs-tab {
+      background-color: transparent;
+      border-radius: 6px 6px 0 0;
+      color: #5D5C5C;
+      font-weight: bold;
+      width: 134px;
+      font-size: 18px;
+      line-height: 26px;
+      font-family: "Source Han Sans";
+      transition: all 0.3s;
+      height: 32px;
+      text-align: center;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+    .ant-tabs-tab-active {
+      background-color: #0057FE;
+      color: #ffffff;
+      width: 134px;
+      line-height: 26px;
+      height: 32px;
+      text-align: center;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+  }
+
+  :deep(.ant-tabs-bar) {
+    border-bottom: 2px solid #0057FE;
+    margin: 0px 0px;
+    width: 100%;
+    height: 50px;
+  }
+
+  // 滚动状态下的容器左右内边距清零，避免左侧多出一截
+  :deep(.ant-tabs-nav-container-scrolling) {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  :deep(.ant-tabs-tab-arrow-show) {
+    display: none;
+  }
+
+  :deep(.ant-tabs-ink-bar) {
+    background-color: transparent;
+    bottom: 0px;
+    display: none;
+    height: 0;
+  }
+
+  :deep(.ant-tabs-tab-prev-icon-target) {
+    display: none;
+  }
+
+  // 带顶部边距的样式
+  &.h-tab-hasTopMargin {
+    :deep(.ant-tabs-nav) {
+      margin-top: 6px;
+    }
+
+    :deep(.ant-tabs-bar) {
+      margin: 0 6px;
+    }
+
+    :deep(.ant-card-body) {
+      padding: 6px 0;
+
+      .ant-card-body {
+        padding: 6px;
+      }
+    }
+  }
+
+  // 通用样式7：细下划线、透明背景、可配置宽度
+  &.h-tab-useStyle7 {
+    :deep(.ant-tabs-tab-next),
+    :deep(.ant-tabs-tab-prev-icon-target),
+    :deep(.ant-tabs-tab-next-icon) { display: none; }
+
+    :deep(.ant-tabs-bar) { border-bottom: 2px solid transparent; }
+
+    :deep(.ant-tabs-ink-bar) {
+      display: block;
+      background-color: #0057FE;
+      bottom: 8px;
+      height: 2px;
+      /* 宽度交给 antd 自身计算，避免固定值影响自适应 */
+      margin-left: 0;
+    }
+
+    :deep(.ant-tabs-nav) {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      .ant-tabs-tab {
+        background-color: transparent;
+        border-radius: 0;
+        color: #333333;
+        font-weight: 500;
+        /* 自适应宽度，允许通过变量覆盖最小宽度 */
+        min-width: var(--tab-min-width, 96px);
+        width: auto;
+        padding: 0 12px;
+        font-size: 16px;
+        line-height: 10px;
+        font-family: "Source Han Sans";
+        transition: all 0.3s;
+        height: 40px;
+        text-align: center;
+        margin-right: 0 !important;
+      }
+      .ant-tabs-tab-active {
+        background-color: transparent;
+        color: #0057FE;
+        font-weight: 600;
+        width: auto;
+        line-height: 10px;
+        height: 40px;
+        text-align: center;
+      }
+    }
+
+    // 可选：标签左侧圆点
+    &.h-tab-useCycle {
+      :deep(.ant-tabs-tab) {
+        position: relative;
+        padding-left: 18px !important;
+        margin-right: 20px !important;
+        display: inline-flex !important; // 使用inline-flex保持水平布局
+        align-items: center !important; // 确保内容垂直居中
+        line-height: normal !important; // 重置line-height避免冲突
+        vertical-align: top !important; // 确保垂直对齐
+      }
+      :deep(.ant-tabs-tab::before) {
+        content: "" !important;
+        position: absolute !important;
+        left: 0 !important;
+        top: 50% !important;
+        transform: translateY(-50%) !important;
+        width: 8px !important;
+        height: 8px !important;
+        background: #0057FE !important;
+        border-radius: 50% !important;
+        display: block !important;
+        z-index: 1 !important; // 确保圆点在最上层
+      }
+      :deep(.ant-tabs-nav) {
+        display: flex !important;
+        flex-direction: row !important; // 明确指定水平方向
+        flex-wrap: nowrap !important;
+        align-items: center !important; // 确保导航栏垂直居中
+      }
+    }
+  }
+  // 用户词条使用样式
+  &.h-tab-useStyle8 {
+    :deep(.ant-tabs-tab-next),
+    :deep(.ant-tabs-tab-prev-icon-target),
+    :deep(.ant-tabs-tab-next-icon) { display: none; }
+
+    // Make the main Ant Design tabs container a flex column to arrange tab bar and content vertically
+    :deep(.ant-tabs) {
+      display: flex !important;
+      flex-direction: column !important; // 确保选项卡栏在顶部，内容区域在下方
+      height: auto !important; // 高度自适应
+    }
+
+    :deep(.ant-tabs-bar) {
+      border-bottom: 1px solid #d9d9d9; // 底部边框
+      border-right: none; // 移除右侧边框
+      margin-right: 0 !important; // 移除重叠修复
+      flex-shrink: 1 !important; // 允许收缩
+      height: auto !important; // 高度自适应
+      margin-bottom: 0px !important;
+    }
+
+    :deep(.ant-tabs-content) {
+      flex: none !important; // 移除 flex: 1，允许内容区域自然流淌
+    }
+
+    :deep(.ant-tabs-nav) {
+      .ant-tabs-nav-container,
+      .ant-tabs-nav-wrap,
+      .ant-tabs-nav-scroll,
+      & > div:first-child {
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important; // 确保不换行
+        width: 100% !important; // 占据全部宽度
+        height: auto !important;
+      }
+
+      height: auto !important; // 高度自适应内容
+      width: 100% !important; // 确保容器占据全部宽度
+
+      .ant-tabs-tab {
+        flex: 1 !important; // 宽度等分布局
+        margin-right: 0 !important;
+        margin-bottom: 0 !important; // 移除底部间距
+        border-top: 1px solid #d9d9d9;
+        border-left: 1px solid #d9d9d9;
+        border-bottom: 1px solid #d9d9d9; // 所有选项卡都有底部边框
+        border-right: none; // 默认没有右边框
+        &:last-child {
+          border-right: 1px solid #d9d9d9; // 最后一个选项卡有右边框
+        }
+        border-radius: 0; // 默认无圆角，避免中间相邻处出现圆角
+        background-color: #f5f5f5;
+        color: #333333;
+        font-weight: 500;
+        font-size: 16px;
+        height: 40px; // 固定高度
+        width: auto !important; // 移除固定宽度，以便等分
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 0;
+      }
+      // 首项：仅左侧圆角
+      .ant-tabs-tab:first-child {
+        border-top-left-radius: 10px;
+        border-bottom-left-radius: 10px;
+      }
+      // 末项：仅右侧圆角
+      .ant-tabs-tab:last-child {
+        border-top-right-radius: 10px;
+        border-bottom-right-radius: 10px;
+      }
+      .ant-tabs-tab-active {
+        border-bottom: 1px solid transparent; // 激活时隐藏底部边框，与 ant-tabs-bar 的边框衔接
+        background-color: #0057FE;
+        color: #ffffff;
+        font-weight: 600;
+      }
+    }
+    :deep(.ant-tabs-ink-bar) {
+      display: none; // 隐藏下划线
+    }
+  }
+  &.h-tab-extra-wrapper-multiple {
+    :deep(.h-tab-extra-wrapper){
+      display: flex;
+      justify-content: end;
+      gap: 8px;
+    }
+    :deep(.x-radio-group){
+      height: 32px;
+    }
+    :deep(.x-radio-item){
+      height: 32px;
+      display: flex;
+      align-items: center;
+      margin-bottom: 0px;
+    }
+    :deep(.ant-tabs-tab){
+      height: 34px;
+    }
+    :deep(.ant-tabs-nav-container){
+      padding-top: 2px;
+    }
+    :deep(.ant-tabs-extra-content){
+      line-height: 0px !important;
+    }
+  }
+
+  &.h-tab-out-tab {
+    :deep(.ant-tabs-nav-wrap) {
+      margin-top: 0px !important;
+      margin-bottom: 0px !important;
+    }
+    :deep(.ant-tabs-nav) {
+      margin-bottom: 0px !important;
+    }
+    :deep(.ant-tabs-nav-container) {
+      padding-top: 0px !important;
+      padding-bottom: 0px !important;
+    }
+
+    :deep(.ant-tabs-bar) {
+      margin-top: 0px !important;
+      margin-bottom: 0px !important;
+      height: auto !important;
+      min-height: 0px !important;
+    }
+
+    :deep(.ant-tabs-content) {
+      margin-top: 0px !important;
+    }
+  }
+}
+</style>

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

@@ -5,12 +5,12 @@
     <div class="x-timeline-nav">
       <!-- 导航按钮：前一周、前一天 -->
       <a-button type="link" @click="goToPrevWeek">
-        <a-icon type="double-left"/>
-        {{ config?.prevWeekText || '前一周' }}
+        <a-icon type="vertical-right"/>
+        <span v-if="config?.prevWeekText !== false">{{ config?.prevWeekText || '前一周' }}</span>
       </a-button>
       <a-button type="link" @click="goToPrevDay">
         <a-icon type="left"/>
-        {{ config?.prevDayText || '前一天' }}
+        <span v-if="config?.prevDayText !== false">{{ config?.prevDayText || '前一天' }}</span>
       </a-button>
       <!-- 日期显示区域 -->
       <div class="timeline-dates">
@@ -31,12 +31,12 @@
       </div>
       <!-- 导航按钮：后一天、后一周 -->
       <a-button type="link" @click="goToNextDay">
-        {{ config?.nextDayText || '后一天' }}
+        <span v-if="config?.nextDayText !== false">{{ config?.nextDayText || '后一天' }}</span>
         <a-icon type="right"/>
       </a-button>
       <a-button type="link" @click="goToNextWeek">
-        {{ config?.nextWeekText || '后一周' }}
-        <a-icon type="double-right"/>
+        <span v-if="config?.nextWeekText !== false">{{ config?.nextWeekText || '后一周' }}</span>
+        <a-icon type="vertical-left"/>
       </a-button>
     </div>
   </div>
@@ -378,12 +378,12 @@ export default {
 
 /* Style1 样式配置 */
 .xtimeline-style1 {
-  padding: 0px 4px;
+  padding: 0px 0px;
 
   .x-timeline-nav {
     padding: 0px;
     width: 140px;
-    height: 55px;
+    height: 56px;
 
     .timeline-dates {
       margin: 0px;
@@ -397,7 +397,7 @@ export default {
 
     .ant-btn {
       border-radius: 6px;
-      border: 1px solid #E5E9F0;
+      border: 1px solid #CDCFD4;
       font-weight: bold;
       letter-spacing: 0em;
       font-size: 16px;
@@ -405,9 +405,17 @@ export default {
       line-height: normal;
       opacity: 1;
       box-sizing: border-box;
-      height: 54px;
-      width: 120px;
+      height: 56px;
+      width: 112px;
+      min-width: 112px;
       background: #FFFFFF;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .ant-btn .anticon {
+      color: #94979E;
     }
   }
 
@@ -415,10 +423,17 @@ export default {
     border-radius: 6px;
     border: 1px solid #CDCFD4;
     margin: 0px;
+    padding: 0;
     width: 140px;
     opacity: 1;
     box-sizing: border-box;
-    height: 54px;
+    height: 56px;
+    flex: 0 0 140px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 
     .date {
       font-family: Inter;
@@ -427,13 +442,12 @@ export default {
       line-height: 17px;
       height: 17px;
       opacity: 1;
-      display: flex;
-      align-items: center;
+      display: block;
       letter-spacing: 0px;
-      font-variation-settings: "opsz" auto;
       font-feature-settings: "kern" on;
-      justify-content: center;
       color: #313131;
+      width: auto;
+      text-align: center;
     }
 
     .weekday {
@@ -441,14 +455,16 @@ export default {
       font-size: 18px;
       font-weight: bold;
       line-height: 17px;
-      display: flex;
-      align-items: center;
+      display: block;
       letter-spacing: 0px;
       font-feature-settings: "kern" on;
       color: #313131;
-      justify-content: center;
-      margin-bottom: 0px !important;
+      padding: 11px 0 2px 0;
+      margin: 0 !important;
+      width: auto;
+      text-align: center;
     }
+
     .date-item.ant-btn-primary .weekday,
     .date-item.ant-btn-primary .date {
       color: #ffffff !important;

package/src/base-client/components/common/XTree/XTreePro.vue

@@ -22,11 +22,11 @@
             @change="onChange">
             <a-icon slot="prefix" type="search"/>
           </a-input>
-          <span v-if="config.addParent.isShow" style="margin-left: 10px;">
+          <span v-if="config.addParent?.isShow" style="margin-left: 10px;">
             <a-icon
-              :type="config.addParent.icon || 'plus-square'"
-              :style="{ fontSize: config.addParent.size || '30px', color: config.addParent.color }"
-              @click="addParent(config.addParent.func)"
+              :type="config.addParent?.icon || 'plus-square'"
+              :style="{ fontSize: config.addParent?.size || '30px', color: config.addParent?.color }"
+              @click="addParent(config.addParent?.func)"
             />
           </span>
         </div>

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

@@ -71,7 +71,8 @@ const wrapperClassObject = computed(() => {
     'dot',
     'nodot',
     'yizhu-title',
-    'left-title'
+    'left-title',
+    'line-style'
   ]
   booleanStyleKeys.forEach(key => {
     const val = attrs[key]
@@ -266,4 +267,8 @@ onMounted(() => {
     }
   }
 }
+.x-title-line-style {
+  background: #0057FE;
+  height: 2px;
+}
 </style>

package/src-base-client/components/common/HIS/HForm/HForm.vue

@@ -15,7 +15,6 @@ const wrapperClassObject = computed(() => {
     'padding-50',
     'label-text-horizontal',
     'label-text-justify',
-    'left-form',
     'charge-form'
   ]
   for (const key of booleanStyleKeys) {
@@ -107,7 +106,7 @@ defineExpose({
 
   // charge-form 样式
   &.h-form-charge-form {
-    padding: 10px 4px;
+    margin-top: 2px !important;
     // 定义变量
     @font-common: {
       font-family: 'Source Han Sans', sans-serif;
@@ -345,4 +344,4 @@ defineExpose({
     }
   }
 }
-</style>
+</style>