vue2-client 1.16.83 → 1.16.85

package/package.json

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

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

@@ -21,7 +21,7 @@ const wrapperClassObject = computed(() => {
 
   // 通用布尔样式开关（以存在/空字符串/'true' 为真）
   const booleanStyleKeys = [
-    'max-width200', 'width173'
+    'max-width200', 'width173', 'button_refresh'
   ]
   for (const key of booleanStyleKeys) {
     const val = a[key]
@@ -185,7 +185,7 @@ defineExpose({
   }
   &.h-buttons-max-width200 {
     :deep(.ant-btn) {
-        max-width: 200px !important;
+      max-width: 200px !important;
     }
   }
   // button-left样式 - 按钮从左到右排列
@@ -216,7 +216,7 @@ defineExpose({
     }
   }
 
-   // button-icon-tiles样式 - 左侧彩色图标块 + 右侧文字
+  // button-icon-tiles样式 - 左侧彩色图标块 + 右侧文字
   &.h-buttons-button-icon-tiles {
     :deep(.ant-btn-group) {
       width: 100%;
@@ -289,10 +289,14 @@ defineExpose({
       }
     }
   }
+  &.h-buttons-button_refresh {
+    margin-top: 10px;
+  }
   // 居中样式 用于门诊收费左侧按钮样式（三个按钮居中样式）
   &.h-buttons-out-button {
     :deep(.x-buttons) {
-      margin-top: 0vw;
+      margin-top: 2px !important;
+      margin-bottom: 10px !important;
       display: flex;
       justify-content: center;
       .ant-btn-group {
@@ -300,14 +304,22 @@ defineExpose({
         flex-wrap: nowrap;
         gap: 12px;
         .ant-btn {
+          width: 110px;
+          height: 32px;
+          border-radius: 6px;
+          opacity: 1;
+          background: #FFFFFF;
           box-sizing: border-box;
+          border: 1px solid #9499A0;
           margin-right: 0px;
-          width: auto;
-          min-width: 130px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
+          /* 允许正常文本渲染，避免省略号导致的“变成点了” */
+          font-family: "Source Han Sans";
+          font-size: 16px;
+          font-weight: normal;
+          line-height: normal;
+          color: #313131;
         }
+        /* 还原子元素默认高度，避免文字被压缩成点 */
       }
     }
   }
@@ -362,7 +374,7 @@ defineExpose({
   }
   &.h-buttons-width173 {
     :deep(.ant-btn) {
-        width: 173px !important;
+      width: 173px !important;
     }
   }
 }

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

@@ -1,17 +1,10 @@
 <script setup lang="ts">
 import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
-import { ref, computed, useAttrs, defineProps } from 'vue'
+import { ref, computed, useAttrs } from 'vue'
 
 const xAddNativeFormRef = ref()
 
 const attrs = useAttrs()
-const props = defineProps({
-  // 是否启用 horizontal 模式的自定义配置
-  enableHorizontalCustom: {
-    type: Boolean,
-    default: false
-  }
-})
 const wrapperClassObject = computed(() => {
   const a = attrs
   const classes = {}
@@ -21,9 +14,10 @@ const wrapperClassObject = computed(() => {
     'query-conditions',
     'padding-50',
     'label-text-horizontal',
-    'item-control-width90',
     'label-text-justify',
-    'item-control-width700',
+    'left-form',
+    'charge-form',
+    'aligned-form'
   ]
   for (const key of booleanStyleKeys) {
     const val = a[key]
@@ -53,7 +47,6 @@ defineExpose({
     <x-add-native-form
       ref="xAddNativeFormRef"
       v-bind="$attrs"
-      :enable-horizontal-custom="props.enableHorizontalCustom"
       v-on="$listeners"
     >
       <template v-for="(_, name) in $slots" #[name]="slotData">
@@ -113,6 +106,198 @@ defineExpose({
     }
   }
 
+  // charge-form 样式
+  &.h-form-charge-form {
+    margin-top: 2px !important;
+    // 定义变量
+    @font-common: {
+      font-family: 'Source Han Sans', sans-serif;
+      font-size: 16px;
+      font-weight: normal;
+      letter-spacing: 0em;
+      font-variation-settings: "opsz" auto;
+      font-feature-settings: "kern" on;
+    };
+
+    @color-primary: #313131;
+    @color-placeholder: #999999;
+
+    // 定义混合宏
+    .input-base() {
+      width: 100%;
+      height: 30px;
+      line-height: 30px;
+      vertical-align: top;
+      margin: 0;
+      text-align: left;
+      color: @color-primary;
+      opacity: 1;
+      @font-common();
+    }
+
+    .placeholder-base() {
+      color: @color-placeholder;
+      opacity: 1;
+      @font-common();
+    }
+
+    .option-group-base() {
+      height: 30px;
+      line-height: 30px;
+      display: flex;
+      align-items: center;
+
+      .ant-radio-wrapper,
+      .ant-checkbox-wrapper {
+        height: 30px;
+        line-height: 30px;
+        margin-right: 16px;
+      }
+    }
+
+    :deep(.ant-form-item) {
+      margin-bottom: 16px;
+      margin-top: 0;
+      padding: 0;
+      display: flex;
+      align-items: center;
+
+      .ant-form-item-label {
+        text-align: left;
+        margin: 0 16px 0 0 !important;
+        width: 64px;
+        min-width: 64px;
+        max-width: 64px;
+        flex-shrink: 0;
+
+        label {
+          height: 23px;
+          opacity: 1;
+          line-height: 23px;
+          color: @color-primary;
+          margin: 0;
+          padding: 0;
+          white-space: nowrap;
+          display: block;
+          @font-common();
+
+          // 移除冒号
+          &::after {
+            content: '';
+          }
+        }
+      }
+
+      .ant-form-item-control-wrapper {
+        margin: 0;
+        padding: 0;
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        align-items: center;
+
+        .ant-form-item-control {
+          margin: 0;
+          padding: 0;
+          width: 100%;
+          text-align: left;
+          line-height: 30px !important;
+
+          // 输入框样式统一
+          .ant-input,
+          .ant-input-affix-wrapper,
+          .ant-select,
+          .ant-input-number,
+          .ant-picker,
+          .ant-radio-group,
+          .ant-checkbox-group {
+            .input-base();
+          }
+
+          // 选择器样式
+          .ant-select {
+            .ant-select-selector {
+              .input-base();
+              height: 30px;
+              line-height: 30px;
+
+              .ant-select-selection-item {
+                .input-base();
+                line-height: 30px;
+              }
+
+              .ant-select-selection-placeholder {
+                .placeholder-base();
+                line-height: 30px;
+              }
+            }
+          }
+
+          // 日期选择器样式
+          .ant-picker {
+            height: 30px;
+
+            .ant-picker-input {
+              height: 30px;
+              line-height: 30px;
+              .input-base();
+
+              input {
+                .input-base();
+                height: 30px;
+                line-height: 30px;
+              }
+            }
+          }
+
+          // 数字输入框样式
+          .ant-input-number {
+            height: 30px;
+
+            .ant-input-number-input {
+              .input-base();
+              height: 30px;
+              line-height: 30px;
+            }
+          }
+
+          // 单选框组样式
+          .ant-radio-group {
+            .option-group-base();
+          }
+
+          // 复选框组样式
+          .ant-checkbox-group {
+            .option-group-base();
+          }
+        }
+      }
+    }
+
+    // 重置可能的容器边距
+    :deep(.ant-row) {
+      margin: 0;
+      padding: 0;
+
+      .ant-col {
+        margin: 0;
+        padding: 0;
+      }
+    }
+
+    // 强制重置所有可能的表单项样式
+    :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;
+      }
+    }
+  }
+
   // label-text-horizontal 样式 - 只控制label文字从左到右排列
   &.h-form-label-text-horizontal {
     :deep(.ant-form-item-label) {
@@ -161,16 +346,146 @@ defineExpose({
     }
   }
 
-  /**表单项90%宽度 */
-  &.h-form-item-control-width90 {
-    :deep(.ant-form-item-control){
-      width: 90%;
+  // 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;
+            }
+          }
+        }
+      }
     }
-  }
-  /**表单项700宽度 */
-  &.h-form-item-control-width700{
-    :deep(.ant-form-item-control-wrapper){
-      width: 700px;
+
+    // 确保行容器样式
+    :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;
+      }
     }
   }
 }

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

@@ -24,7 +24,7 @@ const wrapperClassObject = computed(() => {
 
   // 通用布尔样式开关（以存在/空字符串/'true' 为真）
   const booleanStyleKeys = [
-    'hasTopMargin', 'useStyle7', 'useCycle', 'useStyle8'
+    'hasTopMargin', 'useStyle7', 'useCycle', 'useStyle8', 'out-tab'
   ]
   for (const key of booleanStyleKeys) {
     const val = a[key]
@@ -414,5 +414,30 @@ defineExpose({
       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,16 +378,16 @@ export default {
 
 /* Style1 样式配置 */
 .xtimeline-style1 {
-  padding: 0px 4px;
+  padding: 0px 0px;
 
   .x-timeline-nav {
     padding: 0px;
-    width: 100%;
-    height: 66px;
+    width: 140px;
+    height: 56px;
 
     .timeline-dates {
       margin: 0px;
-      width: 700px;
+      width: 980px;
 
       line-height: normal;
       font-weight: 700;
@@ -405,8 +405,17 @@ export default {
       line-height: normal;
       opacity: 1;
       box-sizing: border-box;
-      height: 75px;
-      width: 130px;
+      height: 56px;
+      width: 112px;
+      min-width: 112px;
+      background: #FFFFFF;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .ant-btn .anticon {
+      color: #94979E;
     }
   }
 
@@ -414,33 +423,48 @@ export default {
     border-radius: 6px;
     border: 1px solid #CDCFD4;
     margin: 0px;
-    width: 100px;
+    padding: 0;
+    width: 140px;
     opacity: 1;
     box-sizing: border-box;
-    height: 66px;
+    height: 56px;
+    flex: 0 0 140px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 
     .date {
-      font-weight: 400;
-      display: flex;
+      font-family: Inter;
+      font-size: 14px;
+      font-weight: normal;
+      line-height: 17px;
+      height: 17px;
+      opacity: 1;
+      display: block;
       letter-spacing: 0px;
-      font-size: 16px;
-      font-family: "Source Han Sans";
-      align-items: center;
-      justify-content: center;
+      font-feature-settings: "kern" on;
       color: #313131;
+      width: auto;
+      text-align: center;
     }
 
     .weekday {
-      font-weight: 700;
-      display: flex;
+      font-family: Inter;
+      font-size: 18px;
+      font-weight: bold;
+      line-height: 17px;
+      display: block;
       letter-spacing: 0px;
-      font-size: 20px;
-      font-family: "Source Han Sans";
-      align-items: center;
+      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/XCheckbox/XCheckbox.vue

@@ -74,7 +74,7 @@ export default {
       const attrs = this.$attrs || {}
       const classes = {}
       const booleanStyleKeys = [
-        'compact'
+        'compact', 'out-checkbox'
       ]
       booleanStyleKeys.forEach(key => {
         const val = attrs[key]
@@ -131,4 +131,51 @@ export default {
     }
   }
 }
+
+/* out-checkbox：外排版紧凑风格，与表单风格配置保持一致的布尔开关用法 */
+.x-checkbox-container.x-checkbox-out-checkbox {
+  margin-top: 9px;
+
+  :deep(.x-checkbox-group) {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    gap: 0 46px;
+  }
+
+  :deep(.x-checkbox-item-container) {
+    flex: 0 0 auto;
+    align-items: flex-start;
+    text-align: left;
+    padding: 0;
+  }
+
+  :deep(.x-checkbox-item) {
+    margin: 0;
+    display: flex;
+    align-items: center;
+
+    .ant-checkbox {
+      width: 20px;
+      height: 20px;
+      margin-right: 10px;
+
+      .ant-checkbox-inner {
+        width: 20px;
+        height: 20px;
+      }
+    }
+
+    /* 文字标签样式 */
+    span {
+      height: 23px;
+      opacity: 1;
+      font-family: 'Source Han Sans', sans-serif;
+      font-size: 16px;
+      font-weight: normal;
+      line-height: normal;
+      letter-spacing: 0em;
+      color: #313131;
+    }
+  }
+}
 </style>

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

@@ -131,7 +131,7 @@ export default {
       const attrs = this.$attrs || {}
       const classes = {}
       const booleanStyleKeys = [
-        'item-0padding', 'compact'
+        'item-0padding', 'compact', 'out-radio'
       ]
       booleanStyleKeys.forEach(key => {
         const val = attrs[key]
@@ -319,4 +319,71 @@ export default {
     }
   }
 }
+/* 门诊收费样式：字体规格与间距 42px */
+.x-radio-out-radio {
+  &.x-radio-container,
+  .x-radio-container {
+    :deep(.x-radio-group) {
+      justify-content: flex-start !important; /* 覆盖默认的 space-around */
+    }
+    :deep(.ant-radio-wrapper) {
+      /* 仅归零内外边距，避免额外空隙 */
+      padding: 0;
+      margin: 0;
+    }
+    /* 确保文字本身也应用同样的字体样式（提高优先级并可视化高度） */
+    :deep(.ant-radio-wrapper > span:last-child) {
+      display: inline-block;
+      height: 23px !important;
+      line-height: 23px !important;
+      font-family: "Source Han Sans" !important;
+      font-size: 16px !important;
+      font-weight: normal !important;
+      letter-spacing: 0em !important;
+      color: #313131 !important;
+    }
+    /* 单选框与文字之间保持 5px 间距 */
+    :deep(.ant-radio) { margin-right: 0; }
+    :deep(.ant-radio + span) { padding: 0; margin-left: 5px; }
+    /* 单选框外圈视觉 16x16，边框 #CDCFD4，背景白色 */
+    :deep(.ant-radio-inner) {
+      width: 16px;
+      height: 16px;
+      background: #FFFFFF;
+      box-sizing: border-box;
+      border: 1px solid #CDCFD4;
+    }
+    /* 选中时内部实心点 10x10，背景 #0057FE */
+    :deep(.ant-radio-checked .ant-radio-inner::after) {
+      width: 10px;
+      height: 10px;
+      background: #0057FE;
+      margin: 0;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%) scale(1);
+    }
+    /* 保持外圈边框颜色不被默认覆盖 */
+    :deep(.ant-radio-checked .ant-radio-inner) {
+      border-color: #CDCFD4;
+      background: #FFFFFF;
+    }
+    :deep(.x-radio-item-container) {
+      margin-right: 42px; /* 直接设置42px间距，让第二个单选框与第一个文字距离为42px */
+      padding: 0 !important;
+      flex: none !important; /* 覆盖默认的 flex: 1 */
+      align-items: flex-start !important; /* 覆盖默认的 center */
+      text-align: left !important; /* 覆盖默认的 center */
+    }
+    :deep(.x-radio-item-wrapper) {
+      width: auto !important; /* 覆盖默认的 width: 100% */
+    }
+    :deep(.x-radio-item-container:first-child) {
+      margin-left: 4px;
+    }
+    :deep(.x-radio-item-container:last-child) {
+      margin-right: 0;
+    }
+  }
+}
 </style>

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

@@ -6,7 +6,7 @@
         <a-range-picker
           :value="dateRange"
           :placeholder="['开始日期', '结束日期']"
-          separator="至"
+          :separator="rangeSeparator"
           :disabled="disabled"
           :allowClear="allowClear"
           :format="format"
@@ -90,6 +90,9 @@ export default {
     showTime () {
       // 根据format判断是否需要显示时间选择器
       return this.format && (this.format.includes('HH:mm') || this.format.includes('hh:mm'))
+    },
+    rangeSeparator () {
+      return this.type === 'range' ? '-' : '至'
     }
   },
   watch: {
@@ -199,10 +202,12 @@ export default {
 .x-time-select :deep(.ant-picker-range),
 .x-time-select :deep(.ant-picker) {
   width: 100%;
-  height: 30px;
+  height: 32px;
   border-radius: 7px;
   background: #FFFFFF;
   border: 1px solid #E5E9F0;
+  box-sizing: border-box;
+  opacity: 1;
 }
 .x-time-select :deep(.ant-calendar-picker) {
   width: 100%;
@@ -210,10 +215,12 @@ export default {
 }
 .x-time-select :deep(.ant-calendar-picker-input) {
   width: 100%;
-  height: 30px;
+  height: 32px;
   border-radius: 7px;
   background: #FFFFFF;
   border: 1px solid #E5E9F0;
+  box-sizing: border-box;
+  opacity: 1;
 }
 
 .x-time-select :deep(.ant-input) {
@@ -237,16 +244,28 @@ export default {
 
 /* 为日期输入增加左内边距，避免与图标重叠（兼容 ant 不同版本） */
 .x-time-select :deep(.ant-picker-input > input) {
-  padding-left: 26px;
+  padding-left: 19px;
+  padding-right: 19px;
+  font-family: 'Source Han Sans';
+  font-weight: normal;
+  line-height: normal;
+  text-align: center;
+  color: #313131;
 }
 .x-time-select :deep(.ant-calendar-picker-input) {
-  padding-left: 26px;
+  padding-left: 19px;
+  padding-right: 19px;
+  font-family: 'Source Han Sans';
+  font-size: 16px;
+  font-weight: normal;
+  line-height: normal;
+  text-align: center;
+  color: #313131;
 }
 
-/* yizhu-date 样式（通过 $attrs 使用：<XTimeSelect yizhu-date />） */
 .x-time-select.xtime-yizhu-date {
-  margin: 2px 2px 0 10px;
-  width: 224px;
+  margin: 5px 11px auto 24px;
+  width: 234px;
   height: 32px;
   border-radius: 7px;
   opacity: 1;
@@ -260,10 +279,28 @@ export default {
 .x-time-select.xtime-yizhu-date :deep(.ant-picker),
 .x-time-select.xtime-yizhu-date :deep(.ant-calendar-picker),
 .x-time-select.xtime-yizhu-date :deep(.ant-calendar-picker-input) {
-  width: 224px;
+  width: 234px;
   height: 32px;
   border-radius: 7px;
   background: #FFFFFF;
   border: 1px solid #E5E9F0;
 }
+
+/* 范围选择时，避免分隔符遮挡文字：左输入靠右、右输入靠左，并在分隔符侧增加内边距 */
+.x-time-select.xtime-yizhu-date :deep(.ant-picker-range .ant-picker-input:first-child input) {
+  text-align: right;
+  padding-right: 28px;
+}
+.x-time-select.xtime-yizhu-date :deep(.ant-picker-range .ant-picker-input:last-child input) {
+  text-align: left;
+  padding-left: 28px;
+}
+
+/* 分隔符与清除按钮占位优化，减少遮挡概率 */
+.x-time-select.xtime-yizhu-date :deep(.ant-picker-range .ant-picker-separator) {
+  margin: 0 4px;
+}
+.x-time-select.xtime-yizhu-date :deep(.ant-picker-clear) {
+  right: 6px;
+}
 </style>

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

@@ -70,7 +70,9 @@ const wrapperClassObject = computed(() => {
     'littlefont',
     'dot',
     'nodot',
-    'yizhu-title'
+    'yizhu-title',
+    'left-title',
+    'line-style'
   ]
   booleanStyleKeys.forEach(key => {
     const val = attrs[key]
@@ -199,7 +201,6 @@ onMounted(() => {
   }
 }
 
-// dot 和 nodot 样式的公共部分
 .x-title-dot,
 .x-title-nodot {
   &.x-title-container,
@@ -242,6 +243,20 @@ onMounted(() => {
     }
   }
 }
+.x-title-left-title {
+  &.x-title-container,
+  .x-title-container {
+    margin: 15px auto 15px 6px;
+    :deep(.x-title) {
+      height: 26px;
+      opacity: 1;
+      font-family: "Source Han Sans";
+      font-size: 18px;
+      font-weight: bold;
+      line-height: normal;
+    }
+  }
+}
 // nodot 样式特有部分
 .x-title-nodot {
   &.x-title-container,
@@ -252,4 +267,8 @@ onMounted(() => {
     }
   }
 }
+.x-title-line-style {
+  background: #0057FE;
+  height: 2px;
+}
 </style>

package/src/router/async/router.map.js

@@ -53,9 +53,8 @@ routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynami
 routerResource.example = {
 path: 'example',
   name: '示例主页面',
-  component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue')
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
-  // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
+  component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
   // component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),