style(ui): 统一全站 el-table 表头背景色及弹窗卡片化风格

- 将所有 el-table 表头背景色统一设为浅灰 #fafafa,覆盖普通表格、avue-crud 和固定列
- 移除业务组件内冗余的表头样式,改由全局样式统一控制
- 调整多处弹窗(预结算单、正式结算单、运输对账单、应收明细等)内容板块,改用全局 section-card 组件实现白底卡片分组
- 为多个弹窗内的搜索区域增加白底、圆角和阴影样式,提升视觉层次感
- 缩减多处表格“操作”列宽度以适配新布局
- 付款申请弹窗按钮由主色调 primary 改为 success,符合全站按钮风格规范
- 统一调整弹窗内表单、按钮、间距及背景细节,改善界面体验和视觉一致性
This commit is contained in:
2026-08-20 14:47:29 +08:00
parent f6b05ed71d
commit 8f35e6b265
12 changed files with 250 additions and 191 deletions
+34 -26
View File
@@ -115,7 +115,7 @@
<span v-else>{{ displayValue(row[column.prop]) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="320" fixed="right" align="center">
<el-table-column label="操作" width="120" fixed="right" align="center">
<template #default="{ row }"
><div class="formal-page__links">
<el-link
@@ -190,33 +190,41 @@
:readonly="editor.readonly"
@success="loadTable"
/>
<el-dialog v-model="paymentDialog.visible" title="付款申请" width="520px" append-to-body>
<el-form :model="paymentDialog.form" label-position="right" label-width="auto">
<el-form-item label="结算单号">{{
paymentDialog.row.formalSettlementNo || '-'
}}</el-form-item>
<el-form-item label="剩余可申请金额">{{
formatMoney(paymentAvailable, paymentDialog.row.currency)
}}</el-form-item>
<el-form-item label="申请付款金额" required
><el-input-number
v-model="paymentDialog.form.appliedAmount"
:min="0.01"
:max="paymentAvailable"
:precision="2"
:controls="false"
/></el-form-item>
<el-form-item label="备注"
><el-input
v-model="paymentDialog.form.remark"
type="textarea"
maxlength="200"
show-word-limit
/></el-form-item>
</el-form>
<el-dialog
v-model="paymentDialog.visible"
title="付款申请"
width="520px"
append-to-body
class="formal-payment-dialog"
>
<section-card title="付款信息">
<el-form :model="paymentDialog.form" label-position="right" label-width="auto">
<el-form-item label="结算单号">{{
paymentDialog.row.formalSettlementNo || '-'
}}</el-form-item>
<el-form-item label="剩余可申请金额">{{
formatMoney(paymentAvailable, paymentDialog.row.currency)
}}</el-form-item>
<el-form-item label="申请付款金额" required
><el-input-number
v-model="paymentDialog.form.appliedAmount"
:min="0.01"
:max="paymentAvailable"
:precision="2"
:controls="false"
/></el-form-item>
<el-form-item label="备注"
><el-input
v-model="paymentDialog.form.remark"
type="textarea"
maxlength="200"
show-word-limit
/></el-form-item>
</el-form>
</section-card>
<template #footer
><el-button @click="paymentDialog.visible = false">取消</el-button
><el-button type="primary" :loading="paymentDialog.loading" @click="submitPayment"
><el-button type="success" :loading="paymentDialog.loading" @click="submitPayment"
>提交</el-button
></template
>