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

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>