Merge pull request '付款结算 / 收票登记 / 发票认领模块' (#12) from feature/20261103-bfi-warehouse-web into master
Reviewed-on: #12
This commit was merged in pull request #12.
This commit is contained in:
@@ -38,6 +38,15 @@ export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'p
|
|||||||
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
||||||
export const pushKingdee = ids =>
|
export const pushKingdee = ids =>
|
||||||
request({ url: `${baseUrl}/push-kingdee`, method: 'post', timeout: 30000, data: ids });
|
request({ url: `${baseUrl}/push-kingdee`, method: 'post', timeout: 30000, data: ids });
|
||||||
|
// 先票后款:发票明细查询(收票登记明细区块按票号带出发票明细行)
|
||||||
|
export const invoiceDetailQuery = invoiceNo =>
|
||||||
|
request({ url: `${baseUrl}/invoice-detail-query`, method: 'get', params: { invoiceNo } });
|
||||||
|
// 先票后款:结算单认领收票单候选分页(审批通过且未被有效应付结算单认领)
|
||||||
|
export const claimCandidates = params =>
|
||||||
|
request({ url: `${baseUrl}/claim-candidates`, method: 'get', params });
|
||||||
|
// 先票后款:结算单已认领收票登记列表(发票登记对话框回显已认领票)
|
||||||
|
export const claimedReceipts = formalSettlementId =>
|
||||||
|
request({ url: `${baseUrl}/claimed-list`, method: 'get', params: { formalSettlementId } });
|
||||||
|
|
||||||
export const approvalStatusOptions = [
|
export const approvalStatusOptions = [
|
||||||
{ label: '草稿', value: 'draft' },
|
{ label: '草稿', value: 'draft' },
|
||||||
|
|||||||
@@ -27,13 +27,13 @@ export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'p
|
|||||||
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
||||||
// 同步金蝶涉及多次金蝶远程接口调用(A103-2 预检 + A103-1/A103-3 推送),单笔可达 20s+,覆盖全局 10s 超时
|
// 同步金蝶涉及多次金蝶远程接口调用(A103-2 预检 + A103-1/A103-3 推送),单笔可达 20s+,覆盖全局 10s 超时
|
||||||
export const syncKingdee = id =>
|
export const syncKingdee = id =>
|
||||||
request({ url: `${baseUrl}/sync-kingdee`, method: 'post', timeout: 30000, params: { id } });
|
request({ url: `${baseUrl}/sync-kingdee`, method: 'post', timeout: APPROVE_TIMEOUT, params: { id } });
|
||||||
// 批量同步逐单单据级事务串行推送,耗时随单量线性增长
|
// 批量同步逐单单据级事务串行推送,耗时随单量线性增长
|
||||||
export const syncKingdeeBatch = ids =>
|
export const syncKingdeeBatch = ids =>
|
||||||
request({ url: `${baseUrl}/sync-kingdee-batch`, method: 'post', timeout: 30000, data: ids });
|
request({ url: `${baseUrl}/sync-kingdee-batch`, method: 'post', timeout: APPROVE_TIMEOUT, data: ids });
|
||||||
// 回写任务按 paymentNo 分批远程查询 A103-2/A103-4,同样可能超过全局超时
|
// 回写任务按 paymentNo 分批远程查询 A103-2/A103-4,同样可能超过全局超时
|
||||||
export const syncKingdeeResult = () =>
|
export const syncKingdeeResult = () =>
|
||||||
request({ url: `${baseUrl}/sync-kingdee-result`, method: 'post', timeout: 30000 });
|
request({ url: `${baseUrl}/sync-kingdee-result`, method: 'post', timeout: APPROVE_TIMEOUT });
|
||||||
|
|
||||||
export const paymentTypeOptions = [
|
export const paymentTypeOptions = [
|
||||||
{ label: '项目预付', value: 'project_advance' },
|
{ label: '项目预付', value: 'project_advance' },
|
||||||
|
|||||||
@@ -58,5 +58,21 @@ export const applyPayments = data =>
|
|||||||
request({ url: `${baseUrl}/apply-payments`, method: 'post', data });
|
request({ url: `${baseUrl}/apply-payments`, method: 'post', data });
|
||||||
export const claimInvoices = data =>
|
export const claimInvoices = data =>
|
||||||
request({ url: `${baseUrl}/claim-invoices`, method: 'post', data });
|
request({ url: `${baseUrl}/claim-invoices`, method: 'post', data });
|
||||||
|
// 先票后款:发票登记确认推送(认领收票单逐单 A302-6 指定应付),涉及多次金蝶远程调用,覆盖全局超时
|
||||||
|
export const invoiceAssignKingdee = id =>
|
||||||
|
request({
|
||||||
|
url: `${baseUrl}/invoice-assign-kingdee`,
|
||||||
|
method: 'post',
|
||||||
|
timeout: 30000,
|
||||||
|
params: { id },
|
||||||
|
});
|
||||||
|
// 先票后款:查看页重推认领收票单(收票单A303-2+指定应付A302-6 一步式),涉及多次金蝶远程调用,覆盖全局超时
|
||||||
|
export const repushClaimedInvoice = (id, invoiceNo, matchedAmount) =>
|
||||||
|
request({
|
||||||
|
url: `${baseUrl}/repush-claimed-invoice`,
|
||||||
|
method: 'post',
|
||||||
|
timeout: 30000,
|
||||||
|
params: { id, invoiceNo, matchedAmount },
|
||||||
|
});
|
||||||
export const queryInvoicePool = params =>
|
export const queryInvoicePool = params =>
|
||||||
request({ url: `${baseUrl}/invoice-pool`, method: 'get', params });
|
request({ url: `${baseUrl}/invoice-pool`, method: 'get', params });
|
||||||
|
|||||||
@@ -170,6 +170,7 @@ export const paymentApplicationOption = ({
|
|||||||
{ label: '当前处理人', prop: 'currentProcessor', minWidth: 120, formatter: textFormatter },
|
{ label: '当前处理人', prop: 'currentProcessor', minWidth: 120, formatter: textFormatter },
|
||||||
{ label: '金蝶单据号', prop: 'kingdeeBillNo', minWidth: 130, formatter: textFormatter },
|
{ label: '金蝶单据号', prop: 'kingdeeBillNo', minWidth: 130, formatter: textFormatter },
|
||||||
{ label: '金蝶单据状态', prop: 'kingdeeStatusName', slot: true, minWidth: 130 },
|
{ label: '金蝶单据状态', prop: 'kingdeeStatusName', slot: true, minWidth: 130 },
|
||||||
|
{ label: '已指定应付', prop: 'kingdeeAssignStatus', slot: true, minWidth: 120 },
|
||||||
{ label: '金蝶锁状态', prop: 'kingdeeLockStatus', slot: true, minWidth: 150 },
|
{ label: '金蝶锁状态', prop: 'kingdeeLockStatus', slot: true, minWidth: 150 },
|
||||||
{ label: '附件同步', prop: 'attachmentSyncStatusName', minWidth: 100, formatter: textFormatter },
|
{ label: '附件同步', prop: 'attachmentSyncStatusName', minWidth: 100, formatter: textFormatter },
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -89,24 +89,28 @@ const COLUMN_EXTRA = {
|
|||||||
},
|
},
|
||||||
kingdeeLockStatus: { slot: true },
|
kingdeeLockStatus: { slot: true },
|
||||||
kingdeeWriteOffStatus: { slot: true },
|
kingdeeWriteOffStatus: { slot: true },
|
||||||
|
kingdeeAssignStatus: { slot: true },
|
||||||
createTime: { width: 180 },
|
createTime: { width: 180 },
|
||||||
};
|
};
|
||||||
|
|
||||||
const buildTableColumns = () =>
|
// 已指定应付仅付款结算单(先票后款 A302-6)有,收款结算单不展示
|
||||||
formalSettlementTableColumns.map(column => {
|
const buildTableColumns = settlementType =>
|
||||||
const extra = { ...(COLUMN_EXTRA[column.prop] || {}) };
|
formalSettlementTableColumns
|
||||||
if (column.money) {
|
.filter(column => !(settlementType === 'receivable' && column.prop === 'kingdeeAssignStatus'))
|
||||||
extra.formatter = moneyFormatter;
|
.map(column => {
|
||||||
extra.align = 'right';
|
const extra = { ...(COLUMN_EXTRA[column.prop] || {}) };
|
||||||
}
|
if (column.money) {
|
||||||
// link / status 标记的列统一走单元格插槽
|
extra.formatter = moneyFormatter;
|
||||||
if (column.link || column.status) extra.slot = true;
|
extra.align = 'right';
|
||||||
// 插槽列不挂兜底 formatter:avue 中 formatter 会覆盖单元格插槽渲染
|
}
|
||||||
if (!extra.slot && !extra.formatter) extra.formatter = textFormatter;
|
// link / status 标记的列统一走单元格插槽
|
||||||
return { ...column, ...extra };
|
if (column.link || column.status) extra.slot = true;
|
||||||
});
|
// 插槽列不挂兜底 formatter:avue 中 formatter 会覆盖单元格插槽渲染
|
||||||
|
if (!extra.slot && !extra.formatter) extra.formatter = textFormatter;
|
||||||
|
return { ...column, ...extra };
|
||||||
|
});
|
||||||
|
|
||||||
export const formalSettlementOption = () => ({
|
export const formalSettlementOption = (settlementType = '') => ({
|
||||||
height: 'auto',
|
height: 'auto',
|
||||||
calcHeight: 32,
|
calcHeight: 32,
|
||||||
tip: false,
|
tip: false,
|
||||||
@@ -168,7 +172,7 @@ export const formalSettlementOption = () => ({
|
|||||||
type: 'daterange',
|
type: 'daterange',
|
||||||
}),
|
}),
|
||||||
// ---------- 表格列(部分兼搜索项) ----------
|
// ---------- 表格列(部分兼搜索项) ----------
|
||||||
...buildTableColumns(),
|
...buildTableColumns(settlementType),
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -27,6 +27,7 @@ export const formalSettlementTableColumns = [
|
|||||||
{ label: '金蝶单据状态', prop: 'kingdeeSyncStatus', minWidth: 135 },
|
{ label: '金蝶单据状态', prop: 'kingdeeSyncStatus', minWidth: 135 },
|
||||||
{ label: '金蝶冲销状态', prop: 'kingdeeWriteOffStatus', minWidth: 135 },
|
{ label: '金蝶冲销状态', prop: 'kingdeeWriteOffStatus', minWidth: 135 },
|
||||||
{ label: '金蝶锁状态', prop: 'kingdeeLockStatus', minWidth: 150 },
|
{ label: '金蝶锁状态', prop: 'kingdeeLockStatus', minWidth: 150 },
|
||||||
|
{ label: '已指定应付', prop: 'kingdeeAssignStatus', minWidth: 120 },
|
||||||
{ label: '附件同步', prop: 'attachmentSyncStatusName', minWidth: 100 },
|
{ label: '附件同步', prop: 'attachmentSyncStatusName', minWidth: 100 },
|
||||||
{ label: '创建人', prop: 'createUserName', minWidth: 110 },
|
{ label: '创建人', prop: 'createUserName', minWidth: 110 },
|
||||||
{ label: '创建时间', prop: 'createTime', minWidth: 170 },
|
{ label: '创建时间', prop: 'createTime', minWidth: 170 },
|
||||||
|
|||||||
@@ -1082,6 +1082,7 @@ import { defineAsyncComponent } from 'vue';
|
|||||||
import * as api from '@/api/business/project-apply';
|
import * as api from '@/api/business/project-apply';
|
||||||
import { getList as getContractManageList } from '@/api/business/contract-manage';
|
import { getList as getContractManageList } from '@/api/business/contract-manage';
|
||||||
import {
|
import {
|
||||||
|
getRisk,
|
||||||
loadHcsImmediateEnabled,
|
loadHcsImmediateEnabled,
|
||||||
repush as hcsRepush,
|
repush as hcsRepush,
|
||||||
repushBatch as hcsRepushBatch,
|
repushBatch as hcsRepushBatch,
|
||||||
|
|||||||
@@ -53,15 +53,6 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="税率">
|
|
||||||
<el-input
|
|
||||||
:model-value="formatRate(form.taxRate)"
|
|
||||||
disabled
|
|
||||||
placeholder="从金蝶票据池带出"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-form-item label="开票金额">
|
<el-form-item label="开票金额">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -109,34 +100,50 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-form-item label="关联结算单" prop="settlementIds">
|
<el-form-item label="结算组织" prop="deptId">
|
||||||
<el-tooltip
|
<el-cascader
|
||||||
:content="settlementLabel"
|
v-if="!readonly"
|
||||||
:disabled="!settlementLabel"
|
:model-value="deptCascaderValue"
|
||||||
placement="top"
|
:options="deptTreeOptions"
|
||||||
:show-after="200"
|
:props="deptCascaderProps"
|
||||||
>
|
placeholder="请选择结算组织(合同承办部门)"
|
||||||
<div class="receipt-form-page__overflow-trigger">
|
filterable
|
||||||
<el-input
|
clearable
|
||||||
:model-value="settlementLabel"
|
@change="handleDeptChange"
|
||||||
readonly
|
/>
|
||||||
placeholder="请选择应付正式结算单"
|
<el-input v-else :model-value="form.deptName" disabled />
|
||||||
>
|
|
||||||
<template v-if="!readonly" #append>
|
|
||||||
<el-tooltip content="选择付款结算单" placement="top">
|
|
||||||
<el-button :icon="Search" @click="openSettlementDialog" />
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-input>
|
|
||||||
</div>
|
|
||||||
</el-tooltip>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
|
<section-card title="发票明细">
|
||||||
|
<el-table :data="invoiceItems" border empty-text="选择金蝶票据池发票后带出发票明细行">
|
||||||
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
|
<el-table-column prop="goodsName" label="货物名称" min-width="160" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="specModel" label="规格型号" min-width="120" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="unit" label="单位" min-width="80" align="center" />
|
||||||
|
<el-table-column label="数量" min-width="100" align="right">
|
||||||
|
<template #default="{ row }">{{ formatQuantity(row.num) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="单价" min-width="110" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.unitPrice) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="金额" min-width="120" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.detailAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="税率" min-width="90" align="center">
|
||||||
|
<template #default="{ row }">{{ formatRateText(row.taxRate) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="税额" min-width="110" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.taxAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="goodsCode" label="商品编码" min-width="140" show-overflow-tooltip />
|
||||||
|
</el-table>
|
||||||
|
</section-card>
|
||||||
|
|
||||||
<section-card title="结算信息">
|
<section-card title="结算信息">
|
||||||
<el-table :data="form.settlements" border>
|
<el-table :data="form.settlements" border empty-text="暂无认领数据(认领关系由付款结算单侧维护)">
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="结算单号"
|
label="结算单号"
|
||||||
@@ -156,17 +163,8 @@
|
|||||||
<el-table-column label="已收票金额" min-width="150" align="right">
|
<el-table-column label="已收票金额" min-width="150" align="right">
|
||||||
<template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
|
<template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="分摊发票金额" min-width="180">
|
<el-table-column label="分摊发票金额" min-width="150" align="right">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">{{ formatMoney(row.allocatedInvoiceAmount) }}</template>
|
||||||
<el-input-number
|
|
||||||
v-model="row.allocatedInvoiceAmount"
|
|
||||||
:disabled="readonly"
|
|
||||||
:min="0"
|
|
||||||
:max="remainingAmount(row)"
|
|
||||||
:precision="2"
|
|
||||||
:controls="false"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
@@ -216,71 +214,6 @@
|
|||||||
:query-api="apiQueryInvoicePool"
|
:query-api="apiQueryInvoicePool"
|
||||||
@confirm="handleInvoicePicked"
|
@confirm="handleInvoicePicked"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<el-dialog
|
|
||||||
v-model="settlementDialog.visible"
|
|
||||||
title="选择应付正式结算单"
|
|
||||||
width="86%"
|
|
||||||
append-to-body
|
|
||||||
>
|
|
||||||
<div class="receipt-form-page__dialog-search">
|
|
||||||
<el-input
|
|
||||||
v-model="settlementDialog.keyword"
|
|
||||||
clearable
|
|
||||||
placeholder="结算单号、项目或合同"
|
|
||||||
@keyup.enter="loadSettlementCandidates"
|
|
||||||
/>
|
|
||||||
<el-button type="primary" @click="loadSettlementCandidates">查询</el-button>
|
|
||||||
</div>
|
|
||||||
<el-table
|
|
||||||
ref="settlementTable"
|
|
||||||
v-loading="settlementDialog.loading"
|
|
||||||
:data="settlementDialog.rows"
|
|
||||||
row-key="id"
|
|
||||||
border
|
|
||||||
@selection-change="settlementDialog.selection = $event"
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="52" align="center" reserve-selection />
|
|
||||||
<el-table-column
|
|
||||||
prop="formalSettlementNo"
|
|
||||||
label="结算单号"
|
|
||||||
min-width="170"
|
|
||||||
show-overflow-tooltip
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
label="所属项目"
|
|
||||||
min-width="150"
|
|
||||||
show-overflow-tooltip
|
|
||||||
/>
|
|
||||||
<el-table-column prop="deptName" label="所属组织" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column
|
|
||||||
prop="contractNo"
|
|
||||||
label="合同编号"
|
|
||||||
min-width="150"
|
|
||||||
show-overflow-tooltip
|
|
||||||
/>
|
|
||||||
<el-table-column prop="payerName" label="付款方" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column prop="payeeName" label="收款方" min-width="150" show-overflow-tooltip />
|
|
||||||
<el-table-column label="结算总金额" min-width="140" align="right">
|
|
||||||
<template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="已收票金额" min-width="140" align="right">
|
|
||||||
<template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" width="100" fixed="right" align="center">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-link type="primary" @click.stop="selectSettlement(row)">选择</el-link>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<template #footer>
|
|
||||||
<el-button @click="settlementDialog.visible = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="confirmSettlements">
|
|
||||||
确定{{ settlementDialog.selection.length ? `(${settlementDialog.selection.length})` : '' }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</basic-container>
|
</basic-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -288,11 +221,15 @@
|
|||||||
import { Search } from '@element-plus/icons-vue';
|
import { Search } from '@element-plus/icons-vue';
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
import * as api from '@/api/payment/invoiceReceipt';
|
import * as api from '@/api/payment/invoiceReceipt';
|
||||||
|
import { getDeptTree } from '@/api/system/dept';
|
||||||
import KingdeeInvoicePoolDialog from '@/components/kingdee-invoice-pool-dialog/main.vue';
|
import KingdeeInvoicePoolDialog from '@/components/kingdee-invoice-pool-dialog/main.vue';
|
||||||
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
||||||
import { getMkPublicDetail } from '@/api/mk-process';
|
import { getMkPublicDetail } from '@/api/mk-process';
|
||||||
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
||||||
|
|
||||||
|
// 提交成功后带标记返回,列表页(keep-alive)据此重新拉取
|
||||||
|
const invoiceReceiptListRefreshKey = 'invoice-receipt-list-refresh';
|
||||||
|
|
||||||
const emptyForm = () => ({
|
const emptyForm = () => ({
|
||||||
id: null,
|
id: null,
|
||||||
invoiceNo: '',
|
invoiceNo: '',
|
||||||
@@ -310,6 +247,7 @@ const emptyForm = () => ({
|
|||||||
customerEmails: [],
|
customerEmails: [],
|
||||||
departmentEmails: [],
|
departmentEmails: [],
|
||||||
projectName: '',
|
projectName: '',
|
||||||
|
deptId: null,
|
||||||
deptName: '',
|
deptName: '',
|
||||||
payerName: '',
|
payerName: '',
|
||||||
payeeName: '',
|
payeeName: '',
|
||||||
@@ -330,26 +268,24 @@ export default {
|
|||||||
form: emptyForm(),
|
form: emptyForm(),
|
||||||
customerEmailOptions: [],
|
customerEmailOptions: [],
|
||||||
departmentEmailOptions: [],
|
departmentEmailOptions: [],
|
||||||
|
invoiceItems: [],
|
||||||
|
deptTreeOptions: [],
|
||||||
|
deptMap: new Map(),
|
||||||
|
// 结算组织=合同承办部门:部门树级联单选(取末级 id),后端沿部门树上溯平台公司取金蝶组织
|
||||||
|
deptCascaderProps: { checkStrictly: true, emitPath: true },
|
||||||
invoiceDialog: {
|
invoiceDialog: {
|
||||||
visible: false,
|
visible: false,
|
||||||
},
|
},
|
||||||
settlementDialog: {
|
|
||||||
visible: false,
|
|
||||||
loading: false,
|
|
||||||
keyword: '',
|
|
||||||
rows: [],
|
|
||||||
selection: [],
|
|
||||||
},
|
|
||||||
rules: {
|
rules: {
|
||||||
invoiceNo: [{ required: true, validator: this.validateInvoice, trigger: 'change' }],
|
invoiceNo: [{ required: true, validator: this.validateInvoice, trigger: 'change' }],
|
||||||
settlementIds: [{ required: true, validator: this.validateSettlements, trigger: 'change' }],
|
deptId: [{ required: true, validator: this.validateDept, trigger: 'change' }],
|
||||||
customerEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
customerEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
||||||
departmentEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
departmentEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
recordId() {
|
recordId() {
|
||||||
return this.$route.query.id || '';
|
return this.$route.query.id || '';
|
||||||
},
|
},
|
||||||
@@ -363,14 +299,11 @@ export default {
|
|||||||
const code = this.recordId ? 'invoice_receipt_edit' : 'invoice_receipt_add';
|
const code = this.recordId ? 'invoice_receipt_edit' : 'invoice_receipt_add';
|
||||||
return this.hasPermission(code);
|
return this.hasPermission(code);
|
||||||
},
|
},
|
||||||
settlementLabel() {
|
deptCascaderValue() {
|
||||||
return this.form.settlements
|
if (this.form.deptId === null || this.form.deptId === undefined || this.form.deptId === '') {
|
||||||
.map(item => item.formalSettlementNo)
|
return [];
|
||||||
.filter(Boolean)
|
}
|
||||||
.join(',');
|
return [String(this.form.deptId)];
|
||||||
},
|
|
||||||
settlementIds() {
|
|
||||||
return this.form.settlements.map(item => item.formalSettlementId || item.settlementId);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -406,6 +339,7 @@ export default {
|
|||||||
.filter(Boolean);
|
.filter(Boolean);
|
||||||
},
|
},
|
||||||
async initialize() {
|
async initialize() {
|
||||||
|
this.loadDepartments();
|
||||||
if (this.isPublicViewPage) {
|
if (this.isPublicViewPage) {
|
||||||
await this.loadPublicDetail();
|
await this.loadPublicDetail();
|
||||||
return;
|
return;
|
||||||
@@ -419,14 +353,13 @@ export default {
|
|||||||
}
|
}
|
||||||
const data = this.unwrapData(await api.getDetail(this.recordId));
|
const data = this.unwrapData(await api.getDetail(this.recordId));
|
||||||
this.applyDetail(data);
|
this.applyDetail(data);
|
||||||
if (this.settlementIds.length) await this.loadReferenceInformation();
|
|
||||||
},
|
},
|
||||||
async loadPublicDetail() {
|
async loadPublicDetail() {
|
||||||
if (!this.recordId) return;
|
if (!this.recordId) return;
|
||||||
const data = this.unwrapData(await getMkPublicDetail('invoice-receipt', this.recordId));
|
const data = this.unwrapData(await getMkPublicDetail('invoice-receipt', this.recordId));
|
||||||
this.applyDetail(data);
|
this.applyDetail(data);
|
||||||
},
|
},
|
||||||
applyDetail(data) {
|
async applyDetail(data) {
|
||||||
this.form = {
|
this.form = {
|
||||||
...emptyForm(),
|
...emptyForm(),
|
||||||
...data,
|
...data,
|
||||||
@@ -438,6 +371,7 @@ export default {
|
|||||||
})),
|
})),
|
||||||
attachments: this.parse(data.attachmentsJson),
|
attachments: this.parse(data.attachmentsJson),
|
||||||
};
|
};
|
||||||
|
await this.loadInvoiceDetail();
|
||||||
},
|
},
|
||||||
validateInvoice(rule, value, callback) {
|
validateInvoice(rule, value, callback) {
|
||||||
if (!value) {
|
if (!value) {
|
||||||
@@ -446,9 +380,9 @@ export default {
|
|||||||
}
|
}
|
||||||
callback();
|
callback();
|
||||||
},
|
},
|
||||||
validateSettlements(rule, value, callback) {
|
validateDept(rule, value, callback) {
|
||||||
if (!this.form.settlements.length) {
|
if (this.form.deptId === null || this.form.deptId === undefined || this.form.deptId === '') {
|
||||||
callback(new Error('请选择应付正式结算单'));
|
callback(new Error('请选择结算组织'));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
callback();
|
callback();
|
||||||
@@ -469,7 +403,7 @@ export default {
|
|||||||
openInvoiceDialog() {
|
openInvoiceDialog() {
|
||||||
this.invoiceDialog.visible = true;
|
this.invoiceDialog.visible = true;
|
||||||
},
|
},
|
||||||
confirmInvoice(row, options = {}) {
|
async confirmInvoice(row, options = {}) {
|
||||||
const selected = row;
|
const selected = row;
|
||||||
if (!selected) {
|
if (!selected) {
|
||||||
this.$message.warning('请选择一张金蝶票据池发票');
|
this.$message.warning('请选择一张金蝶票据池发票');
|
||||||
@@ -504,92 +438,63 @@ export default {
|
|||||||
...new Set([...this.departmentEmailOptions, ...this.form.departmentEmails]),
|
...new Set([...this.departmentEmailOptions, ...this.form.departmentEmails]),
|
||||||
];
|
];
|
||||||
this.invoiceDialog.visible = false;
|
this.invoiceDialog.visible = false;
|
||||||
|
await this.loadInvoiceDetail();
|
||||||
this.$refs.formRef?.validateField('invoiceNo').catch(() => {});
|
this.$refs.formRef?.validateField('invoiceNo').catch(() => {});
|
||||||
return true;
|
return true;
|
||||||
},
|
},
|
||||||
async openSettlementDialog() {
|
// 发票明细区块:按票号带出金蝶发票明细行(A801-1 镜像,推送 A303-2 分录同源)
|
||||||
this.settlementDialog.visible = true;
|
async loadInvoiceDetail() {
|
||||||
this.settlementDialog.selection = [];
|
if (!this.form.invoiceNo) {
|
||||||
await this.loadSettlementCandidates();
|
this.invoiceItems = [];
|
||||||
await this.$nextTick();
|
return;
|
||||||
const selectedIds = new Set(this.settlementIds.map(id => String(id)));
|
}
|
||||||
this.settlementDialog.rows.forEach(row => {
|
|
||||||
if (selectedIds.has(String(row.id))) {
|
|
||||||
this.$refs.settlementTable?.toggleRowSelection(row, true);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async loadSettlementCandidates() {
|
|
||||||
this.settlementDialog.loading = true;
|
|
||||||
try {
|
try {
|
||||||
this.settlementDialog.rows =
|
this.invoiceItems = this.unwrapData(await api.invoiceDetailQuery(this.form.invoiceNo)) || [];
|
||||||
this.unwrapData(
|
} catch {
|
||||||
await api.getSettlementCandidates(this.settlementDialog.keyword, this.form.id)
|
this.invoiceItems = [];
|
||||||
) || [];
|
|
||||||
} finally {
|
|
||||||
this.settlementDialog.loading = false;
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async confirmSettlements() {
|
loadDepartments() {
|
||||||
const rows = this.settlementDialog.selection;
|
// 结算组织取租户部门树(过滤外部组织),选中取末级部门 id
|
||||||
if (!rows.length) {
|
getDeptTree(this.userInfo?.tenantId)
|
||||||
this.$message.warning('请至少选择一张应付正式结算单');
|
.then(response => {
|
||||||
return;
|
const rows = this.excludeExternalOrganization(this.unwrapData(response) || []);
|
||||||
}
|
this.deptTreeOptions = this.toDeptCascaderOptions(rows);
|
||||||
const first = rows[0];
|
this.deptMap = new Map();
|
||||||
const incompatible = rows.some(
|
this.flattenDepartments(rows).forEach(item =>
|
||||||
item =>
|
this.deptMap.set(String(item.id), item.title || item.deptName || item.name)
|
||||||
String(item.projectId) !== String(first.projectId) ||
|
);
|
||||||
String(item.deptId) !== String(first.deptId) ||
|
})
|
||||||
item.payerName !== first.payerName ||
|
.catch(() => {});
|
||||||
item.payeeName !== first.payeeName
|
},
|
||||||
);
|
excludeExternalOrganization(list = []) {
|
||||||
if (incompatible) {
|
return list.reduce((result, item) => {
|
||||||
this.$message.warning('关联结算单必须属于同一项目、组织及收付款方');
|
const deptName = item.title || item.deptName || item.name;
|
||||||
return;
|
if (String(deptName || '').trim() === '外部组织') return result;
|
||||||
}
|
result.push({
|
||||||
const previousAmount = new Map(
|
...item,
|
||||||
this.form.settlements.map(item => [
|
children: item.children?.length
|
||||||
String(item.formalSettlementId || item.settlementId),
|
? this.excludeExternalOrganization(item.children)
|
||||||
item.allocatedInvoiceAmount,
|
: item.children,
|
||||||
])
|
});
|
||||||
);
|
return result;
|
||||||
this.form.settlements = rows.map(item => ({
|
}, []);
|
||||||
...item,
|
},
|
||||||
formalSettlementId: item.id,
|
toDeptCascaderOptions(list = []) {
|
||||||
settlementId: item.id,
|
return list.map(item => ({
|
||||||
allocatedInvoiceAmount: previousAmount.has(String(item.id))
|
label: item.title || item.deptName || item.name,
|
||||||
? Number(previousAmount.get(String(item.id)) || 0)
|
value: item.id == null || item.id === '' ? '' : String(item.id),
|
||||||
: rows.length === 1
|
children: item.children?.length ? this.toDeptCascaderOptions(item.children) : undefined,
|
||||||
? Number(item.settlementAmount || 0)
|
|
||||||
: 0,
|
|
||||||
}));
|
}));
|
||||||
this.form.projectName = first.projectName;
|
|
||||||
this.form.deptName = first.deptName;
|
|
||||||
this.form.payerName = first.payerName;
|
|
||||||
this.form.payeeName = first.payeeName;
|
|
||||||
this.settlementDialog.visible = false;
|
|
||||||
await this.loadReferenceInformation();
|
|
||||||
this.$refs.formRef?.validateField('settlementIds').catch(() => {});
|
|
||||||
},
|
},
|
||||||
selectSettlement(row) {
|
flattenDepartments(rows) {
|
||||||
this.$refs.settlementTable?.toggleRowSelection(row);
|
return (rows || []).flatMap(item => [item, ...this.flattenDepartments(item.children || [])]);
|
||||||
},
|
},
|
||||||
async loadReferenceInformation() {
|
handleDeptChange(value) {
|
||||||
const data = this.unwrapData(await api.getReferenceInformation(this.settlementIds.join(',')));
|
const deptId = Array.isArray(value) ? value.at(-1) : value;
|
||||||
this.customerEmailOptions = data.customerEmails || [];
|
this.form.deptId = deptId || null;
|
||||||
this.departmentEmailOptions = [
|
this.form.deptName = deptId ? this.deptMap.get(String(deptId)) || '' : '';
|
||||||
...new Set([...this.departmentEmailOptions, ...(data.departmentEmails || [])]),
|
this.$refs.formRef?.validateField('deptId').catch(() => {});
|
||||||
];
|
|
||||||
if (!this.form.customerEmails.length && this.customerEmailOptions.length) {
|
|
||||||
this.form.customerEmails = [this.customerEmailOptions[0]];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
remainingAmount(row) {
|
|
||||||
return Math.max(
|
|
||||||
Number(row.settlementAmount || 0) - Number(row.receivedInvoiceAmount || 0),
|
|
||||||
0
|
|
||||||
);
|
|
||||||
},
|
},
|
||||||
openSettlementDetail(row) {
|
openSettlementDetail(row) {
|
||||||
const id = row.formalSettlementId || row.settlementId || row.id;
|
const id = row.formalSettlementId || row.settlementId || row.id;
|
||||||
@@ -602,15 +507,6 @@ export default {
|
|||||||
validateBusiness() {
|
validateBusiness() {
|
||||||
const invoiceAmount = Number(this.form.invoiceAmount || 0);
|
const invoiceAmount = Number(this.form.invoiceAmount || 0);
|
||||||
if (invoiceAmount <= 0) throw new Error('开票金额必须大于0');
|
if (invoiceAmount <= 0) throw new Error('开票金额必须大于0');
|
||||||
for (const row of this.form.settlements) {
|
|
||||||
const allocated = Number(row.allocatedInvoiceAmount);
|
|
||||||
if (!Number.isFinite(allocated) || allocated < 0) {
|
|
||||||
throw new Error('分摊发票金额必须大于或等于0');
|
|
||||||
}
|
|
||||||
if (allocated - this.remainingAmount(row) > 0.001) {
|
|
||||||
throw new Error(`结算单${row.formalSettlementNo}的累计收票金额不能超过结算总金额`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
payload() {
|
payload() {
|
||||||
return {
|
return {
|
||||||
@@ -631,10 +527,9 @@ export default {
|
|||||||
departmentEmails: this.form.departmentEmails.join(';'),
|
departmentEmails: this.form.departmentEmails.join(';'),
|
||||||
attachmentsJson: JSON.stringify(this.form.attachments || []),
|
attachmentsJson: JSON.stringify(this.form.attachments || []),
|
||||||
remark: this.form.remark,
|
remark: this.form.remark,
|
||||||
settlements: this.form.settlements.map(item => ({
|
// 结算组织=页面手选部门(先票后款不挂结算单,认领关系由结算单侧维护,不再传 settlements)
|
||||||
settlementId: item.formalSettlementId || item.settlementId,
|
deptId: this.form.deptId,
|
||||||
allocatedInvoiceAmount: item.allocatedInvoiceAmount,
|
deptName: this.form.deptName,
|
||||||
})),
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
async saveDraft() {
|
async saveDraft() {
|
||||||
@@ -663,6 +558,7 @@ export default {
|
|||||||
mkEnabled: await loadMkEnabled().catch(() => false),
|
mkEnabled: await loadMkEnabled().catch(() => false),
|
||||||
});
|
});
|
||||||
this.$message.success('提交成功');
|
this.$message.success('提交成功');
|
||||||
|
sessionStorage.setItem(invoiceReceiptListRefreshKey, '1');
|
||||||
this.goBack();
|
this.goBack();
|
||||||
},
|
},
|
||||||
async syncReferenceData() {
|
async syncReferenceData() {
|
||||||
@@ -678,8 +574,7 @@ export default {
|
|||||||
this.$message.warning('金蝶票池未查询到该发票');
|
this.$message.warning('金蝶票池未查询到该发票');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (!this.confirmInvoice(invoice, { preserveUserInput: true })) return;
|
if (!(await this.confirmInvoice(invoice, { preserveUserInput: true }))) return;
|
||||||
if (this.settlementIds.length) await this.loadReferenceInformation();
|
|
||||||
this.$message.success('同步成功');
|
this.$message.success('同步成功');
|
||||||
},
|
},
|
||||||
goBack() {
|
goBack() {
|
||||||
@@ -688,8 +583,13 @@ export default {
|
|||||||
formatMoney(value) {
|
formatMoney(value) {
|
||||||
return Number(value || 0).toFixed(2);
|
return Number(value || 0).toFixed(2);
|
||||||
},
|
},
|
||||||
formatRate(value) {
|
formatQuantity(value) {
|
||||||
return value === null || value === undefined || value === '' ? '' : `${Number(value)}%`;
|
const number = Number(value);
|
||||||
|
return Number.isFinite(number) ? String(number) : '-';
|
||||||
|
},
|
||||||
|
formatRateText(value) {
|
||||||
|
if (value === null || value === undefined || value === '') return '-';
|
||||||
|
return `${value}%`;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -738,15 +638,6 @@ export default {
|
|||||||
:global(.avue-layout--horizontal .receipt-form-page__actions) {
|
:global(.avue-layout--horizontal .receipt-form-page__actions) {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
.receipt-form-page__dialog-search {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: 8px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
.receipt-form-page__dialog-search .el-input {
|
|
||||||
width: 360px;
|
|
||||||
}
|
|
||||||
.receipt-form-page :deep(.el-table) {
|
.receipt-form-page :deep(.el-table) {
|
||||||
--el-table-border-color: #eff1f7;
|
--el-table-border-color: #eff1f7;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -223,6 +223,10 @@ import organizationSearch from '@/mixins/organization-search';
|
|||||||
import { getMKApprovalUrl } from '@/api/system/business-process';
|
import { getMKApprovalUrl } from '@/api/system/business-process';
|
||||||
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
||||||
|
|
||||||
|
// 表单提交成功后带标记返回,keep-alive 缓存的列表页据此重新拉取
|
||||||
|
const invoiceReceiptListRefreshKey = 'invoice-receipt-list-refresh';
|
||||||
|
const invoiceReceiptListRoute = '/payment/invoice-receipt';
|
||||||
|
|
||||||
const emptyQuery = () => ({
|
const emptyQuery = () => ({
|
||||||
invoiceNo: '',
|
invoiceNo: '',
|
||||||
invoiceDate: '',
|
invoiceDate: '',
|
||||||
@@ -281,7 +285,28 @@ export default {
|
|||||||
this.mkEnabled = false;
|
this.mkEnabled = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
activated() {
|
||||||
|
this.consumeListRefreshFlag();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route(to, from) {
|
||||||
|
if (
|
||||||
|
to.path === invoiceReceiptListRoute &&
|
||||||
|
from?.path?.includes('/invoice-receipt/form')
|
||||||
|
) {
|
||||||
|
this.consumeListRefreshFlag();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
/** 表单提交成功后带标记返回时,重新拉取列表 */
|
||||||
|
consumeListRefreshFlag() {
|
||||||
|
if (!sessionStorage.getItem(invoiceReceiptListRefreshKey)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
sessionStorage.removeItem(invoiceReceiptListRefreshKey);
|
||||||
|
this.loadTable();
|
||||||
|
},
|
||||||
hasPermission(code) {
|
hasPermission(code) {
|
||||||
return this.permission?.[code] !== false;
|
return this.permission?.[code] !== false;
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -80,6 +80,23 @@
|
|||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<template #kingdeeAssignStatus="{ row }">
|
||||||
|
<el-tooltip
|
||||||
|
:disabled="row.kingdeeAssignStatus !== 'failed'"
|
||||||
|
:content="row.kingdeeAssignFailReason || '收票单指定应付失败,可在对应付款结算单查看页重新推送'"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<el-tag
|
||||||
|
v-if="row.kingdeeAssignStatus"
|
||||||
|
:type="{ assigned: 'success', failed: 'danger' }[row.kingdeeAssignStatus] || 'info'"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
{{ { assigned: '已指定应付', failed: '指定失败' }[row.kingdeeAssignStatus] || '未指定' }}
|
||||||
|
</el-tag>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
<template #menu="{ row }">
|
<template #menu="{ row }">
|
||||||
<el-link
|
<el-link
|
||||||
v-if="hasPermission('payment_application_view')"
|
v-if="hasPermission('payment_application_view')"
|
||||||
@@ -409,6 +426,12 @@ export default {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.syncLoading = true;
|
this.syncLoading = true;
|
||||||
|
// 批量同步金蝶逐单串行推送耗时较长,加遮罩防重复操作(照审批通过遮罩)
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: '正在批量同步金蝶,请稍候…',
|
||||||
|
background: 'rgba(255, 255, 255, 0.6)',
|
||||||
|
});
|
||||||
try {
|
try {
|
||||||
const data = this.unwrapData(await api.syncKingdeeBatch(rows.map(row => row.id))) || [];
|
const data = this.unwrapData(await api.syncKingdeeBatch(rows.map(row => row.id))) || [];
|
||||||
const failedList = data.filter(item => String(item).includes('同步失败'));
|
const failedList = data.filter(item => String(item).includes('同步失败'));
|
||||||
@@ -425,6 +448,7 @@ export default {
|
|||||||
this.warnAttachmentNotUploaded(rows.map(row => row.id));
|
this.warnAttachmentNotUploaded(rows.map(row => row.id));
|
||||||
} finally {
|
} finally {
|
||||||
this.syncLoading = false;
|
this.syncLoading = false;
|
||||||
|
loading.close();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 附件联带同步提示:同步成功但附件未全部上传时追加 warning,重推即自动补传
|
// 附件联带同步提示:同步成功但附件未全部上传时追加 warning,重推即自动补传
|
||||||
|
|||||||
@@ -440,8 +440,15 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<section-card title="发票信息">
|
<section-card title="发票信息">
|
||||||
<div class="formal-editor__invoice-claim">
|
<div v-if="editable" class="formal-editor__invoice-claim">
|
||||||
<el-button type="primary" @click="openInvoiceClaimDialog">认领查询</el-button>
|
<!-- 先票后款:付款结算单选审批通过的收票单(全额认领);收款结算单维持原票池认领 -->
|
||||||
|
<el-button
|
||||||
|
v-if="form.settlementType !== 'receivable'"
|
||||||
|
type="primary"
|
||||||
|
@click="openInvoiceReceiptDialog"
|
||||||
|
>选择收票单</el-button
|
||||||
|
>
|
||||||
|
<el-button v-else type="primary" @click="openInvoiceClaimDialog">认领查询</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="invoices" border>
|
<el-table :data="invoices" border>
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
@@ -452,11 +459,6 @@
|
|||||||
<el-table-column prop="invoiceType" label="发票类型" min-width="150" align="center">
|
<el-table-column prop="invoiceType" label="发票类型" min-width="150" align="center">
|
||||||
<template #default="{ row }">{{ displayValue(row.invoiceType) }}</template>
|
<template #default="{ row }">{{ displayValue(row.invoiceType) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="taxRate" label="税率" min-width="100" align="center">
|
|
||||||
<template #default="{ row }">
|
|
||||||
{{ row.taxRate === null || row.taxRate === undefined ? '-' : `${row.taxRate}%` }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="invoiceAmount"
|
prop="invoiceAmount"
|
||||||
label="发票金额(含税)"
|
label="发票金额(含税)"
|
||||||
@@ -480,17 +482,44 @@
|
|||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
<!-- 匹配结算单金额支持手动修改:编辑态全放开;查看页仅指定失败行(failed)开放,重推时一并保存生效 -->
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-if="editable"
|
v-if="canEditMatchedAmount(row)"
|
||||||
v-model="row.matchedAmount"
|
v-model="row.matchedAmount"
|
||||||
:min="0"
|
:min="0"
|
||||||
:max="Number(row.availableInvoiceAmount || 0)"
|
:max="Number(row.availableInvoiceAmount || row.invoiceAmount || 0)"
|
||||||
:precision="2"
|
:precision="2"
|
||||||
:controls="false"
|
:controls="false"
|
||||||
/>
|
/>
|
||||||
<span v-else>{{ formatMoney(row.matchedAmount) }}</span>
|
<span v-else>{{ formatMoney(row.matchedAmount) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="form.settlementType !== 'receivable'"
|
||||||
|
label="是否已指定应付"
|
||||||
|
min-width="130"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tooltip
|
||||||
|
:disabled="row.kingdeePushStatus !== 'failed'"
|
||||||
|
:content="row.kingdeePushMsg || '推送金蝶失败,可重新推送'"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<el-tag
|
||||||
|
:type="
|
||||||
|
{ assigned: 'success', failed: 'danger' }[row.kingdeePushStatus] || 'info'
|
||||||
|
"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
{ assigned: '已指定应付', failed: '指定失败' }[row.kingdeePushStatus] ||
|
||||||
|
'未指定'
|
||||||
|
}}
|
||||||
|
</el-tag>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="220" fixed="right" align="center">
|
<el-table-column label="操作" width="220" fixed="right" align="center">
|
||||||
<template #default="{ row, $index }">
|
<template #default="{ row, $index }">
|
||||||
<div class="formal-editor__links">
|
<div class="formal-editor__links">
|
||||||
@@ -506,6 +535,14 @@
|
|||||||
@click="downloadInvoiceAttachment(row)"
|
@click="downloadInvoiceAttachment(row)"
|
||||||
>下载</el-link
|
>下载</el-link
|
||||||
>
|
>
|
||||||
|
<!-- 查看页重推入口:付款结算单已同步金蝶且认领票未指定应付(failed/pushed) -->
|
||||||
|
<el-link
|
||||||
|
v-if="canRepushInvoice(row)"
|
||||||
|
type="warning"
|
||||||
|
:disabled="repushing"
|
||||||
|
@click="repushInvoice(row)"
|
||||||
|
>重新推送</el-link
|
||||||
|
>
|
||||||
<el-link v-if="editable" type="danger" @click="removeInvoice($index)">删除</el-link>
|
<el-link v-if="editable" type="danger" @click="removeInvoice($index)">删除</el-link>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -546,6 +583,11 @@
|
|||||||
@confirm="handleInvoiceClaimConfirm"
|
@confirm="handleInvoiceClaimConfirm"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
<invoice-receipt-candidates-dialog
|
||||||
|
v-model="invoiceReceiptDialog.visible"
|
||||||
|
@confirm="handleInvoiceReceiptConfirm"
|
||||||
|
/>
|
||||||
|
|
||||||
<section-card
|
<section-card
|
||||||
v-if="readonly"
|
v-if="readonly"
|
||||||
:title="form.settlementType === 'receivable' ? '收款信息' : '付款信息'"
|
:title="form.settlementType === 'receivable' ? '收款信息' : '付款信息'"
|
||||||
@@ -1053,6 +1095,7 @@ import {
|
|||||||
getNextNo,
|
getNextNo,
|
||||||
getReceiptClaims,
|
getReceiptClaims,
|
||||||
claimInvoices as claimInvoicesApi,
|
claimInvoices as claimInvoicesApi,
|
||||||
|
repushClaimedInvoice,
|
||||||
queryInvoicePool,
|
queryInvoicePool,
|
||||||
save,
|
save,
|
||||||
syncKingdee,
|
syncKingdee,
|
||||||
@@ -1068,6 +1111,7 @@ import {
|
|||||||
settlementDetailPath,
|
settlementDetailPath,
|
||||||
} from '@/utils/settlement-detail-link';
|
} from '@/utils/settlement-detail-link';
|
||||||
import { getBfiExchangeRate } from '@/api/base/currency';
|
import { getBfiExchangeRate } from '@/api/base/currency';
|
||||||
|
import InvoiceReceiptCandidatesDialog from './invoice-receipt-candidates-dialog.vue';
|
||||||
import {
|
import {
|
||||||
createFormalSettlementForm,
|
createFormalSettlementForm,
|
||||||
formalSettlementFormFields,
|
formalSettlementFormFields,
|
||||||
@@ -1110,6 +1154,7 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
InfoFilled,
|
InfoFilled,
|
||||||
KingdeeInvoicePoolDialog,
|
KingdeeInvoicePoolDialog,
|
||||||
|
InvoiceReceiptCandidatesDialog,
|
||||||
ChangeRecordDetailDialog,
|
ChangeRecordDetailDialog,
|
||||||
ProjectAdvanceWriteOff,
|
ProjectAdvanceWriteOff,
|
||||||
},
|
},
|
||||||
@@ -1149,6 +1194,8 @@ export default {
|
|||||||
attachments: [],
|
attachments: [],
|
||||||
selectedAttachmentRows: [],
|
selectedAttachmentRows: [],
|
||||||
invoices: [],
|
invoices: [],
|
||||||
|
// 查看页认领收票单重推进行中(行级操作守卫)
|
||||||
|
repushing: false,
|
||||||
// 开票申请经金蝶回写的发票结果(只读展示,含板式文件/数电PDF下载地址)
|
// 开票申请经金蝶回写的发票结果(只读展示,含板式文件/数电PDF下载地址)
|
||||||
issuedInvoices: [],
|
issuedInvoices: [],
|
||||||
// 金蝶侧发票附件查看/下载进行中(行组级 loading 守卫)
|
// 金蝶侧发票附件查看/下载进行中(行组级 loading 守卫)
|
||||||
@@ -1158,6 +1205,10 @@ export default {
|
|||||||
selected: [],
|
selected: [],
|
||||||
confirming: false,
|
confirming: false,
|
||||||
},
|
},
|
||||||
|
// 先票后款:付款结算单选收票单(审批通过+未认领)弹窗
|
||||||
|
invoiceReceiptDialog: {
|
||||||
|
visible: false,
|
||||||
|
},
|
||||||
attachmentUploadFiles: [],
|
attachmentUploadFiles: [],
|
||||||
attachmentTypeOptions: [],
|
attachmentTypeOptions: [],
|
||||||
attachmentFileTypes: [
|
attachmentFileTypes: [
|
||||||
@@ -2651,6 +2702,81 @@ export default {
|
|||||||
openInvoiceClaimDialog() {
|
openInvoiceClaimDialog() {
|
||||||
this.invoiceClaimDialog.visible = true;
|
this.invoiceClaimDialog.visible = true;
|
||||||
},
|
},
|
||||||
|
// 先票后款:选收票单(审批通过+未被认领),确认后按发票号全额认领
|
||||||
|
openInvoiceReceiptDialog() {
|
||||||
|
this.invoiceReceiptDialog.visible = true;
|
||||||
|
},
|
||||||
|
// 查看页重推入口展示条件:只读 + 付款结算单 + 审批通过 + 金蝶应付单已同步 + 该票未指定应付(failed/pushed)
|
||||||
|
canRepushInvoice(row) {
|
||||||
|
return (
|
||||||
|
!this.editable &&
|
||||||
|
this.form.settlementType !== 'receivable' &&
|
||||||
|
this.form.approvalStatus === 'approved' &&
|
||||||
|
this.form.kingdeeSyncStatus === 'synced' &&
|
||||||
|
['failed', 'pushed'].includes(row.kingdeePushStatus || '')
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 查看页匹配金额编辑仅开放指定失败行(failed);pushed 行等待自动补偿指定,金额保持只读
|
||||||
|
canEditMatchedAmount(row) {
|
||||||
|
return (
|
||||||
|
this.editable ||
|
||||||
|
(this.form.settlementType !== 'receivable' &&
|
||||||
|
this.form.approvalStatus === 'approved' &&
|
||||||
|
this.form.kingdeeSyncStatus === 'synced' &&
|
||||||
|
row.kingdeePushStatus === 'failed')
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 重推 = 收票单A303-2 + 指定应付A302-6 一步式,服务端返回结果描述;完成后重载详情刷新状态
|
||||||
|
async repushInvoice(row) {
|
||||||
|
try {
|
||||||
|
await this.$confirm(`确认重新推送发票${row.invoiceNo || ''}到金蝶并指定应付?`, '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.repushing = true;
|
||||||
|
try {
|
||||||
|
const data = this.unwrapData(
|
||||||
|
await repushClaimedInvoice(this.form.id, row.invoiceNo, Number(row.matchedAmount || 0))
|
||||||
|
);
|
||||||
|
this.$message.success(data || '重新推送成功');
|
||||||
|
await this.loadFormalDetail(this.form.id);
|
||||||
|
} finally {
|
||||||
|
this.repushing = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async handleInvoiceReceiptConfirm(rows) {
|
||||||
|
// 收票单行 → 结算单发票行:匹配金额固定=发票金额(全额认领),附件契约归一为单数 attachmentJson
|
||||||
|
const invoices = rows.map(row => ({
|
||||||
|
...row,
|
||||||
|
attachmentJson: row.attachmentJson || row.attachmentsJson,
|
||||||
|
invoiceType: row.invoiceType || '',
|
||||||
|
taxRate: row.taxRate ?? null,
|
||||||
|
availableInvoiceAmount: Number(row.invoiceAmount || 0),
|
||||||
|
matchedAmount: Number(row.invoiceAmount || 0),
|
||||||
|
}));
|
||||||
|
if (!this.form.id) {
|
||||||
|
const existingNumbers = new Set(this.invoices.map(item => String(item.invoiceNo)));
|
||||||
|
this.invoices = [
|
||||||
|
...this.invoices,
|
||||||
|
...invoices.filter(row => !existingNumbers.has(String(row.invoiceNo))),
|
||||||
|
];
|
||||||
|
this.$message.success(`已选择${invoices.length}条收票单,保存正式结算单后生效`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const existingNumbers = new Set(this.invoices.map(item => String(item.invoiceNo)));
|
||||||
|
const newInvoices = invoices.filter(row => !existingNumbers.has(String(row.invoiceNo)));
|
||||||
|
if (!newInvoices.length) {
|
||||||
|
this.$message.warning('所选收票单均已认领');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await claimInvoicesApi({ formalSettlementId: this.form.id, invoices: newInvoices });
|
||||||
|
await this.loadFormalDetail(this.form.id);
|
||||||
|
this.$message.success('收票单认领成功,已同步正式结算单及关联付款单据');
|
||||||
|
},
|
||||||
invoicePoolQueryApi(params) {
|
invoicePoolQueryApi(params) {
|
||||||
return queryInvoicePool(params);
|
return queryInvoicePool(params);
|
||||||
},
|
},
|
||||||
@@ -2765,10 +2891,7 @@ export default {
|
|||||||
}
|
}
|
||||||
matchedTotal += matchedAmount;
|
matchedTotal += matchedAmount;
|
||||||
}
|
}
|
||||||
if (matchedTotal > this.resolveInvoiceClaimSettlementAmount()) {
|
// 先票后款全额认领:匹配金额=发票全额,可超过结算金额,不再校验合计上限(收票状态按覆盖判定)
|
||||||
this.$message.warning('发票匹配结算单金额合计不能超过结算金额');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return true;
|
return true;
|
||||||
},
|
},
|
||||||
removeInvoice(index) {
|
removeInvoice(index) {
|
||||||
|
|||||||
@@ -23,6 +23,15 @@
|
|||||||
@click="$emit('payment')"
|
@click="$emit('payment')"
|
||||||
>付款申请</el-button
|
>付款申请</el-button
|
||||||
>
|
>
|
||||||
|
<!-- 先票后款:付款结算单审批通过后可发票登记(关联收票单并推送指定应付),选中一条付款结算单操作 -->
|
||||||
|
<el-button
|
||||||
|
v-if="showPaymentAction && hasPermission('invoice_register')"
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
:disabled="!selection.length"
|
||||||
|
@click="emitSingle('invoiceRegister')"
|
||||||
|
>发票登记</el-button
|
||||||
|
>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="hasPermission('sync')"
|
v-if="hasPermission('sync')"
|
||||||
type="primary"
|
type="primary"
|
||||||
@@ -88,6 +97,23 @@
|
|||||||
<span v-else>-</span>
|
<span v-else>-</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<template #kingdeeAssignStatus="{ row }">
|
||||||
|
<el-tooltip
|
||||||
|
:disabled="row.kingdeeAssignStatus !== 'failed'"
|
||||||
|
:content="row.kingdeeAssignFailReason || '收票单指定应付失败,可在查看页对失败行重新推送'"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<el-tag
|
||||||
|
v-if="row.kingdeeAssignStatus"
|
||||||
|
:type="{ assigned: 'success', failed: 'danger' }[row.kingdeeAssignStatus] || 'info'"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
{{ { assigned: '已指定应付', failed: '指定失败' }[row.kingdeeAssignStatus] || '未指定' }}
|
||||||
|
</el-tag>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
<template #menu="{ row }">
|
<template #menu="{ row }">
|
||||||
<el-link
|
<el-link
|
||||||
v-for="action in rowActions(row)"
|
v-for="action in rowActions(row)"
|
||||||
|
|||||||
@@ -0,0 +1,186 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
v-model="visible"
|
||||||
|
title="选择收票单"
|
||||||
|
width="86%"
|
||||||
|
append-to-body
|
||||||
|
destroy-on-close
|
||||||
|
@open="handleOpen"
|
||||||
|
>
|
||||||
|
<div class="invoice-candidates-dialog__search">
|
||||||
|
<el-input
|
||||||
|
v-model="keyword"
|
||||||
|
clearable
|
||||||
|
placeholder="发票号 / 销方(开票单位) / 购方(受票单位)"
|
||||||
|
@keyup.enter="handleQuery"
|
||||||
|
/>
|
||||||
|
<el-button type="primary" :loading="loading" @click="handleQuery">查询</el-button>
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
ref="candidatesTable"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="rows"
|
||||||
|
row-key="id"
|
||||||
|
border
|
||||||
|
height="460"
|
||||||
|
@selection-change="selection = $event"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="52" fixed="left" align="center" reserve-selection />
|
||||||
|
<el-table-column prop="invoiceNo" label="发票号码" min-width="180" />
|
||||||
|
<el-table-column prop="invoiceDate" label="开票日期" min-width="110" align="center">
|
||||||
|
<template #default="{ row }">{{ row.invoiceDate || '-' }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="invoiceType" label="发票类型" min-width="140" />
|
||||||
|
<el-table-column prop="issuerName" label="开票单位(销方)" min-width="180" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="receiverName" label="受票单位(购方)" min-width="180" show-overflow-tooltip />
|
||||||
|
<el-table-column label="发票金额(含税)" min-width="140" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.invoiceAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="推送状态" min-width="120" align="center">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tooltip
|
||||||
|
:disabled="row.kingdeePushStatus !== 'failed'"
|
||||||
|
:content="row.kingdeePushMsg || '推送金蝶失败,可在收票登记列表重推'"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<el-tag :type="pushStatusType(row.kingdeePushStatus)" size="small">
|
||||||
|
{{ pushStatusName(row.kingdeePushStatus) }}
|
||||||
|
</el-tag>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="invoice-candidates-dialog__pagination">
|
||||||
|
<el-pagination
|
||||||
|
v-model:current-page="page.current"
|
||||||
|
v-model:page-size="page.size"
|
||||||
|
:total="page.total"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
@current-change="load"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="invoice-candidates-dialog__tip">
|
||||||
|
仅列出审批通过且未被其他付款结算单认领的收票单
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="visible = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleConfirm">
|
||||||
|
确定{{ selection.length ? `(${selection.length})` : '' }}
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { claimCandidates } from '@/api/payment/invoiceReceipt';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'InvoiceReceiptCandidatesDialog',
|
||||||
|
props: {
|
||||||
|
modelValue: { type: Boolean, required: true },
|
||||||
|
},
|
||||||
|
emits: ['update:modelValue', 'confirm'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
keyword: '',
|
||||||
|
rows: [],
|
||||||
|
selection: [],
|
||||||
|
page: { current: 1, size: 10, total: 0 },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
visible: {
|
||||||
|
get() {
|
||||||
|
return this.modelValue;
|
||||||
|
},
|
||||||
|
set(value) {
|
||||||
|
this.$emit('update:modelValue', value);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
unwrap(response) {
|
||||||
|
const body = response?.data || response || {};
|
||||||
|
return body?.data || body;
|
||||||
|
},
|
||||||
|
handleOpen() {
|
||||||
|
this.keyword = '';
|
||||||
|
this.page = { current: 1, size: 10, total: 0 };
|
||||||
|
this.selection = [];
|
||||||
|
this.$refs.candidatesTable?.clearSelection?.();
|
||||||
|
this.load();
|
||||||
|
},
|
||||||
|
handleQuery() {
|
||||||
|
this.page.current = 1;
|
||||||
|
this.load();
|
||||||
|
},
|
||||||
|
handleSizeChange() {
|
||||||
|
this.page.current = 1;
|
||||||
|
this.load();
|
||||||
|
},
|
||||||
|
async load() {
|
||||||
|
this.loading = true;
|
||||||
|
try {
|
||||||
|
const data = this.unwrap(
|
||||||
|
await claimCandidates({
|
||||||
|
current: this.page.current,
|
||||||
|
size: this.page.size,
|
||||||
|
keyword: this.keyword,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
this.rows = data?.records || [];
|
||||||
|
this.page.total = Number(data?.total || 0);
|
||||||
|
} finally {
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleConfirm() {
|
||||||
|
if (!this.selection.length) {
|
||||||
|
this.$message.warning('请至少选择一条收票单');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.$emit('confirm', this.selection.map(row => ({ ...row })));
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
pushStatusName(value) {
|
||||||
|
return (
|
||||||
|
{ pushed: '已保存收票单', assigned: '已指定应付', failed: '推送失败', unsynced: '未推送' }[
|
||||||
|
value
|
||||||
|
] || '未推送'
|
||||||
|
);
|
||||||
|
},
|
||||||
|
pushStatusType(value) {
|
||||||
|
return { pushed: 'warning', assigned: 'success', failed: 'danger', unsynced: 'info' }[value] || 'info';
|
||||||
|
},
|
||||||
|
formatMoney(value) {
|
||||||
|
const number = Number(value);
|
||||||
|
return Number.isFinite(number) ? number.toFixed(2) : '-';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.invoice-candidates-dialog__search {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
|
||||||
|
.el-input {
|
||||||
|
width: 360px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.invoice-candidates-dialog__pagination {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
.invoice-candidates-dialog__tip {
|
||||||
|
margin-top: 8px;
|
||||||
|
color: #909399;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -98,6 +98,125 @@
|
|||||||
></template
|
></template
|
||||||
>
|
>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 先票后款路径B:结算单审批后发票登记(关联收票单 → 确认推送指定应付) -->
|
||||||
|
<el-dialog
|
||||||
|
v-model="invoiceRegisterDialog.visible"
|
||||||
|
title="发票登记"
|
||||||
|
width="86%"
|
||||||
|
append-to-body
|
||||||
|
class="invoice-register-dialog"
|
||||||
|
>
|
||||||
|
<section-card title="结算基本信息">
|
||||||
|
<el-descriptions :column="4" border size="small">
|
||||||
|
<el-descriptions-item label="结算单号">
|
||||||
|
{{ invoiceRegisterDialog.row.formalSettlementNo || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="项目名称">
|
||||||
|
{{ invoiceRegisterDialog.row.projectName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="所属组织">
|
||||||
|
{{ invoiceRegisterDialog.row.deptName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="合同编号">
|
||||||
|
{{ invoiceRegisterDialog.row.contractNo || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="付款方">
|
||||||
|
{{ invoiceRegisterDialog.row.payerName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="收款方">
|
||||||
|
{{ invoiceRegisterDialog.row.payeeName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="结算类型">
|
||||||
|
{{ settlementTypeName(invoiceRegisterDialog.row.settlementType) }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="业务模式">
|
||||||
|
{{ invoiceRegisterDialog.row.businessModelName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="结算总金额">
|
||||||
|
{{ formatMoney(invoiceRegisterDialog.row.settlementAmount, invoiceRegisterDialog.row.currency) }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="已匹配发票金额">
|
||||||
|
{{ formatMoney(invoiceRegisterDialog.row.invoiceAmount, invoiceRegisterDialog.row.currency) }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="创建人">
|
||||||
|
{{ invoiceRegisterDialog.row.createUserName || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="创建时间">
|
||||||
|
{{ invoiceRegisterDialog.row.createTime || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="金蝶同步状态" :span="2">
|
||||||
|
{{ kingdeeSyncName(invoiceRegisterDialog.row.kingdeeSyncStatus) }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="备注" :span="2">
|
||||||
|
{{ invoiceRegisterDialog.row.remark || '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
</section-card>
|
||||||
|
<section-card title="认领收票单">
|
||||||
|
<div class="invoice-register-dialog__actions">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
:disabled="invoiceRegisterDialog.saving"
|
||||||
|
@click="candidatesDialog.visible = true"
|
||||||
|
>选择收票单</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<el-table :data="invoiceRegisterDialog.candidates" border class="invoice-register-dialog__table">
|
||||||
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
|
<el-table-column prop="invoiceNo" label="发票号" min-width="160" align="center" />
|
||||||
|
<el-table-column prop="invoiceDate" label="开票日期" min-width="120" align="center" />
|
||||||
|
<el-table-column prop="invoiceType" label="发票类型" min-width="140" align="center" />
|
||||||
|
<el-table-column prop="issuerName" label="开票单位(销方)" min-width="170" show-overflow-tooltip />
|
||||||
|
<el-table-column label="发票金额(含税)" min-width="140" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.invoiceAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="匹配结算单金额" min-width="160" align="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<!-- 匹配金额支持手动修改(默认=发票金额全额),已认领回显行只读 -->
|
||||||
|
<el-input-number
|
||||||
|
v-if="!row.claimed"
|
||||||
|
v-model="row.matchedAmount"
|
||||||
|
:min="0"
|
||||||
|
:max="Number(row.invoiceAmount || 0)"
|
||||||
|
:precision="2"
|
||||||
|
:controls="false"
|
||||||
|
/>
|
||||||
|
<span v-else>{{ formatMoney(row.matchedAmount || row.invoiceAmount) }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="90" fixed="right" align="center">
|
||||||
|
<template #default="{ row, $index }">
|
||||||
|
<!-- 已认领票回显:认领保存为增量逻辑不支持移除,仅新增票可移除 -->
|
||||||
|
<el-tag v-if="row.claimed" size="small">已认领</el-tag>
|
||||||
|
<el-link
|
||||||
|
v-else
|
||||||
|
type="danger"
|
||||||
|
:disabled="invoiceRegisterDialog.saving"
|
||||||
|
@click="invoiceRegisterDialog.candidates.splice($index, 1)"
|
||||||
|
>移除</el-link
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</section-card>
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="invoiceRegisterDialog.visible = false">取消</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="invoiceRegisterDialog.saving"
|
||||||
|
:disabled="!invoiceRegisterDialog.candidates.length"
|
||||||
|
@click="submitInvoiceRegister"
|
||||||
|
>保存认领</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<invoice-receipt-candidates-dialog
|
||||||
|
v-model="candidatesDialog.visible"
|
||||||
|
@confirm="addInvoiceRegisterCandidates"
|
||||||
|
/>
|
||||||
</basic-container>
|
</basic-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -113,16 +232,18 @@ import { isAdministrator } from '@/utils/auth';
|
|||||||
import { downloadFile } from '@/utils/util';
|
import { downloadFile } from '@/utils/util';
|
||||||
import * as api from '@/api/settlement/formalSettlement';
|
import * as api from '@/api/settlement/formalSettlement';
|
||||||
import * as paymentApi from '@/api/payment/paymentApplication';
|
import * as paymentApi from '@/api/payment/paymentApplication';
|
||||||
import { formalSettlementOption } from '@/option/settlement/formalSettlement';
|
import * as invoiceReceiptApi from '@/api/payment/invoiceReceipt';
|
||||||
|
import { formalSettlementOption, kingdeeSyncName } from '@/option/settlement/formalSettlement';
|
||||||
import organizationSearch from '@/mixins/organization-search';
|
import organizationSearch from '@/mixins/organization-search';
|
||||||
import FormalSettlementEditor from './components/formal-settlement-editor.vue';
|
import FormalSettlementEditor from './components/formal-settlement-editor.vue';
|
||||||
import FormalSettlementTablePanel from './components/formal-settlement-table-panel.vue';
|
import FormalSettlementTablePanel from './components/formal-settlement-table-panel.vue';
|
||||||
|
import InvoiceReceiptCandidatesDialog from './components/invoice-receipt-candidates-dialog.vue';
|
||||||
import { submitMkApprovalFlow, loadMkEnabled } from '@/utils/mk-approval';
|
import { submitMkApprovalFlow, loadMkEnabled } from '@/utils/mk-approval';
|
||||||
import { getMKApprovalUrl } from '@/api/system/business-process';
|
import { getMKApprovalUrl } from '@/api/system/business-process';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'FormalSettlement',
|
name: 'FormalSettlement',
|
||||||
components: { FormalSettlementEditor, FormalSettlementTablePanel },
|
components: { FormalSettlementEditor, FormalSettlementTablePanel, InvoiceReceiptCandidatesDialog },
|
||||||
mixins: [organizationSearch],
|
mixins: [organizationSearch],
|
||||||
props: {
|
props: {
|
||||||
/** 菜单拆分后锁定结算类型:payable=付款结算单,receivable=收款结算单 */
|
/** 菜单拆分后锁定结算类型:payable=付款结算单,receivable=收款结算单 */
|
||||||
@@ -134,7 +255,6 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
option: formalSettlementOption(),
|
|
||||||
query: {},
|
query: {},
|
||||||
activeSettlementType: 'payable',
|
activeSettlementType: 'payable',
|
||||||
rows: [],
|
rows: [],
|
||||||
@@ -151,6 +271,16 @@ export default {
|
|||||||
rows: [],
|
rows: [],
|
||||||
form: { appliedAmount: 0, remark: '' },
|
form: { appliedAmount: 0, remark: '' },
|
||||||
},
|
},
|
||||||
|
// 先票后款路径B:发票登记(关联收票单 + 确认推送指定应付)
|
||||||
|
invoiceRegisterDialog: {
|
||||||
|
visible: false,
|
||||||
|
saving: false,
|
||||||
|
row: {},
|
||||||
|
candidates: [],
|
||||||
|
},
|
||||||
|
candidatesDialog: {
|
||||||
|
visible: false,
|
||||||
|
},
|
||||||
mkEnabled: false,
|
mkEnabled: false,
|
||||||
// keep-alive 多标签下仅激活实例响应 detailNo,避免缓存页重复弹窗
|
// keep-alive 多标签下仅激活实例响应 detailNo,避免缓存页重复弹窗
|
||||||
isPageActive: true,
|
isPageActive: true,
|
||||||
@@ -158,6 +288,10 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission', 'userInfo']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
|
// 列随结算类型切换重建:收款结算单不展示「已指定应付」
|
||||||
|
option() {
|
||||||
|
return formalSettlementOption(this.activeSettlementType);
|
||||||
|
},
|
||||||
isAdmin() {
|
isAdmin() {
|
||||||
return isAdministrator(this.userInfo);
|
return isAdministrator(this.userInfo);
|
||||||
},
|
},
|
||||||
@@ -297,6 +431,7 @@ export default {
|
|||||||
return: () => this.handleReturn(row),
|
return: () => this.handleReturn(row),
|
||||||
void: () => this.handleVoid(row),
|
void: () => this.handleVoid(row),
|
||||||
print: () => this.handlePrint(row),
|
print: () => this.handlePrint(row),
|
||||||
|
invoiceRegister: () => this.openInvoiceRegisterDialog(row),
|
||||||
};
|
};
|
||||||
(handlers[type] || (() => {}))();
|
(handlers[type] || (() => {}))();
|
||||||
},
|
},
|
||||||
@@ -596,6 +731,68 @@ export default {
|
|||||||
this.paymentDialog.loading = false;
|
this.paymentDialog.loading = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 先票后款路径B:发票登记——认领收票单(claim-invoices 走增量认领并同步收票侧关系)
|
||||||
|
// 打开时回显本单已认领收票单(claimed 标记禁止移除),已认领过票的可直接保存推送补指定应付
|
||||||
|
async openInvoiceRegisterDialog(row) {
|
||||||
|
if ((row?.approvalStatus || '') !== 'approved') {
|
||||||
|
this.$message.warning('仅审批通过的付款结算单允许发票登记');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.invoiceRegisterDialog.row = row || {};
|
||||||
|
this.invoiceRegisterDialog.candidates = [];
|
||||||
|
this.invoiceRegisterDialog.visible = true;
|
||||||
|
try {
|
||||||
|
const claimed = this.unwrapData(await invoiceReceiptApi.claimedReceipts(row.id)) || [];
|
||||||
|
this.invoiceRegisterDialog.candidates = claimed.map(item => ({ ...item, claimed: true }));
|
||||||
|
} catch (error) {
|
||||||
|
this.invoiceRegisterDialog.candidates = [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
addInvoiceRegisterCandidates(rows) {
|
||||||
|
const existing = new Set(
|
||||||
|
this.invoiceRegisterDialog.candidates.map(item => String(item.invoiceNo))
|
||||||
|
);
|
||||||
|
const added = rows.filter(row => !existing.has(String(row.invoiceNo)));
|
||||||
|
if (!added.length) {
|
||||||
|
this.$message.warning('所选收票单均已登记');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 全额认领:匹配金额固定=发票金额(仅暂存展示,点保存认领确认后才落库)
|
||||||
|
this.invoiceRegisterDialog.candidates.push(
|
||||||
|
...added.map(row => ({ ...row, matchedAmount: Number(row.invoiceAmount || 0) }))
|
||||||
|
);
|
||||||
|
},
|
||||||
|
async submitInvoiceRegister() {
|
||||||
|
const settlement = this.invoiceRegisterDialog.row;
|
||||||
|
const invoices = this.invoiceRegisterDialog.candidates.map(row => ({
|
||||||
|
...row,
|
||||||
|
attachmentJson: row.attachmentJson || row.attachmentsJson,
|
||||||
|
invoiceType: row.invoiceType || '',
|
||||||
|
taxRate: row.taxRate ?? null,
|
||||||
|
availableInvoiceAmount: Number(row.invoiceAmount || 0),
|
||||||
|
matchedAmount: Number(row.matchedAmount || row.invoiceAmount || 0),
|
||||||
|
}));
|
||||||
|
try {
|
||||||
|
// 先确认后保存:确定才认领并推送指定应付,取消不保存任何数据
|
||||||
|
await this.$confirm('确认认领并推送金蝶指定应付?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.invoiceRegisterDialog.saving = true;
|
||||||
|
try {
|
||||||
|
await api.claimInvoices({ formalSettlementId: settlement.id, invoices });
|
||||||
|
const data = this.unwrapData(await api.invoiceAssignKingdee(settlement.id));
|
||||||
|
this.$message.success(data || '发票登记推送金蝶成功');
|
||||||
|
this.invoiceRegisterDialog.visible = false;
|
||||||
|
this.onLoad(this.page);
|
||||||
|
} finally {
|
||||||
|
this.invoiceRegisterDialog.saving = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
handlePrint(row) {
|
handlePrint(row) {
|
||||||
if (!row) {
|
if (!row) {
|
||||||
row = this.selectedOne('打印');
|
row = this.selectedOne('打印');
|
||||||
@@ -645,6 +842,9 @@ export default {
|
|||||||
params.settlementType = this.lockedSettlementType || this.activeSettlementType;
|
params.settlementType = this.lockedSettlementType || this.activeSettlementType;
|
||||||
return params;
|
return params;
|
||||||
},
|
},
|
||||||
|
settlementTypeName(value) {
|
||||||
|
return { payable: '付款', receivable: '收款' }[value] || '-';
|
||||||
|
},
|
||||||
unwrapData(response) {
|
unwrapData(response) {
|
||||||
const body = response?.data || response || {};
|
const body = response?.data || response || {};
|
||||||
return body?.data || body;
|
return body?.data || body;
|
||||||
@@ -685,6 +885,11 @@ export default {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
color: #606266;
|
color: #606266;
|
||||||
}
|
}
|
||||||
|
.invoice-register-dialog__actions {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
:deep(.formal-page.basic-container .basic-container__card > .el-card__body) {
|
:deep(.formal-page.basic-container .basic-container__card > .el-card__body) {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user