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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-element-plus-app-chu",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "private": false,
   "type": "module",
   "files": [
@@ -14,7 +14,8 @@
     "dev": "run-p --print-label dev:frontend dev:backend",
     "dev:frontend": "vite",
     "dev:backend": "pnpm -C backend dev",
-    "build": "run-p type-check \"build-only {@}\" --",
+    "build": "run-s type-check build-only",
+    "build:fast": "vite build",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",

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,13 +22,10 @@ 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 {
-  ApiResponse,
-} from '@/utils/request'
 import type {
   ForecastCreateBody,
   ForecastDetail,
@@ -65,7 +62,7 @@ interface ForecastPage {
 }
 
 /** 校验公共响应头；retCode 不是 00000 时按服务端提示或 fallback 抛错。 */
-const ensureSuccess = <T,>(response: ApiResponse<T>, fallback: string): T | null => {
+const ensureSuccess = <T,>(response: any, fallback: string): T | null => {
   if (response?.head?.retCode !== '00000') {
     throw new Error(response?.head?.retMsg?.trim() || fallback)
   }
@@ -148,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,
   }
 }
 
@@ -217,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())
@@ -375,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), '删除预报失败')
@@ -485,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)
@@ -681,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' }">
@@ -703,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">
@@ -783,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 中的每项对应一个字段。 -->
@@ -882,6 +880,7 @@ onActivated(() => {
       </ArtDataTable>
     </div>
   </main>
+  </ElConfigProvider>
 </template>
 
 <style scoped>

package/src/view/dcps/funding/balance/api.ts

@@ -1,17 +1,11 @@
-import baseHttpClient from "@chic/http"
+import baseHttpClient, { type ApiResponse } from '@chic/http'
+import type { AccountBalanceInfo, InjectionCreateParams } from './typs'
 
 export default {
-  /**
-   * 头寸-账户余额查询申请。
-   * @param params 请求参数；接口未声明筛选字段，保持空对象即可。
-   * 页面在进入和点击查询时各发起一次请求，展示返回的单条账户行余额信息。
-   */
-  queryBalanceApi: (params: unknown = {}) => baseHttpClient.post<any>("/TAM/0001/140506001", params),
-  /**
-   * 注资、预注资管理-注资/预注资发起。
-   * @param params 提交参数：adjustType 为调整类型（PRFD 注资调增、FDRD 注资调减、
-   * FFIC 预注资调增、FFRD 预注资调减），tranAmt 为调整金额（元）。
-   * 提交成功后重新查询账户行余额。
-   */
-  createApi: (params: unknown) => baseHttpClient.post<any>("/TAM/0001/120506001", params)
+  /** 查询单条账户行余额，无筛选参数。 */
+  queryBalanceApi: () =>
+    baseHttpClient.post<ApiResponse<AccountBalanceInfo>>('/TAM/0001/140506001', {}),
+  /** 注资/预注资发起，响应未声明业务字段。 */
+  createApi: (params: InjectionCreateParams) =>
+    baseHttpClient.post<ApiResponse>('/TAM/0001/120506001', params),
 }

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

@@ -1,155 +1,127 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
+import { onBeforeUnmount, onMounted, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import API from './api'
 import type { AccountBalanceInfo, InjectionCreateParams } from './typs'
 
 defineOptions({ name: 'DcpsBalancePage' })
 
-// 余额信息、请求与加载状态。
-const balance = ref<AccountBalanceInfo | null>(null) // 当前展示的账户行余额信息，未查询到时为 null。
-const loading = ref(false) // 查询是否进行中，同时控制查询按钮状态。
-const lastQueryTime = ref('') // 最近一次成功查询的本地时间，展示在标题区。
-let requestId = 0 // 最新请求的序号，用于忽略过期响应。
-let disposed = false // 页面是否已卸载，避免未完成请求继续更新界面。
+const balance = ref<AccountBalanceInfo | null>(null)
+const loading = ref(false)
+const lastQueryTime = ref('')
+let requestId = 0 // 只处理最新一次查询的响应。
+let disposed = false
 
-// 提取异常提示；error 为捕获到的请求或处理异常。
 const getErrorMessage = (error: unknown) => error instanceof Error ? error.message : '请求失败，请稍后重试'
 
-// 将接口时间 value 转为浏览器本地时间，空值显示横线，无效时间保留原文。
+// 时间转为本地显示，无效时间保留原文。
 const formatDateTime = (value?: string) => {
   if (!value?.trim()) return '—'
-  const date = new Date(value) // 解析后的日期对象，用于判断接口时间是否有效。
+  const date = new Date(value)
   return Number.isNaN(date.getTime()) ? value : date.toLocaleString('zh-CN', { hour12: false })
 }
 
-// 将金额字符串 value 拆成符号、整数和小数，避免转为浮点数后丢失精度。
-const parseAmount = (value?: string) => {
+// 使用整数分四舍五入，避免浮点数丢失金额精度。
+const formatAmount = (value?: string) => {
   const text = String(value ?? '').trim()
-  // 仅去掉合法千分位分隔符，避免把格式错误的 1,23 当成正常金额。
+  // 只移除合法千分位，格式错误时原样显示。
   const normalized = /^[+-]?\d{1,3}(?:,\d{3})+(?:\.\d*)?$/.test(text) ? text.replace(/,/g, '') : text
-  const match = /^([+-]?)(\d*)(?:\.(\d*))?$/.exec(normalized) // 匹配结果：1 为符号，2 为整数，3 为小数。
-  if (!match || (!match[2] && !match[3])) return null
-
-  return {
-    negative: match[1] === '-', // 是否为负数。
-    integer: (match[2] || '0').replace(/^0+(?=\d)/, ''), // 去掉前导零的整数部分。
-    fraction: (match[3] || '').replace(/0+$/, ''), // 去掉末尾零的小数部分。
-  }
-}
+  const match = /^([+-]?)(\d*)(?:\.(\d*))?$/.exec(normalized)
+  if (!match || (!match[2] && !match[3])) return text || '—'
 
-// 格式化金额 value：先四舍五入到分，再添加千分位，统一展示两位小数。
-const formatAmount = (value?: string) => {
-  const amount = parseAmount(value) // 解析后的十进制金额，无法识别时为 null。
-  if (!amount) return String(value ?? '').trim() || '—'
-
-  const fraction = amount.fraction.padEnd(3, '0') // 至少保留三位小数，第三位用于判断进位。
-  let cents = BigInt(amount.integer + fraction.slice(0, 2)) // 金额绝对值对应的整数分，使用 BigInt 保证精度。
-  if (fraction.charAt(2) >= '5') cents += 1n
-
-  const digits = cents.toString().padStart(3, '0') // 进位后的分字符串，至少三位以保证整数部分存在。
-  const integer = digits.slice(0, -2).replace(/\B(?=(\d{3})+(?!\d))/g, ',') // 带千分位的元整数部分。
-  const sign = amount.negative ? '-' : '' // 展示用的金额符号。
-  return `${sign}${integer}.${digits.slice(-2)}`
+  const [, sign, integer, decimals = ''] = match
+  const fraction = decimals.padEnd(3, '0')
+  const cents = BigInt((integer || '0') + fraction.slice(0, 2)) + (fraction.charAt(2) >= '5' ? 1n : 0n)
+  const whole = (cents / 100n).toLocaleString('en-US')
+  const decimal = (cents % 100n).toString().padStart(2, '0')
+  return `${sign === '-' ? '-' : ''}${whole}.${decimal}`
 }
 
-// 钱包状态展示：接口暂未提供字典，保留原值；有映射时优先展示中文。
-const walletStatusLabels: Record<string, string> = {}
-const formatWalletStatus = (value?: string) => value?.trim() ? (walletStatusLabels[value.trim()] ?? value.trim()) : '—'
-
-// 注资/预注资发起弹窗状态。
-const dialogVisible = ref(false) // 发起弹窗是否显示。
-const formError = reactive({ adjustType: '', tranAmt: '' }) // 每个表单项的校验提示，空字符串表示没有错误。
-const createForm = reactive({ adjustType: '', tranAmt: '' }) // 正在编辑的调整类型与调整金额。
-const pendingCreate = ref(false) // 提交是否进行中，避免重复提交。
+const dialogVisible = ref(false)
+const pendingCreate = ref(false)
+const formError = reactive({ adjustType: '', tranAmt: '' })
+const createForm = reactive<{
+  adjustType: InjectionCreateParams['adjustType'] | ''
+  tranAmt: string
+}>({ adjustType: '', tranAmt: '' })
 
-// 调整类型字典：接口已声明枚举与中文含义。
-const adjustTypeOptions = [
+const adjustTypeOptions: { value: InjectionCreateParams['adjustType']; label: string }[] = [
   { value: 'PRFD', label: '注资调增' },
   { value: 'FDRD', label: '注资调减' },
   { value: 'FFIC', label: '预注资调增' },
   { value: 'FFRD', label: '预注资调减' },
-] as const
+]
 
 // 打开发起弹窗，恢复默认表单。
 const openCreateDialog = () => {
-  createForm.adjustType = ''
-  createForm.tranAmt = ''
-  formError.adjustType = ''
-  formError.tranAmt = ''
+  Object.assign(createForm, { adjustType: '', tranAmt: '' })
+  Object.assign(formError, { adjustType: '', tranAmt: '' })
   dialogVisible.value = true
 }
 
-// 校验表单；返回是否通过，同时填写各字段错误提示。
-const validateForm = () => {
-  const adjustType = createForm.adjustType // 调整类型，字典值必选。
-  const amountText = createForm.tranAmt.trim() // 去除首尾空白后的调整金额。
+// 提交成功后关闭弹窗并刷新余额。
+const submitCreate = async () => {
+  if (pendingCreate.value || loading.value || disposed) return
+  const { adjustType } = createForm
+  const tranAmt = createForm.tranAmt.trim()
   formError.adjustType = adjustType ? '' : '请选择调整类型'
-  formError.tranAmt = /^\d+(?:\.\d+)?$/.test(amountText) && /^[1-9]/.test(amountText)
-    ? '' // 正数金额：整数或小数，不允许负数、前导零以外形态。
+  formError.tranAmt = /^\d+(?:\.\d+)?$/.test(tranAmt) && /[1-9]/.test(tranAmt)
+    ? ''
     : '请输入大于 0 的调整金额'
-  return !formError.adjustType && !formError.tranAmt
-}
+  if (!adjustType || formError.tranAmt) return
 
-// 提交注资/预注资发起；成功后关闭弹窗，并重新查询账户行余额。
-const submitCreate = async () => {
-  if (pendingCreate.value || loading.value) return
-  if (!validateForm()) return
-  const params: InjectionCreateParams = {
-    adjustType: createForm.adjustType as InjectionCreateParams['adjustType'],
-    tranAmt: createForm.tranAmt.trim(),
-  }
   pendingCreate.value = true
   try {
-    // head 为公共响应头，请求是否成功统一以 retCode 判断；接口未声明业务返回字段。
-    const { head } = await API.createApi(params) as any
+    const { head } = await API.createApi({ adjustType, tranAmt })
     if (disposed) return
     if (head?.retCode !== '00000') {
       throw new Error(head?.retMsg || '提交失败')
     }
     ElMessage.success('注资/预注资发起已提交')
     dialogVisible.value = false
-    void query() // 重新查询账户行余额，展示最新余额。
-  } catch (error) { // error 为提交请求或业务处理失败信息。
+    void query()
+  } catch (error) {
     if (!disposed) ElMessage.error(getErrorMessage(error))
   } finally {
-    pendingCreate.value = false
+    if (!disposed) pendingCreate.value = false
   }
 }
 
-// 摘要金额：接口字段 → 卡片标题，顺序即展示顺序。
-const summaryAmounts = [
+type BalanceField = keyof AccountBalanceInfo
+type DisplayField = [field: BalanceField, label: string, isMoney?: boolean]
+
+const summaryAmounts: DisplayField[] = [
   ['bal', '结算钱包余额'],
   ['amount', '实时余额'],
   ['enableAmount', '其中：可用余额'],
   ['yesterdayAmount', '昨日余额'],
   ['nonBal', '对立账户余额（预注资金额）'],
-] as const
+]
 
-// 明细分组配置；title 为分组标题，fields 每项为 [字段名, 展示名称, 是否金额]。
-const detailGroups = [
+// 字段受接口类型约束，金额标记同时用于格式化和样式。
+const detailGroups: { title: string; fields: DisplayField[] }[] = [
   {
     title: '机构与账户',
     fields: [
-      ['bankName', '机构名称', false],
-      ['bankCode', '机构编码', false],
-      ['innerName', '行内名称', false],
-      ['innerAccount', '行内账号', false],
+      ['bankName', '机构名称'],
+      ['bankCode', '机构编码'],
+      ['innerName', '行内名称'],
+      ['innerAccount', '行内账号'],
     ],
   },
   {
     title: '结算钱包',
     fields: [
-      ['sttlmWlltNm', '结算钱包名称', false],
-      ['sttlmWlltId', '结算钱包 ID', false],
-      ['sttlmWlltSts', '结算钱包状态', false],
-      ['openDate', '开立时间', false],
+      ['sttlmWlltNm', '结算钱包名称'],
+      ['sttlmWlltId', '结算钱包 ID'],
+      ['sttlmWlltSts', '结算钱包状态'],
+      ['openDate', '开立时间'],
     ],
   },
   {
     title: '注资参数',
     fields: [
-      ['ciSts', '注资预注资状态', false],
+      ['ciSts', '注资预注资状态'],
       ['ciLmt', '注资最低金额（元）', true],
       ['realTmTxLmt', '实时业务注资下限（元）', true],
       ['wltWarnAmt', '钱包预警金额（元）', true],
@@ -166,58 +138,48 @@ const detailGroups = [
   {
     title: '报文信息',
     fields: [
-      ['refNo', '流水号', false],
-      ['replyRefNo', '应答流水号', false],
-      ['ptMsgId', '报文标识号', false],
-      ['prtryDataType', '报文类型', false],
-      ['sendOrganizeCode', '发起机构', false],
-      ['rcvOrganizeCode', '接收机构', false],
-      ['msgSendTime', '业务处理时间', false],
+      ['refNo', '流水号'],
+      ['replyRefNo', '应答流水号'],
+      ['ptMsgId', '报文标识号'],
+      ['prtryDataType', '报文类型'],
+      ['sendOrganizeCode', '发起机构'],
+      ['rcvOrganizeCode', '接收机构'],
+      ['msgSendTime', '业务处理时间'],
     ],
   },
   {
     title: '备注',
     fields: [
-      ['remark', '备注', false],
-      ['rmk', '交易备注', false],
+      ['remark', '备注'],
+      ['rmk', '交易备注'],
     ],
   },
-] as const
-
-// 展示数据：金额统一千分位、时间本地化，字段名 → 展示值。
-const displayValues = computed<Record<string, string> | null>(() => {
-  if (!balance.value) return null
-  const raw = balance.value as unknown as Record<string, string | undefined>
-  return Object.fromEntries(Object.entries(raw).map(([key, value]) => {
-    const isAmount = detailGroups.some(group => group.fields.some(([field, , isMoney]) => field === key && isMoney))
-      || summaryAmounts.some(([field]) => field === key) // 摘要金额同样千分位展示。
-    const isTime = key === 'msgSendTime'
-    if (key === 'sttlmWlltSts') return [key, formatWalletStatus(value)] // 钱包状态：先按字典映射，缺字典时保留原值。
-    return [key, isAmount ? formatAmount(value) : isTime ? formatDateTime(value) : String(value ?? '')]
-  }))
-})
+]
 
-// 读取展示值，空值显示占位符；field 为字段名。
-const displayValue = (field: string) => displayValues.value?.[field]?.trim() || '—'
+const displayValue = (field: BalanceField, isMoney = false) => {
+  const value = balance.value?.[field]?.trim()
+  if (!value) return '—'
+  if (isMoney) return formatAmount(value)
+  return field === 'msgSendTime' ? formatDateTime(value) : value
+}
 
 // 发起查询申请；接口未声明筛选条件，固定空参数。
 const query = async () => {
   if (disposed) return
-  const currentRequestId = ++requestId // 本次请求序号，仅与最新序号相等时允许更新界面。
+  const currentRequestId = ++requestId
   loading.value = true
   try {
-    // head 为公共响应头，body 为单条账户行余额信息。
-    const { head, body } = await API.queryBalanceApi() as any
+    const { head, body } = await API.queryBalanceApi()
     if (currentRequestId !== requestId) return
     if (head?.retCode !== '00000') {
       throw new Error(head?.retMsg || '查询失败')
     }
-    if (!body || typeof body !== 'object') {
+    if (!body || typeof body !== 'object' || Array.isArray(body)) {
       throw new Error('查询结果格式异常')
     }
     balance.value = body
     lastQueryTime.value = formatDateTime(new Date().toISOString())
-  } catch (error) { // error 为接口请求或响应数据校验异常。
+  } catch (error) {
     if (currentRequestId !== requestId) return
     balance.value = null
     lastQueryTime.value = ''
@@ -227,7 +189,6 @@ const query = async () => {
   }
 }
 
-// 页面首次显示时自动发起查询申请。
 onMounted(query)
 // 页面离开后，未完成的请求不再更新界面或弹出消息。
 onBeforeUnmount(() => {
@@ -261,11 +222,10 @@ onBeforeUnmount(() => {
             </div>
             <el-tag class="wallet-status" type="warning" effect="light">{{ displayValue('sttlmWlltSts') }}</el-tag>
           </header>
-          <!-- item 为摘要金额配置，value 为格式化后的展示值。 -->
           <div class="amount-grid">
             <div v-for="[field, label] in summaryAmounts" :key="field" class="amount-card">
               <span class="amount-label">{{ label }}</span>
-              <strong class="amount-value">{{ displayValue(field) }}</strong>
+              <strong class="amount-value">{{ displayValue(field, true) }}</strong>
               <span class="amount-unit">元</span>
             </div>
           </div>
@@ -274,14 +234,13 @@ onBeforeUnmount(() => {
         <!-- 明细分组；group 为当前分组，包含标题和字段配置。无数据时展示空状态。 -->
         <el-card class="balance-detail" shadow="never" :body-style="{ padding: '12px 14px' }">
           <template v-if="balance">
-            <!-- field 为字段名，isMoney 为金额标记，label 为展示名称。 -->
             <section v-for="group in detailGroups" :key="group.title" class="detail-group" :aria-label="group.title">
               <h3>{{ group.title }}</h3>
               <dl class="detail-fields">
-                <div v-for="[field, label] in group.fields" :key="field" class="detail-field">
+                <div v-for="[field, label, isMoney] in group.fields" :key="field" class="detail-field">
                   <dt>{{ label }}</dt>
-                  <dd :class="{ 'detail-money': group.fields.some(([f, , isMoney]) => f === field && isMoney) }">
-                    {{ displayValue(field) }}
+                  <dd :class="{ 'detail-money': isMoney }">
+                    {{ displayValue(field, isMoney) }}
                   </dd>
                 </div>
               </dl>
@@ -305,7 +264,6 @@ onBeforeUnmount(() => {
       :close-on-press-escape="!pendingCreate"
     >
       <el-form :disabled="pendingCreate" label-position="top" @submit.prevent="submitCreate()">
-        <!-- value 为接口调整类型枚举，label 为中文含义。 -->
         <el-form-item label="调整类型" :error="formError.adjustType">
           <el-select v-model="createForm.adjustType" placeholder="请选择调整类型" clearable>
             <el-option

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>