vue3-element-plus-app-chu 0.0.19 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-element-plus-app-chu",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "private": false,
   "type": "module",
   "files": [

package/src/components/table/ArtTableHeader.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="art-table-header">
+  <div class="art-table-header" :class="`art-table-header--${localSettings.size}`">
     <div class="art-table-header__left">
       <slot name="title">
         <span v-if="title" class="art-table-header__title">{{ title }}</span>
@@ -36,6 +36,7 @@
 
       <ElDropdown
         v-if="shouldShow('size')"
+        :size="localSettings.size"
         trigger="click"
         :teleported="false"
         @command="changeSize"
@@ -121,6 +122,7 @@
 
             <ElCheckbox
               class="art-table-header__column-check"
+              :size="localSettings.size"
               :model-value="getColumnVisibility(column)"
               :disabled="column.disabled"
               @update:model-value="changeVisibility(index, $event)"
@@ -177,6 +179,7 @@
         <div class="art-table-header__settings">
           <ElCheckbox
             v-if="showZebra"
+            :size="localSettings.size"
             :model-value="localSettings.stripe"
             @update:model-value="changeBooleanSetting('stripe', $event)"
           >
@@ -184,6 +187,7 @@
           </ElCheckbox>
           <ElCheckbox
             v-if="showBorder"
+            :size="localSettings.size"
             :model-value="localSettings.border"
             @update:model-value="changeBooleanSetting('border', $event)"
           >
@@ -191,6 +195,7 @@
           </ElCheckbox>
           <ElCheckbox
             v-if="showHeaderBackground"
+            :size="localSettings.size"
             :model-value="localSettings.headerBackground"
             @update:model-value="changeBooleanSetting('headerBackground', $event)"
           >
@@ -400,6 +405,10 @@ function clearDrag() {
 
 <style scoped>
 .art-table-header {
+  --art-table-control-size: 32px;
+  --art-table-move-width: 26px;
+  --art-table-move-height: 28px;
+  --art-table-column-height: 34px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -409,6 +418,20 @@ function clearDrag() {
   color: var(--art-table-text-color, var(--el-text-color-primary, #303133));
 }
 
+.art-table-header--small {
+  --art-table-control-size: 24px;
+  --art-table-move-width: 22px;
+  --art-table-move-height: 24px;
+  --art-table-column-height: 26px;
+}
+
+.art-table-header--large {
+  --art-table-control-size: 40px;
+  --art-table-move-width: 30px;
+  --art-table-move-height: 32px;
+  --art-table-column-height: 42px;
+}
+
 .art-table-header__left,
 .art-table-header__right {
   display: flex;
@@ -435,8 +458,8 @@ function clearDrag() {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  width: 32px;
-  height: 32px;
+  width: var(--art-table-control-size);
+  height: var(--art-table-control-size);
   padding: 0;
   border: 0;
   border-radius: var(--art-table-toolbar-radius, 6px);
@@ -479,7 +502,7 @@ function clearDrag() {
   display: flex;
   align-items: center;
   gap: 8px;
-  min-height: 34px;
+  min-height: var(--art-table-column-height);
   padding: 0 4px;
   border-radius: 4px;
   background: transparent;
@@ -523,8 +546,8 @@ function clearDrag() {
 }
 
 .art-table-header__move {
-  width: 22px;
-  height: 24px;
+  width: var(--art-table-move-width);
+  height: var(--art-table-move-height);
   border-radius: 4px;
   background: transparent;
 }

package/src/view/dcps/README.md

@@ -2,7 +2,7 @@
 
 `src/view/dcps` 下每个业务页面统一保持三个文件，不再拆分子组件、工具文件：
 
-跨页面共用的运行时配置（默认查询日期、审批人等）和公共日期工具统一放在 `src/view/dcps/runtime.ts`，页面按需通过 `../runtime`（分组子页面为 `../../runtime`）引入；各页面不再内联重复定义。
+跨页面共用的运行时配置统一放在 `src/view/dcps/runtime.ts`，仅默认导出一个对象，包含 `date`（共用业务日期，格式为 `YYYYMMDD`）、`approverId`（工号）和 `approverName`（姓名）。日期在模块加载时按上海时区生成一次，预报、匡算、核销及授权查询的默认日期均使用同一个 `date`；授权日期范围的开始和结束默认都取该值。页面通过 `import dcpsRuntime from '../runtime'`（分组子页面为 `../../runtime`）引入，不再单独导出日期工具或模块配置。
 
 一级菜单为分组时，页面放在该分组目录下。例如“注资/预注资管理”的两个页面分别位于 `funding/injection/` 和 `funding/balance/`，各自保留下面三个文件。
 

package/src/view/dcps/auth/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElConfigProvider, ElMessage } from 'element-plus'
 import { ArtDataTable, type ColumnOption, type PaginationOptions, type TableSettings } from '@/components/table'
 import API from './api'
-import { authRuntime } from '../runtime'
+import dcpsRuntime from '../runtime'
 import type { AuthorizationFilters, AuthorizationQueryParams, AuthorizationTask } from './typs'
 
 defineOptions({ name: 'DcpsAuthPage' })
@@ -21,8 +21,8 @@ const defaultFilters: AuthorizationFilters = {
 }
 // 默认创建日期范围：[开始日期, 结束日期]，格式为 YYYYMMDD，查询重置时使用。
 const defaultDates: [string, string] = [
-  authRuntime.createTmBegin,
-  authRuntime.createTmEnd,
+  dcpsRuntime.date,
+  dcpsRuntime.date,
 ]
 
 // 重复输入项共用一份配置，依次为字段、名称和长度限制。
@@ -270,8 +270,8 @@ const getQueryFilters = () => ({
   payeeName: filters.value.payeeName.trim(), // 收款人名称。
   platfSeqNo: filters.value.platfSeqNo.trim(), // 平台流水号。
   taskSts: filters.value.taskSts, // 任务状态，空值表示全部。
-  createTmBegin: dateRange.value?.[0] || authRuntime.createTmBegin, // 创建开始日期，格式为 YYYYMMDD，未选择时取默认值。
-  createTmEnd: dateRange.value?.[1] || dateRange.value?.[0] || authRuntime.createTmEnd, // 创建结束日期，格式为 YYYYMMDD，缺失时回退到开始日期或默认值。
+  createTmBegin: dateRange.value?.[0] || dcpsRuntime.date, // 创建开始日期，格式为 YYYYMMDD，未选择时取默认值。
+  createTmEnd: dateRange.value?.[1] || dateRange.value?.[0] || dcpsRuntime.date, // 创建结束日期，格式为 YYYYMMDD，缺失时回退到开始日期或默认值。
 })
 // 仅查询、重置时更新；翻页和刷新沿用这份条件。
 let appliedQuery = getQueryFilters()
@@ -355,8 +355,8 @@ const openDecisionDialog = (task: any) => {
 const submitDecision = async (decision: Decision) => {
   const platfSeqNo = selectedTask.value?.platfSeqNo?.trim() // 本次审批任务的平台流水号，用于唯一定位任务。
   if (!canApprove(selectedTask.value) || !platfSeqNo || pendingDecision.value || loading.value) return
-  const approverId = authRuntime.approverId.trim() // 本次提交的审批人工号，同时作为公共用户标识。
-  const approverName = authRuntime.approverName.trim() // 本次提交的审批人姓名。
+  const approverId = dcpsRuntime.approverId.trim() // 本次提交的审批人工号，同时作为公共用户标识。
+  const approverName = dcpsRuntime.approverName.trim() // 本次提交的审批人姓名。
   const remarkText = remark.value.trim() // 去除首尾空白后的备注或拒绝原因。
   if (!approverId || !approverName) {
     ElMessage.warning('审批人信息未设置')
@@ -406,6 +406,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
+  <ElConfigProvider :size="tableSettings.size">
   <main class="dcps-page">
     <!-- 查询条件：控件尺寸跟随表格设置，卡片内边距为 10px，点击查询生效。 -->
     <el-card v-show="showSearchBar" class="authorization-search" shadow="never" :body-style="{ padding: '10px' }">
@@ -474,7 +475,6 @@ onBeforeUnmount(() => {
           <el-button
             text
             bg
-            size="small"
             type="primary"
             :disabled="!canApprove(row) || loading || !!pendingDecision"
             @click.stop="openDecisionDialog(row)"
@@ -535,9 +535,8 @@ onBeforeUnmount(() => {
       </el-scrollbar>
 
       <template #footer>
-        <el-button size="small" @click="detailDialogVisible = false">关闭</el-button>
+        <el-button @click="detailDialogVisible = false">关闭</el-button>
         <el-button
-          size="small"
           type="primary"
           :disabled="loading || !!pendingDecision || !canApprove(detailTask)"
           @click="openDecisionDialog(detailTask)"
@@ -571,12 +570,12 @@ onBeforeUnmount(() => {
         <el-row :gutter="14">
           <el-col :xs="24" :sm="12">
             <el-form-item label="审批人工号">
-              <el-input :model-value="authRuntime.approverId" disabled />
+              <el-input :model-value="dcpsRuntime.approverId" disabled />
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12">
             <el-form-item label="审批人姓名">
-              <el-input :model-value="authRuntime.approverName" readonly />
+              <el-input :model-value="dcpsRuntime.approverName" readonly />
             </el-form-item>
           </el-col>
         </el-row>
@@ -608,6 +607,7 @@ onBeforeUnmount(() => {
       </template>
     </el-dialog>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>

package/src/view/dcps/estimation/index.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElConfigProvider, ElMessage } from 'element-plus'
 import API from './api'
-import { getToday } from '../runtime'
+import dcpsRuntime from '../runtime'
 import type {
   EstimationAmounts, EstimationCell, EstimationPredRow, EstimationQueryParams, EstimationTranRow,
 } from './typs'
 
 defineOptions({ name: 'DcpsEstimationPage' })
 
+const tableSize = 'small'
+
 // 数字人民币头寸匡算页面：
 // 查询条件为交易日期加上今日预计调拨收入、支出金额；交易日期变化后调用
 // 历史预计调拨金额接口（140503004）预填金额，允许手工调整后重新匡算。
@@ -150,7 +152,7 @@ const cellOf = (position: string): EstimationCell => ({
 })
 
 // 查询条件：日期默认当天；预计调拨收支金额由历史接口预填。
-const queryForm = reactive({ tranDate: getToday(), predictAllotInAmt: '', predictAllotOutAmt: '' })
+const queryForm = reactive({ tranDate: dcpsRuntime.date, predictAllotInAmt: '', predictAllotOutAmt: '' })
 // 各金额输入的校验提示，空字符串表示没有错误。
 const formError = reactive({ predictAllotInAmt: '', predictAllotOutAmt: '' })
 
@@ -340,6 +342,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
+  <ElConfigProvider :size="tableSize">
   <main class="dcps-page">
     <!-- 顶部操作区：交易日期选择与导出、查询入口（收支金额在下方表格内填写）。 -->
     <el-card class="estimation-header" shadow="never" :body-style="{ padding: '10px 14px' }">
@@ -542,7 +545,7 @@ onBeforeUnmount(() => {
           <div v-loading="detailLoading" class="detail-tables">
             <!-- 预报信息明细；列表为空时展示统一空态。 -->
             <div class="dialog-section-title">预报信息</div>
-            <el-table :data="detailPredList" size="small" border max-height="240px" empty-text="暂无预报信息">
+            <el-table :data="detailPredList" :size="tableSize" border max-height="240px" empty-text="暂无预报信息">
               <el-table-column label="预报流水号" min-width="150" show-overflow-tooltip>
                 <template #default="{ row }">{{ displayText(row.predRefNo) }}</template>
               </el-table-column>
@@ -580,7 +583,7 @@ onBeforeUnmount(() => {
 
             <!-- 流水信息明细；失败的详情可重新打开弹窗重试。 -->
             <div class="dialog-section-title">流水信息</div>
-            <el-table :data="detailTranList" size="small" border max-height="240px" empty-text="暂无流水信息">
+            <el-table :data="detailTranList" :size="tableSize" border max-height="240px" empty-text="暂无流水信息">
               <el-table-column label="交易参考号" min-width="150" show-overflow-tooltip>
                 <template #default="{ row }">{{ displayText(row.refNo) }}</template>
               </el-table-column>
@@ -622,6 +625,7 @@ onBeforeUnmount(() => {
       </template>
     </el-dialog>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>

package/src/view/dcps/forecast/index.vue

@@ -22,9 +22,9 @@ const recallForecastRow = (predRefNo?: string): ForecastRowType | null => {
 <script setup lang="ts">
 import { computed, onActivated, onBeforeUnmount, reactive, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElConfigProvider, ElMessage, ElMessageBox } from 'element-plus'
 import API from './api'
-import { forecastRuntime, getToday } from '../runtime'
+import dcpsRuntime from '../runtime'
 import { ArtDataTable, type ColumnOption, type PaginationOptions, type TableSettings } from '@/components/table'
 import type {
   ForecastCreateBody,
@@ -145,14 +145,13 @@ const compareAmounts = (left: string, right: string): number => {
   return aValue < bValue ? -1 : aValue > bValue ? 1 : 0
 }
 
-/** 新增和导入使用的表单初始值；日期默认取当天。 */
+/** 新增和导入使用的表单初始值；日期取共用运行时配置。 */
 const createFormValues = (): ForecastFormValues => {
-  const today = getToday()
   return {
     billDate: '', billNo: '', busiType: '', clientName: '', clientType: '',
     competAcct: '', competName: '', custInfoSeq: '', groundBranch: '', groundBranchName: '',
-    linkMan: '', payChannel: '', payDirec: '', phoneNo: '', predAmt: '', predDate: today,
-    predName: '', predOrgName: '', purpose: '', remark: '', tranDate: today,
+    linkMan: '', payChannel: '', payDirec: '', phoneNo: '', predAmt: '', predDate: dcpsRuntime.date,
+    predName: '', predOrgName: '', purpose: '', remark: '', tranDate: dcpsRuntime.date,
   }
 }
 
@@ -214,7 +213,7 @@ onBeforeUnmount(() => { disposed = true })
 
 type ListMutation = 'delete' | null
 const createFilters = (): ForecastFilters => ({
-  tranDate: forecastRuntime.tranDate, clientName: '', competName: '', payDirec: '', busiType: '', payChannel: '',
+  tranDate: dcpsRuntime.date, clientName: '', competName: '', payDirec: '', busiType: '', payChannel: '',
   groundBranch: '', predStatus: '', verifyStatus: '', startTransAmt: '', endTransAmt: '', sortRule: '',
 })
 const listFilters = ref(createFilters())
@@ -372,6 +371,7 @@ async function deleteRecords(records: ForecastRow[]) {
   try {
     await ElMessageBox.confirm(`确认删除选中的 ${references.length} 条预报记录？删除后将重新查询列表。`, '删除预报', {
       confirmButtonText: '确认删除', cancelButtonText: '取消', type: 'warning', distinguishCancelAndClose: true,
+      buttonSize: listTableSettings.value.size,
     })
     if (disposed) return
     ensureSuccess(await API.deleteApi(references), '删除预报失败')
@@ -482,8 +482,8 @@ const fieldPlaceholder = (field: EditorField) => {
 const initializeForm = () => {
   const nextValues = createFormValues()
   if (editorMode.value === 'create') {
-    nextValues.tranDate = props.tranDate || getToday()
-    nextValues.predDate = getToday()
+    nextValues.tranDate = props.tranDate || dcpsRuntime.date
+    nextValues.predDate = dcpsRuntime.date
   } else {
     for (const key of Object.keys(nextValues) as FieldKey[]) {
       const value = initialFieldValue(key)
@@ -678,6 +678,7 @@ onActivated(() => {
 </script>
 
 <template>
+  <ElConfigProvider :size="listTableSettings.size">
   <!-- 新增 / 修改页 -->
   <main v-if="isEditor" class="page-shell">
     <el-card class="shell-header" shadow="never" :body-style="{ padding: '10px' }">
@@ -700,7 +701,7 @@ onActivated(() => {
           </el-alert>
           <template v-else>
             <p class="editor-note">金额单位为元，方向、业务类型、支付渠道和客户类型按业务代码填写。</p>
-            <el-form :model="form" size="small" label-position="top" :disabled="editorDisabled" @submit.prevent="submit">
+            <el-form :model="form" label-position="top" :disabled="editorDisabled" @submit.prevent="submit">
               <section v-for="group in visibleGroups" :key="group.title" class="editor-group" :aria-label="group.title">
                 <h3>{{ group.title }}</h3>
                 <div class="editor-fields">
@@ -780,7 +781,7 @@ onActivated(() => {
       <div v-loading="detailLoading" class="detail-scroll">
         <div v-if="detailError" class="detail-error" role="alert">
           <el-alert :title="detailError" type="error" :closable="false" show-icon />
-          <el-button size="small" :disabled="detailLoading" @click="loadDetail">重新加载</el-button>
+          <el-button :disabled="detailLoading" @click="loadDetail">重新加载</el-button>
         </div>
         <div v-else-if="detail" class="detail-content">
           <!-- group 为当前详情分组，fields 中的每项对应一个字段。 -->
@@ -879,6 +880,7 @@ onActivated(() => {
       </ArtDataTable>
     </div>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>

package/src/view/dcps/funding/injection/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElConfigProvider, ElMessage } from 'element-plus'
 import { ArtDataTable, type ColumnOption, type PaginationOptions, type TableSettings } from '@/components/table'
 import API from './api'
 import type { InjectionFilters, InjectionQueryParams, InjectionRecord } from './typs'
@@ -318,6 +318,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
+  <ElConfigProvider :size="tableSettings.size">
   <main class="dcps-page">
     <!-- 查询条件：控件尺寸跟随表格设置，卡片内边距为 10px，点击查询生效。 -->
     <el-card v-show="showSearchBar" class="injection-search" shadow="never" :body-style="{ padding: '10px' }">
@@ -415,6 +416,7 @@ onBeforeUnmount(() => {
       </template>
     </el-dialog>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>

package/src/view/dcps/runtime.ts

@@ -1,35 +1,16 @@
 /**
- * dcps 各页面共用的运行时配置；默认日期、审批人等全局默认值统一维护在本文件，
- * 页面通过 `../runtime`（或分组子页面的 `../../runtime`）按需引入。
+ * DCPS 各页面共用的运行时配置，仅默认导出一个对象。
+ * 页面通过 `import dcpsRuntime from '../runtime'` 引入；分组子页面使用 `../../runtime`。
  */
 
-/**
- * 业务日期始终按上海时区生成，不依赖浏览器所在时区，格式为 YYYYMMDD。
- * 供各页面的默认查询日期和新增表单初始值使用。
- */
-export const getToday = (): string => {
-  const parts = new Intl.DateTimeFormat('en-CA', {
-    timeZone: 'Asia/Shanghai', year: 'numeric', month: '2-digit', day: '2-digit',
-  }).formatToParts(new Date())
-  const read = (type: Intl.DateTimeFormatPartTypes) => parts.find((part) => part.type === type)?.value || ''
-  return read('year') + read('month') + read('day')
-}
-
-/** 预报页面的默认查询日期；日期格式为 YYYYMMDD。 */
-export const forecastRuntime = {
-  tranDate: getToday(), // 默认交易日期，查询和重置时使用。
-}
-
-/** 授权页面的审批人和默认创建日期；日期格式为 YYYYMMDD，当前使用固定日期。 */
-export const authRuntime = {
-  approverId: '10092', // 审批人工号。
-  approverName: '王干事', // 审批人姓名。
-  createTmBegin: '20261012', // 默认创建开始日期。
-  createTmEnd: '20261012', // 默认创建结束日期。
-}
+// 模块加载时按上海时区生成一次日期，所有页面共用，格式为 YYYYMMDD。
+const dateParts = new Intl.DateTimeFormat('en-CA', {
+  timeZone: 'Asia/Shanghai', year: 'numeric', month: '2-digit', day: '2-digit',
+}).formatToParts(new Date())
+const readDatePart = (type: Intl.DateTimeFormatPartTypes) => dateParts.find((part) => part.type === type)?.value || ''
 
-/** 按模块名聚合的运行时配置；也可从本文件直接引入单个模块的配置。 */
 export default {
-  forecast: forecastRuntime,
-  auth: authRuntime,
+  date: readDatePart('year') + readDatePart('month') + readDatePart('day'), // 共用业务日期。
+  approverId: '10092', // 工号。
+  approverName: '王干事', // 姓名。
 }

package/src/view/dcps/write-off/index.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElConfigProvider, ElMessage, ElMessageBox } from 'element-plus'
 import API from './api'
-import { getToday } from '../runtime'
+import dcpsRuntime from '../runtime'
 import { ArtDataTable, type ColumnOption, type PaginationOptions, type TableSettings } from '@/components/table'
 import type {
   CancelWriteOffPredItem, EditVerifyFormValues, FlowRow, ForecastRow, WriteOffFlowInput, WriteOffForecastItem, WriteOffItemInput,
@@ -246,7 +246,10 @@ const cancelWriteOff = async () => {
     await ElMessageBox.confirm(
       `确认撤销选中的${summaryParts.join('、')}核销？撤销后将重新查询两个列表。`,
       '撤销核销',
-      { confirmButtonText: '确认撤销', cancelButtonText: '取消', type: 'warning', distinguishCancelAndClose: true },
+      {
+        confirmButtonText: '确认撤销', cancelButtonText: '取消', type: 'warning',
+        buttonSize: forecastTableSettings.value.size, distinguishCancelAndClose: true,
+      },
     )
   } catch { // 用户取消或关闭确认框时静默返回。
     return
@@ -305,7 +308,7 @@ type ForecastAppliedQuery = {
 
 // 默认查询条件；空字符串和空数组表示不限制该条件，重置时恢复此配置。
 const createForecastFilters = () => ({
-  tranDate: getToday(),
+  tranDate: dcpsRuntime.date,
   acctNo: '',
   banchPre: '',
   busiType: '',
@@ -317,7 +320,7 @@ const createForecastFilters = () => ({
   verifyStatusList: [] as string[],
 })
 const forecastFilters = ref(createForecastFilters())
-let forecastAppliedQuery: ForecastAppliedQuery = { tranDate: getToday() }
+let forecastAppliedQuery: ForecastAppliedQuery = { tranDate: dcpsRuntime.date }
 
 // 重复输入项共用一份配置，依次为字段、名称和输入框长度限制。
 const forecastTextFilters = [
@@ -514,7 +517,7 @@ type FlowAppliedQuery = {
 
 // 默认查询条件；空字符串表示不限制该条件，重置时恢复此配置。
 const createFlowFilters = () => ({
-  tranDate: getToday(),
+  tranDate: dcpsRuntime.date,
   orgName: '',
   payerName: '',
   payeeName: '',
@@ -524,7 +527,7 @@ const createFlowFilters = () => ({
   verifyStatus: '',
 })
 const flowFilters = ref(createFlowFilters())
-let flowAppliedQuery: FlowAppliedQuery = { tranDate: getToday() }
+let flowAppliedQuery: FlowAppliedQuery = { tranDate: dcpsRuntime.date }
 
 // 重复输入项共用一份配置，依次为字段、名称和输入框长度限制。
 const flowTextFilters = [
@@ -678,6 +681,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
+  <ElConfigProvider :size="forecastTableSettings.size">
   <main class="dcps-page">
     <!-- 上方：预报信息表格，核销、撤销核销按钮统一放在本表格工具栏。 -->
     <section class="view-region">
@@ -810,6 +814,7 @@ onBeforeUnmount(() => {
     </section>
 
     <!-- 下方：流水信息表格，勾选行与预报勾选合并提交核销或撤销核销。 -->
+    <ElConfigProvider :size="flowTableSettings.size">
     <section class="view-region">
       <!-- 查询条件：控件尺寸跟随表格设置，卡片内边距为 10px，点击查询生效。 -->
       <el-card v-show="flowShowSearchBar" class="write-off-search" shadow="never" :body-style="{ padding: '10px' }">
@@ -875,6 +880,7 @@ onBeforeUnmount(() => {
         </ArtDataTable>
       </div>
     </section>
+    </ElConfigProvider>
 
     <!-- 核销弹窗：预报信息逐条确认核销金额，流水信息按原值一并提交。 -->
     <el-dialog
@@ -888,21 +894,21 @@ onBeforeUnmount(() => {
       append-to-body
     >
       <div class="dialog-section-title">预报信息</div>
-      <el-table :data="writeOffPredItems" size="small" border max-height="260px">
+      <el-table :data="writeOffPredItems" :size="forecastTableSettings.size" border max-height="260px">
         <el-table-column label="预报流水号" prop="predRefNo" min-width="190" show-overflow-tooltip />
         <el-table-column label="预报金额（元）" width="160" align="right">
           <template #default="{ row }"><span class="amount-cell">{{ formatAmount(row.predAmt) }}</span></template>
         </el-table-column>
         <el-table-column label="核销金额（元）" width="200">
           <template #default="{ row }">
-            <el-input v-model="row.amount" size="small" inputmode="decimal" :maxlength="40" placeholder="输入核销金额" />
+            <el-input v-model="row.amount" inputmode="decimal" :maxlength="40" placeholder="输入核销金额" />
           </template>
         </el-table-column>
       </el-table>
 
       <template v-if="writeOffFlowItems.length">
         <div class="dialog-section-title">流水信息</div>
-        <el-table :data="writeOffFlowItems" size="small" border max-height="220px">
+        <el-table :data="writeOffFlowItems" :size="flowTableSettings.size" border max-height="220px">
           <el-table-column label="流水号" prop="refNo" min-width="190" show-overflow-tooltip />
           <el-table-column label="交易金额（元）" width="180" align="right">
             <template #default="{ row }"><span class="amount-cell">{{ formatAmount(row.tranAmt) }}</span></template>
@@ -918,6 +924,7 @@ onBeforeUnmount(() => {
       </template>
     </el-dialog>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>