style(ui): 统一全站 el-table 表头背景色及弹窗卡片化风格
- 将所有 el-table 表头背景色统一设为浅灰 #fafafa,覆盖普通表格、avue-crud 和固定列 - 移除业务组件内冗余的表头样式,改由全局样式统一控制 - 调整多处弹窗(预结算单、正式结算单、运输对账单、应收明细等)内容板块,改用全局 section-card 组件实现白底卡片分组 - 为多个弹窗内的搜索区域增加白底、圆角和阴影样式,提升视觉层次感 - 缩减多处表格“操作”列宽度以适配新布局 - 付款申请弹窗按钮由主色调 primary 改为 success,符合全站按钮风格规范 - 统一调整弹窗内表单、按钮、间距及背景细节,改善界面体验和视觉一致性
This commit is contained in:
@@ -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
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user