feat(business-crud-page): 优化合同管理表单页为多分组卡片风格

- 为合同管理独立表单页设置 dialogCustomClass 以实现表单背景透明 - 按业务分区拆分表单列，分组渲染多张白底卡片，卡间距定为 12px - 调整卡片边距由 16px 至 12px，优化视觉层次与空间感 - 统一多分组表单样式，标题区块采用主色蓝条突出显示 - 透明化弹窗内 Avue 表单背景，解决白卡叠白卡问题 - 兼顾表单底部按钮滚动展示，不同于弹窗底部浮动布局
2026-08-21 08:55:56 +08:00
parent 63256a9d21
commit 10878d4aee
10 changed files with 115 additions and 24 deletions
@@ -41,7 +41,7 @@
    </section>

    <section class="formal-page__table-panel">
-      <el-tabs v-model="activeSettlementType" @tab-change="handleSettlementTypeChange">
+      <el-tabs type="border-card" v-model="activeSettlementType" @tab-change="handleSettlementTypeChange">
        <el-tab-pane label="应付" name="payable" />
        <el-tab-pane label="应收" name="receivable" />
      </el-tabs>