| | |
| | | <template> |
| | | <basicContainer> |
| | | <div class="account-analysis-detail"> |
| | | <avue-crud ref="crudRef" v-model="form" v-model:search="searchForm" v-model:page="page" :option="option" |
| | | <avue-crud ref="crudRef" v-model="form" v-model:search="searchForm" :page="page" :option="option" |
| | | :data="tableData" :table-loading="loading" :row-class-name="rowClassName" @on-load="onLoad" |
| | | @search-change="searchChange" @search-reset="searchReset" @refresh-change="refreshChange" |
| | | @current-change="currentChange" @size-change="sizeChange"> |
| | |
| | | <el-button type="primary" link underline="never" icon="View" @click="crudRef.rowView(row)">查看</el-button> |
| | | |
| | | <el-link type="primary" icon="el-icon-document" v-hasPermi="['cwgl:receivableBillManagement:log']" |
| | | :underline="false" @click="handleFlow(row)" style="margin-left: 12px;">日志</el-link> |
| | | underline="never" @click="handleFlow(row)" style="margin-left: 12px;">日志</el-link> |
| | | </template> |
| | | </avue-crud> |
| | | </div> |
| | |
| | | import { agingAnalysisList, listAccountLog, updateAccountAnalysis, receivableBillManagementAccountAnalysis } from "@/api/cwgl/analysisManagement"; |
| | | import useCurrentInstance from "@/utils/useCurrentInstance"; |
| | | import OperationLogModal from '@/components/OperationLogModal/index.vue'; |
| | | |
| | | import { download } from "@/utils/request"; |
| | | const { proxy } = useCurrentInstance(); |
| | | const { sys_account_business } = proxy.useDict('sys_account_business'); |
| | | |
| | |
| | | |
| | | // --- Avue 配置 --- |
| | | const option = computed(() => ({ |
| | | height: 'auto', |
| | | calcHeight: 30, |
| | | // height: 'auto', |
| | | // calcHeight: 30, |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | border: true, |
| | |
| | | editBtn: false, |
| | | delBtn: false, |
| | | viewBtn: false, |
| | | showSummary: true, |
| | | dicCache: true, |
| | | menuWidth: 220, |
| | | labelWidth: 150, |
| | | page: true, |
| | | pagination: true, |
| | | searchLabelWidth: 120, |
| | | showSummary: true, |
| | | // 强制指定合计文案(如果 method 返回空,它作为保底) |
| | | sumText: '合计', |
| | | sumColumnList: [ |
| | | { name: 'repaymentAmount', type: 'sum' }, |
| | | { name: 'ncSettlementAmount', type: 'sum' }, |
| | |
| | | detail: true, |
| | | formatter: (row: any, value: any) => dictFormat(sys_account_business, value) |
| | | }, |
| | | { label: '账单系统编号', prop: 'systemNo', search: true, width: 140 }, |
| | | { label: '结算期', prop: 'settlementPeriod', width: 100 }, |
| | | { label: '账单系统编号', prop: 'systemNo', search: true, width: 180 }, |
| | | { label: '结算期', prop: 'settlementPeriod', width: 200 }, |
| | | { |
| | | label: 'NC账面结算', |
| | | children: [ |
| | |
| | | { label: '未开票金额', prop: 'unInvoicedAmount', width: 110 }, |
| | | ] |
| | | }, |
| | | { label: '备注', prop: 'remark', width: 120 }, |
| | | { label: '备注', prop: 'accountRemark', width: 120 }, |
| | | { label: '尚欠金额', prop: 'pendingAmount', width: 100 }, |
| | | { label: '逾期天数', prop: 'overdueDays', width: 90 }, |
| | | { label: '逾期利息', prop: 'overdueInterest', width: 100 }, |
| | |
| | | tableData.value = res.rows || []; |
| | | page.total = res.total || 0; |
| | | loading.value = false; |
| | | |
| | | if (highlightSystemNo.value) { |
| | | nextTick(() => { |
| | | const target = document.querySelector('.highlight-row'); |
| | | target?.scrollIntoView({ behavior: 'smooth', block: 'center' }); |
| | | }); |
| | | } |
| | | }).catch(() => { |
| | | loading.value = false; |
| | | }); |
| | |
| | | }; |
| | | /* 导出按钮 */ |
| | | function handleExport() { |
| | | proxy.download( |
| | | '/wmswh/reportStockcwgl/receivableBillManagement/accountAnalysis/export', |
| | | download( |
| | | '/cwgl/receivableBillManagement/accountAnalysis/export', |
| | | { |
| | | ...form.value, |
| | | }, |
| | |
| | | .edit-form { |
| | | padding: 10px 20px; |
| | | } |
| | | |
| | | /* 强制在合计行的第一个非复选框单元格(责任人列)显示文案 */ |
| | | :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> |