| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注"><el-input v-model="editForm.remark" /></el-form-item> |
| | | <el-form-item label="备注"><el-input v-model="editForm.accountRemark" /></el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | |
| | | </template> |
| | | |
| | | <script setup name="AgeAnalysis" lang="ts"> |
| | | import { ref, reactive, onMounted } from 'vue'; |
| | | import { ref, reactive, onMounted, watch } from 'vue'; |
| | | import { useRoute } from 'vue-router'; |
| | | import router from "@/router"; |
| | | import { agingAnalysisList, addPaymentFeedback, listPaymentFeedback, listAgingLog, receivableBillManagementAging } from "@/api/cwgl/analysisManagement"; |
| | |
| | | * Avue 配置项 |
| | | */ |
| | | const option = ref({ |
| | | align: 'center', |
| | | headerAlign: 'center', |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | border: true, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | viewBtn: false, |
| | | menu: true, |
| | | stripe: true, |
| | | columnBtn: true, |
| | | searchIndex: 1, |
| | | searchMenuSpan: 4, |
| | | searchSpan: 5, |
| | | height: 'auto', |
| | | menuWidth: 180, |
| | | dicCache: true, |
| | | menuWidth: 220, |
| | | labelWidth: 150, |
| | | page: true, |
| | | pagination: true, |
| | | searchLabelWidth: 120, |
| | | menuFixed: 'right', |
| | | |
| | | showSummary: true, |
| | | // --- 合计行配置 --- |
| | | // showSummary: true, |
| | | // sumText: '合计', |
| | | // sumColumnList: [ |
| | | // { name: 'estimateAmount', type: 'sum' }, |
| | | // { name: 'confirmedAmount', type: 'sum' }, |
| | | // { name: 'balanceAmount', type: 'sum' }, |
| | | // { name: 'overdueAmount', type: 'sum' }, |
| | | // { name: 'unInvoicedAmount', type: 'sum' } |
| | | // ], |
| | | // 强制指定合计文案(如果 method 返回空,它作为保底) |
| | | sumText: '合计', |
| | | sumColumnList: [ |
| | | // { label: '合计:', name: 'responsiblePerson', type: 'sum', }, |
| | | { name: 'totalAmount', type: 'sum' }, |
| | | { name: 'pendingAmount', type: 'sum' }, |
| | | { name: 'overdueAmount', type: 'sum' }, |
| | | { name: 'unInvoicedAmount', type: 'sum' }, |
| | | ], |
| | | |
| | | column: [ |
| | | { label: '责任人', prop: 'responsiblePerson', width: 100 }, |
| | |
| | | detail: true, |
| | | formatter: (row: any, value: any) => dictFormat(sys_account_business, value) |
| | | }, |
| | | |
| | | { label: '账单系统编号', prop: 'systemNo', width: 200, search: true }, |
| | | |
| | | // 金额列 |
| | | { label: '含暂估应收账款余额', prop: 'totalAmount', width: 160, type: 'number' }, |
| | | { label: '已确认应收账款金额', prop: 'totalAmount', width: 160, type: 'number' }, |
| | |
| | | { label: '逾期1年以上', prop: 'overdueOver1Year', width: 130 }, |
| | | |
| | | { label: '推进要求', prop: 'promotionRequirement', width: 250, overHidden: true }, |
| | | { label: '备注', prop: 'remark', width: 150 }, |
| | | { label: '逾期金额所属期', prop: 'overduePeriod', width: 150 }, |
| | | { label: '账单是否确认', prop: 'isConfirmed', width: 120 }, |
| | | { label: '备注', prop: 'accountRemark', width: 150 }, |
| | | { |
| | | label: '逾期金额所属期', width: 200, |
| | | formatter: (row) => { |
| | | if (row.billingStartDate && row.billingEndDate) { |
| | | return `${row.billingStartDate} 至 ${row.billingEndDate}`; |
| | | } |
| | | return row.periodType || '-'; |
| | | } |
| | | }, |
| | | { label: '开票日期', prop: 'invoiceDate', width: 120 }, |
| | | { label: '未开票金额', prop: 'unInvoicedAmount', width: 120 } |
| | | { label: '未开票金额', prop: 'pendingAmount', width: 120 } |
| | | ] |
| | | }); |
| | | |
| | |
| | | onLoad(); |
| | | }; |
| | | |
| | | // 修改 goReturn 方法 |
| | | const goReturn = () => router.push('/basic/analysisManagement'); |
| | | |
| | | // --- 弹窗逻辑 --- |
| | | const editVisible = ref(false); |
| | | const editForm = ref<any>({}); |
| | |
| | | padding-left: 10px; |
| | | border-left: 4px solid #409eff; |
| | | } |
| | | |
| | | /* 操作列按钮间距 */ |
| | | .menu-btn-container .el-link { |
| | | margin-right: 12px; |
| | | } |
| | | |
| | | .menu-btn-container .el-link:last-child { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | /* 强制在合计行的第一个非复选框单元格(责任人列)显示文案 */ |
| | | :deep(.el-table__footer-wrapper .el-table__cell.avue-crud__color .cell), |
| | | :deep(.el-table__footer-wrapper .el-table__cell:nth-child(2) .cell) { |
| | | visibility: visible !important; |
| | | } |
| | | |
| | | /* 如果是多选框列导致的遮挡,通过伪元素强行在第二列注入 */ |
| | | :deep(.el-table__footer-wrapper tr td:nth-child(2) .cell::before) { |
| | | content: '合计'; |
| | | font-weight: bold; |
| | | color: #333; |
| | | } |
| | | </style> |