Compare commits
21
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8d39b00fba | ||
|
|
ff44137a37 | ||
|
|
ba1e60d809 | ||
|
|
64aba30e3f | ||
|
|
96822cc24b | ||
|
|
58b208201a | ||
|
|
da616f83c5 | ||
|
|
0cd2e3b28f | ||
|
|
29a0cdf9fd | ||
|
|
291dbf5fed | ||
|
|
4a4b9af694 | ||
|
|
4b31f7ee78 | ||
|
|
0764bf3a42 | ||
|
|
921ca3cd7a | ||
|
|
799220642b | ||
|
|
44cec23147 | ||
|
|
b218fc2345 | ||
|
|
eb74466c30 | ||
|
|
79e903bcd8 | ||
|
|
119d71b4f5 | ||
|
|
d57d3f86da |
@@ -95,5 +95,3 @@ export const exportImportFailures = data =>
|
|||||||
});
|
});
|
||||||
export const confirmImport = data =>
|
export const confirmImport = data =>
|
||||||
request({ url: `${baseUrl}/import-batch/confirm`, method: 'post', data, timeout: 120000 });
|
request({ url: `${baseUrl}/import-batch/confirm`, method: 'post', data, timeout: 120000 });
|
||||||
export const checkImportDuplicates = data =>
|
|
||||||
request({ url: `${baseUrl}/import-batch/duplicates`, method: 'post', data, timeout: 120000 });
|
|
||||||
|
|||||||
@@ -34,6 +34,15 @@ export const syncKingdeeBatch = 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: APPROVE_TIMEOUT });
|
request({ url: `${baseUrl}/sync-kingdee-result`, method: 'post', timeout: APPROVE_TIMEOUT });
|
||||||
|
// 付款记录付款凭证下载(后端代理 A801-2 流式回源),耗时较普通接口长,放宽到 120s
|
||||||
|
export const downloadRecordVoucher = recordId =>
|
||||||
|
request({
|
||||||
|
url: `${baseUrl}/record/download-voucher`,
|
||||||
|
method: 'get',
|
||||||
|
params: { recordId },
|
||||||
|
responseType: 'blob',
|
||||||
|
timeout: 120000,
|
||||||
|
});
|
||||||
|
|
||||||
export const paymentTypeOptions = [
|
export const paymentTypeOptions = [
|
||||||
{ label: '项目预付', value: 'project_advance' },
|
{ label: '项目预付', value: 'project_advance' },
|
||||||
|
|||||||
@@ -32,13 +32,14 @@ export const approve = data =>
|
|||||||
request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
|
request({ url: `${baseUrl}/approve`, method: 'post', data, timeout: APPROVE_TIMEOUT });
|
||||||
export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
|
export const returnBill = data => request({ url: `${baseUrl}/return`, method: 'post', data });
|
||||||
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
export const voidBill = data => request({ url: `${baseUrl}/void`, method: 'post', data });
|
||||||
// 同步金蝶涉及多次金蝶远程接口调用(A102-4 预检 + A102-2 保存),可达 20s+,覆盖全局 10s 超时
|
// 同步金蝶涉及多次金蝶远程接口调用(A102-4 预检 + A102-2 保存 + 附件补传),实测可达 35s+,
|
||||||
|
// 低于后端实际耗时会导致前端先超时报错而后端推送成功(如 FJS2026111000001 实测 34.6s),覆盖全局 10s 超时
|
||||||
// config.meta.suppressErrorMessage=true 时由页面弹框汇总结果,避免拦截器重复 toast
|
// config.meta.suppressErrorMessage=true 时由页面弹框汇总结果,避免拦截器重复 toast
|
||||||
export const syncKingdee = (id, config = {}) =>
|
export const syncKingdee = (id, config = {}) =>
|
||||||
request({
|
request({
|
||||||
url: `${baseUrl}/sync-kingdee`,
|
url: `${baseUrl}/sync-kingdee`,
|
||||||
method: 'post',
|
method: 'post',
|
||||||
timeout: 30000,
|
timeout: 60000,
|
||||||
params: { id },
|
params: { id },
|
||||||
...config,
|
...config,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -91,14 +91,3 @@ export const recognizeBaiduOcr = (imageUrl, type, side = '') => {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
export const recognizeQualificationCertificateOcr = imageUrl => {
|
|
||||||
return request({
|
|
||||||
url: '/blade-transport/baidu-ocr/qualification-certificate',
|
|
||||||
method: 'post',
|
|
||||||
timeout: 60000,
|
|
||||||
params: {
|
|
||||||
imageUrl,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|||||||
@@ -0,0 +1,123 @@
|
|||||||
|
<template>
|
||||||
|
<teleport to="body">
|
||||||
|
<transition name="el-fade-in-linear">
|
||||||
|
<section v-if="modelValue" class="bottom-detail-panel" aria-label="详情面板">
|
||||||
|
<header class="bottom-detail-panel__header">
|
||||||
|
<h3>{{ title }}</h3>
|
||||||
|
<el-tooltip content="关闭" placement="top">
|
||||||
|
<el-button :icon="Close" text aria-label="关闭详情面板" @click="close" />
|
||||||
|
</el-tooltip>
|
||||||
|
</header>
|
||||||
|
<div class="bottom-detail-panel__body">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
<footer class="bottom-detail-panel__footer">
|
||||||
|
<el-button @click="close">关闭</el-button>
|
||||||
|
</footer>
|
||||||
|
</section>
|
||||||
|
</transition>
|
||||||
|
</teleport>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Close } from '@element-plus/icons-vue';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 底部弹出详情面板(表单页通用)
|
||||||
|
* 固定于视口底部并避让侧边栏,交互对齐应收/应付明细页点「单据号」弹出的单据详情面板
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: 'BottomDetailPanel',
|
||||||
|
props: {
|
||||||
|
modelValue: { type: Boolean, default: false },
|
||||||
|
title: { type: String, default: '详情' },
|
||||||
|
},
|
||||||
|
emits: ['update:modelValue'],
|
||||||
|
data() {
|
||||||
|
return { Close };
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// 表单页多被 keep-alive 缓存,切换菜单时组件不销毁,需监听路由收起 teleport 到 body 的面板
|
||||||
|
$route() {
|
||||||
|
this.close();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.$emit('update:modelValue', false);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.bottom-detail-panel {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 100;
|
||||||
|
bottom: 0;
|
||||||
|
left: $sidebar_width;
|
||||||
|
width: calc(100% - #{$sidebar_width});
|
||||||
|
max-height: min(60vh, 560px);
|
||||||
|
border-top: 1px solid #eff1f7;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.avue--collapse) .bottom-detail-panel {
|
||||||
|
left: $sidebar_collapse;
|
||||||
|
width: calc(100% - #{$sidebar_collapse});
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.avue-layout--horizontal) .bottom-detail-panel {
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-detail-panel__header {
|
||||||
|
display: flex;
|
||||||
|
min-height: 48px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 20px;
|
||||||
|
border-bottom: 1px solid #eff1f7;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 12px;
|
||||||
|
border-left: 4px solid #409eff;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-detail-panel__body {
|
||||||
|
max-height: calc(min(60vh, 560px) - 106px);
|
||||||
|
padding: 16px 20px;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
:deep(.el-table) {
|
||||||
|
--el-table-border-color: #eff1f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-table__row:nth-child(even) td.el-table__cell) {
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-detail-panel__footer {
|
||||||
|
display: flex;
|
||||||
|
min-height: 57px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 0 20px;
|
||||||
|
border-top: 1px solid #eff1f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 992px) {
|
||||||
|
.bottom-detail-panel {
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,160 @@
|
|||||||
|
<template>
|
||||||
|
<div class="invoice-write-off-table">
|
||||||
|
<el-table v-loading="loading" :data="rows" border>
|
||||||
|
<el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
|
||||||
|
<el-table-column prop="arrivalAddress" label="到货地址" min-width="150" align="center" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.arrivalAddress) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="actualDepartureTime" label="实际发货时间" width="150" align="center">
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : formatDateTime(row.actualDepartureTime) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="completionTime" label="实际完成时间" width="150" align="center">
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : formatDateTime(row.completionTime) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="transportType" label="运输类型" width="100" align="center">
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : transportTypeLabel(row.transportType) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="cargoName" label="货物名称" min-width="110" align="center" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.cargoName) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="cargoType" label="货物类型" min-width="110" align="center" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.cargoType) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="transportQuantity" label="运输总量" width="110" align="center">
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.transportQuantity) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="mileage" label="里程 (KM)" width="100" align="center">
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.mileage) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="batchNo" label="批次号" width="100" align="center" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">{{ row.manualFlag === 1 ? '-' : displayValue(row.batchNo) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="invoiceNo" label="发票号" min-width="220" align="center" show-overflow-tooltip />
|
||||||
|
<!-- 按费用项目动态分组列头,每组三列:结算金额/未开票(收票)金额/本次开票(收票)金额,文案随业务类型切换 -->
|
||||||
|
<el-table-column v-for="group in feeItemGroups" :key="group.name" :label="group.name" align="center">
|
||||||
|
<el-table-column label="结算金额" width="110" align="center">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.settlementAmounts[group.name]) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="remainLabel" width="110" align="center">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.beforeRemainAmounts[group.name]) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="currentLabel" width="120" align="center">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.writeOffAmounts[group.name]) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from '@/axios';
|
||||||
|
import { getDictionary } from '@/api/system/dictbiz';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发票冲销明细公共表格(开票申请/收票登记/付款申请通用)
|
||||||
|
* 数据源:/blade-transport/invoice-write-off/list?bizType=&bizId=
|
||||||
|
* 行按运单完成时间升序(先完成的运单先冲销),手动添加费用无运输信息显示"—"
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: 'InvoiceWriteOffTable',
|
||||||
|
props: {
|
||||||
|
// invoice_apply-开票申请 receipt-收票登记 payment_receipt-付款申请生成的收票单
|
||||||
|
bizType: { type: String, required: true },
|
||||||
|
bizId: { type: [String, Number], default: null },
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
rows: [],
|
||||||
|
transportTypeOptions: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 费用项目分组子列文案随业务切换:开票为"未开票金额/本次开票金额",收票/付款为"未收票金额/本次收票金额"
|
||||||
|
remainLabel() {
|
||||||
|
return this.bizType === 'invoice_apply' ? '未开票金额' : '未收票金额';
|
||||||
|
},
|
||||||
|
currentLabel() {
|
||||||
|
return this.bizType === 'invoice_apply' ? '本次开票金额' : '本次收票金额';
|
||||||
|
},
|
||||||
|
feeItemGroups() {
|
||||||
|
const names = [];
|
||||||
|
this.rows.forEach(row => {
|
||||||
|
if (row.feeItemName && !names.includes(row.feeItemName)) names.push(row.feeItemName);
|
||||||
|
});
|
||||||
|
return names.map(name => ({ name }));
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadTransportTypeOptions();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
bizId: {
|
||||||
|
immediate: true,
|
||||||
|
handler(value) {
|
||||||
|
if (value) this.load();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 运输类型字典翻译(与开票申请明细表同口径 transport_type)
|
||||||
|
async loadTransportTypeOptions() {
|
||||||
|
const res = await getDictionary({ code: 'transport_type' });
|
||||||
|
const records = Array.isArray(res?.data?.data) ? res.data.data : res?.data?.data?.records || [];
|
||||||
|
this.transportTypeOptions = records.map(item => ({
|
||||||
|
label: item.dictValue || item.label || item.name,
|
||||||
|
value: item.dictKey || item.value || item.dictValue || item.name,
|
||||||
|
}));
|
||||||
|
},
|
||||||
|
transportTypeLabel(value) {
|
||||||
|
if (!value) return '-';
|
||||||
|
return this.transportTypeOptions.find(item => String(item.value) === String(value))?.label || value;
|
||||||
|
},
|
||||||
|
load() {
|
||||||
|
this.loading = true;
|
||||||
|
request({
|
||||||
|
url: '/blade-transport/invoice-write-off/list',
|
||||||
|
method: 'get',
|
||||||
|
params: { bizType: this.bizType, bizId: this.bizId },
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
const list = res.data.data || [];
|
||||||
|
// 同一运单同一费用项目可能被多张发票分段冲抵(跨发票拆分),按运单+费用项目归并展示
|
||||||
|
const merged = new Map();
|
||||||
|
list.forEach(row => {
|
||||||
|
const key = `${row.waybillId || row.summaryFeeId || ''}|${row.feeItemName}`;
|
||||||
|
if (!merged.has(key)) {
|
||||||
|
merged.set(key, {
|
||||||
|
...row,
|
||||||
|
settlementAmounts: { [row.feeItemName]: row.settlementAmount },
|
||||||
|
beforeRemainAmounts: { [row.feeItemName]: row.beforeRemainAmount },
|
||||||
|
writeOffAmounts: { [row.feeItemName]: row.writeOffAmount },
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const target = merged.get(key);
|
||||||
|
target.writeOffAmounts[row.feeItemName] = Number(target.writeOffAmounts[row.feeItemName] || 0) + Number(row.writeOffAmount || 0);
|
||||||
|
// 未开票费用取首段冲抵前余额,发票号追加展示
|
||||||
|
if (!String(target.invoiceNo).includes(row.invoiceNo)) {
|
||||||
|
target.invoiceNo = `${target.invoiceNo},${row.invoiceNo}`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.rows = [...merged.values()];
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
displayValue(value) {
|
||||||
|
return value === null || value === undefined || value === '' ? '-' : value;
|
||||||
|
},
|
||||||
|
formatDateTime(value) {
|
||||||
|
if (!value) return '-';
|
||||||
|
return this.$dayjs(value).format('YYYY-MM-DD HH:mm:ss');
|
||||||
|
},
|
||||||
|
formatMoney(value) {
|
||||||
|
return Number(value || 0).toFixed(2);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="visible" :title="title" width="92%" append-to-body destroy-on-close @open="handleOpen">
|
<el-dialog v-model="visible" :title="title" width="92%" append-to-body align-center destroy-on-close @open="handleOpen">
|
||||||
<el-form :model="query" inline label-width="130px" @submit.prevent>
|
<el-form class="kingdee-pool-dialog__form" :model="query" inline label-position="right" label-width="120px" @submit.prevent>
|
||||||
<el-form-item label="发票号码">
|
<el-form-item label="发票号码">
|
||||||
<el-input v-model="query.invoiceNo" clearable @keyup.enter="handleQuery" />
|
<el-input v-model="query.invoiceNo" clearable placeholder="请输入" @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="开票日期">
|
<el-form-item label="开票日期">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
@@ -10,15 +10,16 @@
|
|||||||
type="daterange"
|
type="daterange"
|
||||||
value-format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
format="YYYY-MM-DD"
|
format="YYYY-MM-DD"
|
||||||
start-placeholder="开始日期"
|
range-separator="-"
|
||||||
end-placeholder="结束日期"
|
start-placeholder="请选择"
|
||||||
|
end-placeholder="请选择"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="开票单位">
|
<el-form-item label="开票单位">
|
||||||
<el-input v-model="query.salerName" clearable @keyup.enter="handleQuery" />
|
<el-input v-model="query.salerName" clearable placeholder="请输入" @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="受票单位">
|
<el-form-item label="受票单位">
|
||||||
<el-input v-model="query.buyerName" clearable @keyup.enter="handleQuery" />
|
<el-input v-model="query.buyerName" clearable placeholder="请输入" @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="开票单位(销方)">
|
<el-form-item label="开票单位(销方)">
|
||||||
<el-select
|
<el-select
|
||||||
@@ -93,6 +94,9 @@
|
|||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button :disabled="loading" @click="resetQuery">重置</el-button>
|
<el-button :disabled="loading" @click="resetQuery">重置</el-button>
|
||||||
<el-button type="primary" :disabled="loading" @click="handleQuery">查询</el-button>
|
<el-button type="primary" :disabled="loading" @click="handleQuery">查询</el-button>
|
||||||
|
<el-tooltip content="按名称检索范围为已同步票,未找到请改用发票号码或税号精确查找" placement="top">
|
||||||
|
<el-icon class="kingdee-pool-dialog__query-tip"><QuestionFilled /></el-icon>
|
||||||
|
</el-tooltip>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-table
|
<el-table
|
||||||
@@ -101,7 +105,7 @@
|
|||||||
:data="rows"
|
:data="rows"
|
||||||
:row-key="rowKey"
|
:row-key="rowKey"
|
||||||
border
|
border
|
||||||
height="520"
|
max-height="50vh"
|
||||||
:highlight-current-row="!multiple"
|
:highlight-current-row="!multiple"
|
||||||
@selection-change="selection => (selected = selection)"
|
@selection-change="selection => (selected = selection)"
|
||||||
@row-dblclick="handleRowDblclick"
|
@row-dblclick="handleRowDblclick"
|
||||||
@@ -118,6 +122,7 @@
|
|||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column type="index" label="序号" width="70" align="center" :index="indexMethod" />
|
||||||
<el-table-column prop="invoiceNo" label="发票号码" min-width="180" />
|
<el-table-column prop="invoiceNo" label="发票号码" min-width="180" />
|
||||||
<el-table-column prop="invoiceDate" label="开票日期" min-width="120" />
|
<el-table-column prop="invoiceDate" label="开票日期" min-width="120" />
|
||||||
<el-table-column prop="invoiceType" label="发票类型" min-width="140" />
|
<el-table-column prop="invoiceType" label="发票类型" min-width="140" />
|
||||||
@@ -172,8 +177,8 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="kingdee-pool-dialog__pager">
|
<div class="kingdee-pool-dialog__pagination">
|
||||||
<span class="kingdee-pool-dialog__pager-tip">按名称检索范围为已同步票,未找到请改用发票号码或税号精确查找</span>
|
<span class="kingdee-pool-dialog__pagination-tip">按名称检索范围为已同步票,未找到请改用发票号码或税号精确查找</span>
|
||||||
<el-pagination
|
<el-pagination
|
||||||
v-model:current-page="page.current"
|
v-model:current-page="page.current"
|
||||||
v-model:page-size="page.size"
|
v-model:page-size="page.size"
|
||||||
@@ -323,6 +328,9 @@ export default {
|
|||||||
this.page.current = 1;
|
this.page.current = 1;
|
||||||
this.load();
|
this.load();
|
||||||
},
|
},
|
||||||
|
indexMethod(index) {
|
||||||
|
return (this.page.current - 1) * this.page.size + index + 1;
|
||||||
|
},
|
||||||
resetQuery() {
|
resetQuery() {
|
||||||
this.query = this.emptyQuery();
|
this.query = this.emptyQuery();
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
@@ -420,15 +428,28 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.kingdee-pool-dialog__pager {
|
.kingdee-pool-dialog__form {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
padding: 12px 12px 4px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
.kingdee-pool-dialog__pagination {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 12px;
|
padding: 16px 0;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
}
|
}
|
||||||
.kingdee-pool-dialog__pager-tip {
|
.kingdee-pool-dialog__pagination-tip {
|
||||||
color: #909399;
|
color: #909399;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.kingdee-pool-dialog__query-tip {
|
||||||
|
margin-left: 8px;
|
||||||
|
color: #909399;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { getDeptTree, getPlatformCompanySelect } from '@/api/system/dept';
|
import { getDeptTree } from '@/api/system/dept';
|
||||||
import { ElCascader } from 'element-plus';
|
import { ElCascader } from 'element-plus';
|
||||||
import { h } from 'vue';
|
import { h } from 'vue';
|
||||||
|
|
||||||
@@ -14,10 +14,6 @@ import { h } from 'vue';
|
|||||||
* 3. 在 created / 初始化时调用 this.loadOrganizationOptions()
|
* 3. 在 created / 初始化时调用 this.loadOrganizationOptions()
|
||||||
* 4. 需要「未分配组织」筛选项的页面在 data 里置 enableUnassignedOrgFilter: true;
|
* 4. 需要「未分配组织」筛选项的页面在 data 里置 enableUnassignedOrgFilter: true;
|
||||||
* 该项只追加进搜索树 organizationSearchTreeOptions,表单级联 organizationTreeOptions 不含哨兵
|
* 该项只追加进搜索树 organizationSearchTreeOptions,表单级联 organizationTreeOptions 不含哨兵
|
||||||
* 5. 表单「所属组织」只允许选平台公司的页面(运力管理)在 data 里置
|
|
||||||
* restrictFormOrgToPlatformCompany: true,表单级联样式改用
|
|
||||||
* buildFormOrganizationTree(...) 的结果,并在打开表单时把回显的组织名写进
|
|
||||||
* formOrganizationLegacyName;只影响表单,搜索栏仍是全量组织
|
|
||||||
*
|
*
|
||||||
* 说明:
|
* 说明:
|
||||||
* - 自动识别 organizationName / deptName 两种 prop,并挂载 column.renderSearch
|
* - 自动识别 organizationName / deptName 两种 prop,并挂载 column.renderSearch
|
||||||
@@ -38,11 +34,6 @@ const ORG_PROPS = ['organizationName', 'deptName'];
|
|||||||
// 后端换成空串会让整段组织条件不生效,筛选静默失效。前端与后端这几处必须同步修改。
|
// 后端换成空串会让整段组织条件不生效,筛选静默失效。前端与后端这几处必须同步修改。
|
||||||
const UNASSIGNED_ORG_FILTER = '__UNASSIGNED_ORG__';
|
const UNASSIGNED_ORG_FILTER = '__UNASSIGNED_ORG__';
|
||||||
|
|
||||||
// 表单「所属组织」限定只能选平台公司时,存量记录里的旧组织名在组织树里已经找不到
|
|
||||||
// (节点被删或改名),用这个 id 补一个只读节点,否则编辑老数据时所属组织显示为空、
|
|
||||||
// 保存即把原值丢掉。
|
|
||||||
const FORM_LEGACY_ORG_ID = '__LEGACY_ORG__';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -53,14 +44,6 @@ export default {
|
|||||||
organizationLoading: false,
|
organizationLoading: false,
|
||||||
// 组织筛选是否追加「未分配组织」一项;页面在 data 里覆盖为 true 才生效
|
// 组织筛选是否追加「未分配组织」一项;页面在 data 里覆盖为 true 才生效
|
||||||
enableUnassignedOrgFilter: false,
|
enableUnassignedOrgFilter: false,
|
||||||
// 表单「所属组织」是否只允许选平台公司;页面在 data 里覆盖为 true 才生效
|
|
||||||
restrictFormOrgToPlatformCompany: false,
|
|
||||||
// 平台公司部门 id(字符串),loadOrganizationOptions 时一并拉取
|
|
||||||
platformCompanyOrgIds: [],
|
|
||||||
// 表单当前回显的组织名,树里没有同名节点时用它补一个只读选项
|
|
||||||
formOrganizationLegacyName: '',
|
|
||||||
// 进行中的组织数据请求,并发调用共用(不是响应式状态,只做去重)
|
|
||||||
organizationOptionsPromise: null,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -71,12 +54,9 @@ export default {
|
|||||||
? [this.unassignedOrgOption(), ...this.organizationTreeOptions]
|
? [this.unassignedOrgOption(), ...this.organizationTreeOptions]
|
||||||
: this.organizationTreeOptions;
|
: this.organizationTreeOptions;
|
||||||
},
|
},
|
||||||
// 所属组织级联配置:checkStrictly 允许选中任意层级,不必选到末级。
|
// 所属组织级联配置:checkStrictly 允许选中任意层级,不必选到末级
|
||||||
// 限定只能选平台公司时用 disabled 函数只放开平台公司:非平台公司的非末级节点
|
|
||||||
// 在 checkStrictly 下仍可展开(el-cascader 的 expandable 判断),末级节点点击无效,
|
|
||||||
// 两者都选不中。disabled 在节点渲染时求值,平台公司 id 到手后节点会自行重算。
|
|
||||||
organizationCascaderProps() {
|
organizationCascaderProps() {
|
||||||
const props = {
|
return {
|
||||||
value: 'id',
|
value: 'id',
|
||||||
label: 'label',
|
label: 'label',
|
||||||
children: 'children',
|
children: 'children',
|
||||||
@@ -84,25 +64,15 @@ export default {
|
|||||||
checkStrictly: true,
|
checkStrictly: true,
|
||||||
expandTrigger: 'click',
|
expandTrigger: 'click',
|
||||||
};
|
};
|
||||||
if (this.restrictFormOrgToPlatformCompany) {
|
|
||||||
props.disabled = data => this.platformCompanyOrgDisabled(data);
|
|
||||||
}
|
|
||||||
return props;
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
loadOrganizationOptions() {
|
loadOrganizationOptions() {
|
||||||
// 并发调用共用同一次请求,返回的 Promise 在数据就绪后才 resolve
|
if (this.organizationLoading) return;
|
||||||
if (this.organizationOptionsPromise) return this.organizationOptionsPromise;
|
|
||||||
this.organizationLoading = true;
|
this.organizationLoading = true;
|
||||||
const tenantId = this.userInfo?.tenantId;
|
const tenantId = this.userInfo?.tenantId;
|
||||||
// 平台公司下拉失败不能拖垮组织树,单独兜住,失败时保持上一次的可选范围
|
getDeptTree(tenantId)
|
||||||
const platformCompanyRequest = this.restrictFormOrgToPlatformCompany
|
.then(res => {
|
||||||
? getPlatformCompanySelect().catch(() => null)
|
|
||||||
: Promise.resolve(null);
|
|
||||||
this.organizationOptionsPromise = Promise.all([getDeptTree(tenantId), platformCompanyRequest])
|
|
||||||
.then(([res, platformRes]) => {
|
|
||||||
this.applyPlatformCompanyOptions(platformRes);
|
|
||||||
const source = res.data?.data || res.data || [];
|
const source = res.data?.data || res.data || [];
|
||||||
const tree = this.excludeExternalOrganization
|
const tree = this.excludeExternalOrganization
|
||||||
? this.excludeExternalOrganization(source)
|
? this.excludeExternalOrganization(source)
|
||||||
@@ -120,21 +90,7 @@ export default {
|
|||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
this.organizationLoading = false;
|
this.organizationLoading = false;
|
||||||
this.organizationOptionsPromise = null;
|
|
||||||
});
|
});
|
||||||
return this.organizationOptionsPromise;
|
|
||||||
},
|
|
||||||
// 组织树与平台公司列表就绪后执行回调;已加载过则立即执行
|
|
||||||
whenOrganizationOptionsReady(callback) {
|
|
||||||
const pending = this.organizationTreeFlatOptions.length
|
|
||||||
? Promise.resolve()
|
|
||||||
: this.loadOrganizationOptions();
|
|
||||||
return Promise.resolve(pending).then(callback, () => callback());
|
|
||||||
},
|
|
||||||
applyPlatformCompanyOptions(res) {
|
|
||||||
if (!res) return;
|
|
||||||
const list = res.data?.data || res.data || [];
|
|
||||||
this.platformCompanyOrgIds = (Array.isArray(list) ? list : []).map(item => String(item.id));
|
|
||||||
},
|
},
|
||||||
// 默认排除「外部组织」节点;页面可覆盖
|
// 默认排除「外部组织」节点;页面可覆盖
|
||||||
excludeExternalOrganization(tree = []) {
|
excludeExternalOrganization(tree = []) {
|
||||||
@@ -187,9 +143,7 @@ export default {
|
|||||||
for (const node of tree || []) {
|
for (const node of tree || []) {
|
||||||
const path = [...parents, String(node.id)];
|
const path = [...parents, String(node.id)];
|
||||||
if (String(node.id) === String(target)) return path;
|
if (String(node.id) === String(target)) return path;
|
||||||
// 必须显式传 node.children || []:叶节点的 children 是 undefined,
|
const matched = this.findOrgPath(target, node.children, path);
|
||||||
// 传 undefined 会触发默认参数重新拿到整棵树,逐层重复扫描直到爆栈
|
|
||||||
const matched = this.findOrgPath(target, node.children || [], path);
|
|
||||||
if (matched) return matched;
|
if (matched) return matched;
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
@@ -198,52 +152,6 @@ export default {
|
|||||||
findOrgName(id) {
|
findOrgName(id) {
|
||||||
return this.findOrgById(id)?.rawLabel || '';
|
return this.findOrgById(id)?.rawLabel || '';
|
||||||
},
|
},
|
||||||
// 级联节点的 disabled 判定:只有平台公司可选。页面自建 props 时也复用它
|
|
||||||
platformCompanyOrgDisabled(data) {
|
|
||||||
return !this.platformCompanyOrgIds.includes(String(data?.id ?? ''));
|
|
||||||
},
|
|
||||||
// 组织名对应的节点是否为平台公司;名称在树里不存在时按「不是」处理
|
|
||||||
isPlatformCompanyOrgName(name) {
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value) return false;
|
|
||||||
const node = this.organizationTreeFlatOptions.find(item => item.rawLabel === value);
|
|
||||||
return !!node && this.platformCompanyOrgIds.includes(String(node.id));
|
|
||||||
},
|
|
||||||
// 新增表单的默认组织:只有落在平台公司上才预填,否则留空(不能让用户从默认值
|
|
||||||
// 直接带出一个选不中的组织名)
|
|
||||||
defaultFormOrganizationName(name) {
|
|
||||||
return this.isPlatformCompanyOrgName(name) ? String(name).trim() : '';
|
|
||||||
},
|
|
||||||
// 表单级联的选项树:限定平台公司时,把回显的原组织名补成一个只读节点,
|
|
||||||
// 否则存量记录的组织在树里找不到,编辑时显示为空、保存即丢原值
|
|
||||||
buildFormOrganizationTree(tree = this.organizationTreeOptions) {
|
|
||||||
const source = tree || [];
|
|
||||||
if (!this.restrictFormOrgToPlatformCompany) return source;
|
|
||||||
const name = String(this.formOrganizationLegacyName || '').trim();
|
|
||||||
if (!name) return source;
|
|
||||||
if (this.organizationTreeFlatOptions.some(item => item.rawLabel === name)) return source;
|
|
||||||
return [...source, { id: FORM_LEGACY_ORG_ID, label: name, rawLabel: name }];
|
|
||||||
},
|
|
||||||
// 表单级联回显用的路径:树里有该组织就用真实路径,否则落到原组织兜底节点
|
|
||||||
resolveFormOrgPath(name) {
|
|
||||||
const path = this.resolveOrgPath(name);
|
|
||||||
if (path.length) return path;
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value) return [];
|
|
||||||
return value === String(this.formOrganizationLegacyName || '').trim()
|
|
||||||
? [FORM_LEGACY_ORG_ID]
|
|
||||||
: [];
|
|
||||||
},
|
|
||||||
// 记录表单当前回显的组织名:能匹配真实节点(或已清空)就不需要兜底节点,
|
|
||||||
// 否则记下来,由 buildFormOrganizationTree 补成只读选项
|
|
||||||
syncFormOrganizationLegacy(name) {
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value || this.organizationTreeFlatOptions.some(item => item.rawLabel === value)) {
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.formOrganizationLegacyName = value;
|
|
||||||
},
|
|
||||||
// 组织名称 → 级联路径(表单回显用;部门树异步加载完成后会自动重算)
|
// 组织名称 → 级联路径(表单回显用;部门树异步加载完成后会自动重算)
|
||||||
resolveOrgPath(name) {
|
resolveOrgPath(name) {
|
||||||
const value = String(name ?? '').trim();
|
const value = String(name ?? '').trim();
|
||||||
@@ -256,13 +164,7 @@ export default {
|
|||||||
const value = Array.isArray(path)
|
const value = Array.isArray(path)
|
||||||
? path.filter(item => item !== undefined && item !== null && item !== '')
|
? path.filter(item => item !== undefined && item !== null && item !== '')
|
||||||
: [];
|
: [];
|
||||||
if (!value.length) return '';
|
return value.length ? this.findOrgById(value)?.rawLabel || '' : '';
|
||||||
const node = this.findOrgById(value);
|
|
||||||
if (node) return node.rawLabel || '';
|
|
||||||
// 原组织兜底节点不在扁平表里,直接取它代表的历史名称
|
|
||||||
return String(value[value.length - 1]) === FORM_LEGACY_ORG_ID
|
|
||||||
? String(this.formOrganizationLegacyName || '').trim()
|
|
||||||
: '';
|
|
||||||
},
|
},
|
||||||
// 搜索提交前把级联路径数组就地转成组织名称(后端按名称过滤)
|
// 搜索提交前把级联路径数组就地转成组织名称(后端按名称过滤)
|
||||||
normalizeOrganizationSearch(params, prop = 'organizationName') {
|
normalizeOrganizationSearch(params, prop = 'organizationName') {
|
||||||
|
|||||||
@@ -253,18 +253,16 @@ export const option = createCrudOption([
|
|||||||
label: '客商',
|
label: '客商',
|
||||||
prop: 'partyName',
|
prop: 'partyName',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 14,
|
searchOrder: 11,
|
||||||
searchPlaceholder: '请输入甲/乙方名称',
|
searchPlaceholder: '请输入',
|
||||||
hide: true,
|
hide: true,
|
||||||
display: false,
|
display: false,
|
||||||
addDisplay: false,
|
|
||||||
editDisplay: false,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '合同编号',
|
label: '合同编号',
|
||||||
prop: 'contractNo',
|
prop: 'contractNo',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 8,
|
searchOrder: 6,
|
||||||
searchPlaceholder: '请输入',
|
searchPlaceholder: '请输入',
|
||||||
order: 185,
|
order: 185,
|
||||||
maxlength: 100,
|
maxlength: 100,
|
||||||
@@ -289,7 +287,7 @@ export const option = createCrudOption([
|
|||||||
label: '所属项目',
|
label: '所属项目',
|
||||||
prop: 'projectName',
|
prop: 'projectName',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 11,
|
searchOrder: 8,
|
||||||
searchType: 'select',
|
searchType: 'select',
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
formslot: true,
|
formslot: true,
|
||||||
@@ -336,7 +334,7 @@ export const option = createCrudOption([
|
|||||||
prop: 'contractCategory',
|
prop: 'contractCategory',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 12,
|
searchOrder: 9,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
order: 170,
|
order: 170,
|
||||||
dicData: contractCategoryOptions,
|
dicData: contractCategoryOptions,
|
||||||
@@ -348,7 +346,7 @@ export const option = createCrudOption([
|
|||||||
prop: 'signType',
|
prop: 'signType',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 13,
|
searchOrder: 10,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
span: 8,
|
span: 8,
|
||||||
order: 190,
|
order: 190,
|
||||||
@@ -361,7 +359,7 @@ export const option = createCrudOption([
|
|||||||
prop: 'effectiveType',
|
prop: 'effectiveType',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 6,
|
searchOrder: 5,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
dicData: effectiveTypeOptions,
|
dicData: effectiveTypeOptions,
|
||||||
hide: true,
|
hide: true,
|
||||||
@@ -632,7 +630,7 @@ export const option = createCrudOption([
|
|||||||
prop: 'hcsSyncStatus',
|
prop: 'hcsSyncStatus',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchOrder: 7,
|
searchOrder: 6,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
slot: true,
|
slot: true,
|
||||||
dicData: hcsSyncStatusOptions,
|
dicData: hcsSyncStatusOptions,
|
||||||
@@ -662,7 +660,7 @@ export const option = createCrudOption([
|
|||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
searchOrder: 9,
|
searchOrder: 7,
|
||||||
dicData: yesNoOptions,
|
dicData: yesNoOptions,
|
||||||
hide: true,
|
hide: true,
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
@@ -674,7 +672,7 @@ export const option = createCrudOption([
|
|||||||
type: 'select',
|
type: 'select',
|
||||||
search: true,
|
search: true,
|
||||||
searchPlaceholder: '请选择',
|
searchPlaceholder: '请选择',
|
||||||
searchOrder: 10,
|
searchOrder: 8,
|
||||||
dicData: yesNoOptions,
|
dicData: yesNoOptions,
|
||||||
hide: true,
|
hide: true,
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
|
|||||||
@@ -124,8 +124,7 @@ const formatGoodsInfo = row => {
|
|||||||
const text = Object.entries(groups)
|
const text = Object.entries(groups)
|
||||||
.map(([unit, group]) => {
|
.map(([unit, group]) => {
|
||||||
const quantity = formatGoodsQuantity(group.quantity);
|
const quantity = formatGoodsQuantity(group.quantity);
|
||||||
const typeName = group.count > 1 ? `${group.typeName}等${group.count}种货物` : group.typeName;
|
return `${group.typeName}等${group.count}种货物 | ${quantity}${unit ? ` ${unit}` : ''}`;
|
||||||
return `${typeName} | ${quantity}${unit ? ` ${unit}` : ''}`;
|
|
||||||
})
|
})
|
||||||
.join('; ');
|
.join('; ');
|
||||||
|
|
||||||
@@ -208,9 +207,6 @@ export const config = {
|
|||||||
transportPlanImportTitle: '导入运输计划',
|
transportPlanImportTitle: '导入运输计划',
|
||||||
transportPlanTemplateUrl: '/blade-transport/transport-plan/export-template',
|
transportPlanTemplateUrl: '/blade-transport/transport-plan/export-template',
|
||||||
attachmentTitle: '附件',
|
attachmentTitle: '附件',
|
||||||
defaultForm: {
|
|
||||||
transportType: 'road',
|
|
||||||
},
|
|
||||||
searchRangeMap: {
|
searchRangeMap: {
|
||||||
planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
|
planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
|
||||||
createTimeRange: ['createTimeStart', 'createTimeEnd', '00:00:00', '23:59:59'],
|
createTimeRange: ['createTimeStart', 'createTimeEnd', '00:00:00', '23:59:59'],
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ export const invoiceApplicationTableColumns = [
|
|||||||
{ prop: 'issuerName', label: '开票方', minWidth: 150 },
|
{ prop: 'issuerName', label: '开票方', minWidth: 150 },
|
||||||
{ prop: 'receiverName', label: '受票方', minWidth: 150 },
|
{ prop: 'receiverName', label: '受票方', minWidth: 150 },
|
||||||
{ prop: 'invoiceAmount', label: '开票金额', minWidth: 130, money: true },
|
{ prop: 'invoiceAmount', label: '开票金额', minWidth: 130, money: true },
|
||||||
|
{ prop: 'estimatedCost', label: '暂估成本', minWidth: 130, money: true },
|
||||||
{ prop: 'createUserName', label: '创建人', minWidth: 110 },
|
{ prop: 'createUserName', label: '创建人', minWidth: 110 },
|
||||||
{ prop: 'createTime', label: '创建时间', minWidth: 170 },
|
{ prop: 'createTime', label: '创建时间', minWidth: 170 },
|
||||||
{ prop: 'approvalStatusName', label: '状态', minWidth: 110, status: true },
|
{ prop: 'approvalStatusName', label: '状态', minWidth: 110, status: true },
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export const invoiceReceiptTableColumns = [
|
|||||||
{ prop: 'createUserName', label: '创建人', minWidth: 110 },
|
{ prop: 'createUserName', label: '创建人', minWidth: 110 },
|
||||||
{ prop: 'createTime', label: '创建时间', minWidth: 170 },
|
{ prop: 'createTime', label: '创建时间', minWidth: 170 },
|
||||||
{ prop: 'kingdeeReceivedInvoiceNo', label: '金蝶单据号', minWidth: 150 },
|
{ prop: 'kingdeeReceivedInvoiceNo', label: '金蝶单据号', minWidth: 150 },
|
||||||
{ prop: 'kingdeePushStatusName', label: '金蝶状态', minWidth: 130 },
|
{ prop: 'kingdeePushStatusName', label: '金蝶状态', minWidth: 130, kingdeeStatus: true },
|
||||||
{ prop: 'kingdeePushMsg', label: '失败原因', minWidth: 160 },
|
{ prop: 'kingdeePushMsg', label: '失败原因', minWidth: 160 },
|
||||||
{ prop: 'attachmentSyncStatusName', label: '附件同步', minWidth: 100 },
|
{ prop: 'attachmentSyncStatusName', label: '附件同步', minWidth: 100 },
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -77,6 +77,19 @@ export default [
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
// 发票冲销明细独立页(不挂菜单,供开票申请/收票登记/付款申请页面跳转引用)
|
||||||
|
path: '/payment/invoice-write-off',
|
||||||
|
component: Layout,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: '',
|
||||||
|
name: '发票冲销明细',
|
||||||
|
meta: { keepAlive: false, activeMenu: '/payment/invoice-application' },
|
||||||
|
component: loadView(() => import('@/views/payment/invoice-write-off.vue')),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/payment/payment-application/form',
|
path: '/payment/payment-application/form',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
|
|||||||
@@ -1,39 +0,0 @@
|
|||||||
/**
|
|
||||||
* 业务部门下拉规范化。
|
|
||||||
* rawLabel 保留原始部门名供落库;展示名优先追加所属公司,缺省时用上级组织。
|
|
||||||
*
|
|
||||||
* @param {Array} list 业务部门原始列表
|
|
||||||
* @param {{ alwaysShowCompany?: boolean }} [options]
|
|
||||||
* alwaysShowCompany=true 时始终展示「部门(公司)」;默认仅同名时追加
|
|
||||||
*/
|
|
||||||
export function normalizeBusinessDeptOptions(list, options = {}) {
|
|
||||||
const alwaysShowCompany = !!options.alwaysShowCompany;
|
|
||||||
const source = Array.isArray(list) ? list : [];
|
|
||||||
const nameCount = {};
|
|
||||||
source.forEach(item => {
|
|
||||||
const name = String(item?.deptName || item?.fullName || '').trim();
|
|
||||||
if (!name) return;
|
|
||||||
nameCount[name] = (nameCount[name] || 0) + 1;
|
|
||||||
});
|
|
||||||
return source
|
|
||||||
.map(item => {
|
|
||||||
const id = item?.id == null || item?.id === '' ? '' : String(item.id);
|
|
||||||
if (!id) return null;
|
|
||||||
const rawLabel = item.deptName || item.fullName || id;
|
|
||||||
const companyName = String(item.belongCompanyName || item.parentName || '').trim();
|
|
||||||
const label =
|
|
||||||
companyName && (alwaysShowCompany || nameCount[rawLabel] > 1)
|
|
||||||
? `${rawLabel}(${companyName})`
|
|
||||||
: rawLabel;
|
|
||||||
return {
|
|
||||||
id,
|
|
||||||
value: id,
|
|
||||||
label,
|
|
||||||
rawLabel,
|
|
||||||
parentName: String(item.parentName || '').trim(),
|
|
||||||
belongCompanyName: String(item.belongCompanyName || '').trim(),
|
|
||||||
kingdeeDeptCode: item.kingdeeDeptCode || '',
|
|
||||||
};
|
|
||||||
})
|
|
||||||
.filter(Boolean);
|
|
||||||
}
|
|
||||||
@@ -21,16 +21,17 @@ export const isKingdeePathAttachment = attachment => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 请求金蝶文件流:成功返回 Blob;业务失败为 HTTP 200 + R.fail JSON(响应通道未写流时后端即失败),
|
* 请求金蝶文件流(公共核):成功返回 Blob;业务失败为 HTTP 200 + R.fail JSON
|
||||||
* 按 Content-Type 识别并抛出带 msg 的错误;网络级失败拦截器已提示,标记 silent 避免重复提示。
|
* (响应通道未写流时后端即失败),按 Content-Type 识别并抛出带 msg 的错误;
|
||||||
|
* 网络级失败拦截器已提示,标记 silent 避免重复提示。
|
||||||
* 供查看(弹窗内预览)/下载两类入口复用
|
* 供查看(弹窗内预览)/下载两类入口复用
|
||||||
* @param {String} invoiceNo 发票号码
|
* @param {Function} fetcher 文件流请求函数(返回 axios blob 响应)
|
||||||
* @returns {Promise<Blob>}
|
* @returns {Promise<Blob>}
|
||||||
*/
|
*/
|
||||||
export const requestKingdeeFile = async invoiceNo => {
|
const fetchKingdeeBlob = async fetcher => {
|
||||||
let res;
|
let res;
|
||||||
try {
|
try {
|
||||||
res = await downloadInvoicePoolAttachment(invoiceNo);
|
res = await fetcher();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
throw Object.assign(new Error(error?.message || '附件下载失败'), { silent: true });
|
throw Object.assign(new Error(error?.message || '附件下载失败'), { silent: true });
|
||||||
}
|
}
|
||||||
@@ -51,6 +52,45 @@ export const requestKingdeeFile = async invoiceNo => {
|
|||||||
return blob;
|
return blob;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求金蝶文件流:票池发票按发票号回源(后端代理 A801-2)
|
||||||
|
* @param {String} invoiceNo 发票号码
|
||||||
|
* @returns {Promise<Blob>}
|
||||||
|
*/
|
||||||
|
export const requestKingdeeFile = invoiceNo => fetchKingdeeBlob(() => downloadInvoicePoolAttachment(invoiceNo));
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 下载金蝶侧附件(经 A801-2 后端代理,公共入口),失败统一 ElMessage 提示
|
||||||
|
* @param {Function} fetcher 文件流请求函数
|
||||||
|
* @param {String} fileName 下载文件名
|
||||||
|
*/
|
||||||
|
export const downloadKingdeeFile = async (fetcher, fileName) => {
|
||||||
|
try {
|
||||||
|
const blob = await fetchKingdeeBlob(fetcher);
|
||||||
|
downloadFile(blob, fileName);
|
||||||
|
} catch (error) {
|
||||||
|
if (!error?.silent) ElMessage.error(error?.message || '金蝶附件下载失败');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 新窗口预览金蝶侧附件(经 A801-2 后端代理,公共入口):拉取 Blob 转 objectURL
|
||||||
|
* (PDF 可预览;OFD 等浏览器不可预览的格式由浏览器触发下载)
|
||||||
|
* @param {Function} fetcher 文件流请求函数
|
||||||
|
* @param {String} fileName 预览文件名
|
||||||
|
*/
|
||||||
|
export const viewKingdeeFile = async (fetcher, fileName) => {
|
||||||
|
try {
|
||||||
|
const blob = await fetchKingdeeBlob(fetcher);
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
window.open(url, '_blank');
|
||||||
|
// 延迟释放 objectURL:立即回收可能导致新窗口尚未加载完成即失效
|
||||||
|
setTimeout(() => URL.revokeObjectURL(url), 60000);
|
||||||
|
} catch (error) {
|
||||||
|
if (!error?.silent) ElMessage.error(error?.message || '金蝶附件预览失败');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 下载金蝶侧发票附件(经 A801-2 后端代理),失败统一 ElMessage 提示
|
* 下载金蝶侧发票附件(经 A801-2 后端代理),失败统一 ElMessage 提示
|
||||||
* @param {String} invoiceNo 发票号码
|
* @param {String} invoiceNo 发票号码
|
||||||
@@ -61,12 +101,7 @@ export const downloadKingdeeInvoiceFile = async (invoiceNo, fileName) => {
|
|||||||
ElMessage.warning('当前发票缺少发票号码,无法下载金蝶侧附件');
|
ElMessage.warning('当前发票缺少发票号码,无法下载金蝶侧附件');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
try {
|
await downloadKingdeeFile(() => downloadInvoicePoolAttachment(invoiceNo), fileName || `${invoiceNo}.pdf`);
|
||||||
const blob = await requestKingdeeFile(invoiceNo);
|
|
||||||
downloadFile(blob, fileName || `${invoiceNo}.pdf`);
|
|
||||||
} catch (error) {
|
|
||||||
if (!error?.silent) ElMessage.error(error?.message || '金蝶附件下载失败');
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -79,13 +114,5 @@ export const viewKingdeeInvoiceFile = async (invoiceNo, fileName) => {
|
|||||||
ElMessage.warning('当前发票缺少发票号码,无法预览金蝶侧附件');
|
ElMessage.warning('当前发票缺少发票号码,无法预览金蝶侧附件');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
try {
|
await viewKingdeeFile(() => downloadInvoicePoolAttachment(invoiceNo), fileName || `${invoiceNo}.pdf`);
|
||||||
const blob = await requestKingdeeFile(invoiceNo);
|
|
||||||
const url = URL.createObjectURL(blob);
|
|
||||||
window.open(url, '_blank');
|
|
||||||
// 延迟释放 objectURL:立即回收可能导致新窗口尚未加载完成即失效
|
|
||||||
setTimeout(() => URL.revokeObjectURL(url), 60000);
|
|
||||||
} catch (error) {
|
|
||||||
if (!error?.silent) ElMessage.error(error?.message || '金蝶附件预览失败');
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -14,6 +14,17 @@ export const KINGDEE_STATUS_TAG_TYPES = {
|
|||||||
/** 金蝶单据状态 → el-tag 颜色类型,未映射状态返回 info */
|
/** 金蝶单据状态 → el-tag 颜色类型,未映射状态返回 info */
|
||||||
export const kingdeeStatusType = status => KINGDEE_STATUS_TAG_TYPES[status] || 'info';
|
export const kingdeeStatusType = status => KINGDEE_STATUS_TAG_TYPES[status] || 'info';
|
||||||
|
|
||||||
|
/** 收票登记推送状态 → el-tag 颜色类型(已指定应付=绿、已保存收票单=黄、推送失败=红、未推送=灰) */
|
||||||
|
export const KINGDEE_PUSH_STATUS_TAG_TYPES = {
|
||||||
|
unsynced: 'info',
|
||||||
|
pushed: 'warning',
|
||||||
|
assigned: 'success',
|
||||||
|
failed: 'danger',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 收票登记推送状态 → el-tag 颜色类型,未映射状态返回 info */
|
||||||
|
export const kingdeePushStatusType = status => KINGDEE_PUSH_STATUS_TAG_TYPES[status] || 'info';
|
||||||
|
|
||||||
/** 金蝶冲销状态 → el-tag 颜色类型(已冲销=绿、未冲销=黄) */
|
/** 金蝶冲销状态 → el-tag 颜色类型(已冲销=绿、未冲销=黄) */
|
||||||
export const KINGDEE_WRITEOFF_TAG_TYPES = {
|
export const KINGDEE_WRITEOFF_TAG_TYPES = {
|
||||||
writtenoff: 'success',
|
writtenoff: 'success',
|
||||||
|
|||||||
@@ -6,7 +6,6 @@
|
|||||||
:data="data"
|
:data="data"
|
||||||
ref="crud"
|
ref="crud"
|
||||||
v-model="form"
|
v-model="form"
|
||||||
v-model:page="page"
|
|
||||||
:permission="permissionList"
|
:permission="permissionList"
|
||||||
:before-open="beforeOpen"
|
:before-open="beforeOpen"
|
||||||
@row-del="rowDel"
|
@row-del="rowDel"
|
||||||
@@ -730,9 +729,7 @@ export default {
|
|||||||
onLoad(page, params = {}) {
|
onLoad(page, params = {}) {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
|
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
|
||||||
const data = res.data.data || {};
|
this.data = res.data.data;
|
||||||
this.data = data.records || [];
|
|
||||||
this.page.total = data.total || 0;
|
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.selectionClear();
|
this.selectionClear();
|
||||||
});
|
});
|
||||||
|
|||||||
+295
-82
@@ -8,9 +8,6 @@
|
|||||||
:data="data"
|
:data="data"
|
||||||
:table-loading="loading"
|
:table-loading="loading"
|
||||||
:permission="permissionList"
|
:permission="permissionList"
|
||||||
:before-open="beforeOpen"
|
|
||||||
@row-save="rowSave"
|
|
||||||
@row-update="rowUpdate"
|
|
||||||
@row-del="rowDel"
|
@row-del="rowDel"
|
||||||
@search-change="searchChange"
|
@search-change="searchChange"
|
||||||
@search-reset="searchReset"
|
@search-reset="searchReset"
|
||||||
@@ -20,11 +17,21 @@
|
|||||||
@refresh-change="refreshChange"
|
@refresh-change="refreshChange"
|
||||||
@on-load="onLoad"
|
@on-load="onLoad"
|
||||||
>
|
>
|
||||||
|
<template #menu-left>
|
||||||
|
<el-button
|
||||||
|
v-if="permission.invoice_item_add"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-plus"
|
||||||
|
@click="openDialog()"
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
<template #menu="scope">
|
<template #menu="scope">
|
||||||
<el-link
|
<el-link
|
||||||
v-if="permission.invoice_item_edit"
|
v-if="permission.invoice_item_edit"
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="$refs.crud.rowEdit(scope.row, scope.index)"
|
@click="openDialog(scope.row)"
|
||||||
>
|
>
|
||||||
修改
|
修改
|
||||||
</el-link>
|
</el-link>
|
||||||
@@ -37,9 +44,36 @@
|
|||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
<template #defaultTaxRate="scope">{{ scope.row.defaultTaxRate }}%</template>
|
<template #defaultTaxRate="scope">{{ scope.row.defaultTaxRate }}%</template>
|
||||||
<template #defaultTaxRate-form>
|
</avue-crud>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
v-model="dialog.visible"
|
||||||
|
:title="dialog.title"
|
||||||
|
width="900px"
|
||||||
|
append-to-body
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
>
|
||||||
|
<el-form ref="dialogForm" :model="dialog.form" label-width="130px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="货物或服务简称" required prop="shortName">
|
||||||
|
<el-input v-model="dialog.form.shortName" maxlength="100" clearable placeholder="请输入货物或服务简称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="税收分类编码" required prop="taxClassificationCode">
|
||||||
|
<el-input v-model="dialog.form.taxClassificationCode" maxlength="30" clearable placeholder="请输入税收分类编码" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="商品和服务分类名称" required prop="categoryName">
|
||||||
|
<el-input v-model="dialog.form.categoryName" maxlength="200" clearable placeholder="请输入商品和服务分类名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="默认税率" required prop="defaultTaxRate">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.defaultTaxRate"
|
v-model="dialog.form.defaultTaxRate"
|
||||||
inputmode="decimal"
|
inputmode="decimal"
|
||||||
maxlength="6"
|
maxlength="6"
|
||||||
clearable
|
clearable
|
||||||
@@ -48,13 +82,87 @@
|
|||||||
>
|
>
|
||||||
<template #append>%</template>
|
<template #append>%</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-form-item label="关联费用项目">
|
||||||
|
<div class="fee-item-box">
|
||||||
|
<span class="fee-item-tip">可拖动排序,发票冲抵费用项目时,按设置的顺序冲抵费用</span>
|
||||||
|
<el-button type="primary" size="small" @click="addFeeItem">添加</el-button>
|
||||||
|
<table class="fee-item-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th width="36"></th>
|
||||||
|
<th width="60">序号</th>
|
||||||
|
<th>费用类型</th>
|
||||||
|
<th>费用项目</th>
|
||||||
|
<th width="60">操作</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr
|
||||||
|
v-for="(item, index) in dialog.form.feeItems"
|
||||||
|
:key="index"
|
||||||
|
draggable="true"
|
||||||
|
@dragstart="onFeeDragStart(index, $event)"
|
||||||
|
@dragover.prevent
|
||||||
|
@drop="onFeeDrop(index, $event)"
|
||||||
|
@dragend="onFeeDragEnd"
|
||||||
|
>
|
||||||
|
<td class="fee-item-drag" :class="{ 'is-dragging': feeDragIndex === index }">≡</td>
|
||||||
|
<td>{{ index + 1 }}</td>
|
||||||
|
<td>
|
||||||
|
<el-select v-model="item.feeCategory" placeholder="请选择" clearable filterable @change="() => onFeeCategoryChange(item)">
|
||||||
|
<el-option
|
||||||
|
v-for="category in feeCategoryOptions"
|
||||||
|
:key="category.value"
|
||||||
|
:label="category.label"
|
||||||
|
:value="category.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<el-select
|
||||||
|
v-model="item.feeItemId"
|
||||||
|
placeholder="请先选择费用类型"
|
||||||
|
:disabled="!item.feeCategory"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
@change="onFeeItemChange(item)"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="fee in feeItemsOfCategory(item.feeCategory)"
|
||||||
|
:key="fee.id"
|
||||||
|
:label="fee.name"
|
||||||
|
:value="fee.id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<el-link type="danger" @click="removeFeeItem(index)">删除</el-link>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr v-if="!dialog.form.feeItems.length">
|
||||||
|
<td colspan="5" class="fee-item-empty">暂无数据</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="dialog.visible = false">取消</el-button>
|
||||||
|
<el-button type="primary" :loading="dialog.saving" @click="saveDialog">保存</el-button>
|
||||||
</template>
|
</template>
|
||||||
</avue-crud>
|
</el-dialog>
|
||||||
</basic-container>
|
</basic-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getList, getDetail, submit, remove } from '@/api/base/invoice-item';
|
import { getList, getDetail, submit, remove } from '@/api/base/invoice-item';
|
||||||
|
import { getList as getFeeItemList } from '@/api/base/fee-item';
|
||||||
|
import { getDictionaryAll } from '@/api/system/dictbiz';
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -65,6 +173,16 @@ export default {
|
|||||||
loading: true,
|
loading: true,
|
||||||
query: {},
|
query: {},
|
||||||
selectionList: [],
|
selectionList: [],
|
||||||
|
feeItemOptions: [],
|
||||||
|
// 费用类型字典选项(fee_category 字典:dictKey-编码A01,dictValue-名称运输)
|
||||||
|
feeCategoryDictOptions: [],
|
||||||
|
feeDragIndex: null,
|
||||||
|
dialog: {
|
||||||
|
visible: false,
|
||||||
|
title: '新增',
|
||||||
|
saving: false,
|
||||||
|
form: this.emptyForm(),
|
||||||
|
},
|
||||||
page: {
|
page: {
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
pageSizes: [10, 30, 50, 100, 200],
|
pageSizes: [10, 30, 50, 100, 200],
|
||||||
@@ -81,13 +199,11 @@ export default {
|
|||||||
indexLabel: '序号',
|
indexLabel: '序号',
|
||||||
indexWidth: 70,
|
indexWidth: 70,
|
||||||
selection: false,
|
selection: false,
|
||||||
addBtn: true,
|
addBtn: false,
|
||||||
editBtn: false,
|
editBtn: false,
|
||||||
delBtn: false,
|
delBtn: false,
|
||||||
viewBtn: false,
|
viewBtn: false,
|
||||||
menuWidth: 140,
|
menuWidth: 140,
|
||||||
dialogWidth: 900,
|
|
||||||
dialogClickModal: false,
|
|
||||||
labelPosition: 'right',
|
labelPosition: 'right',
|
||||||
labelWidth: 'auto',
|
labelWidth: 'auto',
|
||||||
searchShow: true,
|
searchShow: true,
|
||||||
@@ -100,49 +216,22 @@ export default {
|
|||||||
label: '货物或服务简称',
|
label: '货物或服务简称',
|
||||||
prop: 'shortName',
|
prop: 'shortName',
|
||||||
minWidth: 160,
|
minWidth: 160,
|
||||||
span: 12,
|
|
||||||
maxlength: 100,
|
|
||||||
rules: [{ required: true, message: '请输入货物或服务简称', trigger: 'blur' }],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '税收分类编码',
|
label: '税收分类编码',
|
||||||
prop: 'taxClassificationCode',
|
prop: 'taxClassificationCode',
|
||||||
minWidth: 190,
|
minWidth: 190,
|
||||||
span: 12,
|
|
||||||
maxlength: 30,
|
|
||||||
rules: [{ required: true, message: '请输入税收分类编码', trigger: 'blur' }],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '商品和服务分类名称',
|
label: '商品和服务分类名称',
|
||||||
prop: 'categoryName',
|
prop: 'categoryName',
|
||||||
minWidth: 220,
|
minWidth: 220,
|
||||||
span: 12,
|
|
||||||
maxlength: 200,
|
|
||||||
rules: [{ required: true, message: '请输入商品和服务分类名称', trigger: 'blur' }],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '默认税率',
|
label: '默认税率',
|
||||||
prop: 'defaultTaxRate',
|
prop: 'defaultTaxRate',
|
||||||
type: 'input',
|
|
||||||
formslot: true,
|
|
||||||
slot: true,
|
|
||||||
minWidth: 120,
|
minWidth: 120,
|
||||||
span: 12,
|
slot: true,
|
||||||
rules: [
|
|
||||||
{ required: true, message: '请输入默认税率', trigger: 'blur' },
|
|
||||||
{
|
|
||||||
validator: (rule, value, callback) => {
|
|
||||||
const text = String(value ?? '');
|
|
||||||
const rate = Number(text);
|
|
||||||
if (!/^\d+(\.\d+)?$/.test(text) || rate < 0 || rate > 100) {
|
|
||||||
callback(new Error('默认税率必须是0到100之间的数字'));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
callback();
|
|
||||||
},
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '税收项目',
|
label: '税收项目',
|
||||||
@@ -193,27 +282,131 @@ export default {
|
|||||||
delBtn: false,
|
delBtn: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
// 费用类型下拉选项:优先字典(显示"名称/编码"),无字典数据时兜底费用项目库提取
|
||||||
|
feeCategoryOptions() {
|
||||||
|
if (this.feeCategoryDictOptions.length) return this.feeCategoryDictOptions;
|
||||||
|
return [...new Set(this.feeItemOptions.map(fee => fee.feeCategory).filter(Boolean))]
|
||||||
|
.map(category => ({ label: category, value: category }));
|
||||||
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
rowSave(row, done, loading) {
|
emptyForm() {
|
||||||
submit(this.normalizeTaxRateRow(row)).then(
|
return {
|
||||||
() => {
|
id: null,
|
||||||
this.onLoad(this.page);
|
shortName: '',
|
||||||
|
taxClassificationCode: '',
|
||||||
|
categoryName: '',
|
||||||
|
defaultTaxRate: 0,
|
||||||
|
feeItems: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
openDialog(row) {
|
||||||
|
this.dialog.form = this.emptyForm();
|
||||||
|
this.dialog.title = row ? '编辑' : '新增';
|
||||||
|
this.dialog.visible = true;
|
||||||
|
this.loadFeeItemOptions();
|
||||||
|
this.initFeeCategoryOptions();
|
||||||
|
if (row) {
|
||||||
|
// 编辑回填:后端 detail 返回关联费用项目(按排序号升序)
|
||||||
|
getDetail(row.id).then(res => {
|
||||||
|
const detail = res.data.data || {};
|
||||||
|
this.dialog.form = {
|
||||||
|
...this.emptyForm(),
|
||||||
|
...detail,
|
||||||
|
defaultTaxRate: detail.defaultTaxRate ?? 0,
|
||||||
|
feeItems: (detail.feeItems || []).map(item => ({
|
||||||
|
feeItemId: item.feeItemId,
|
||||||
|
feeItemName: item.feeItemName,
|
||||||
|
feeCategory: item.feeCategory,
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadFeeItemOptions() {
|
||||||
|
if (this.feeItemOptions.length) return;
|
||||||
|
getFeeItemList(1, 1000, { status: 1 }).then(res => {
|
||||||
|
this.feeItemOptions = (res.data.data?.records) || [];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 费用类型字典:code=fee_category(dictKey-编码如A01,dictValue-名称如运输),label 显示"名称/编码"与费用项目页一致
|
||||||
|
initFeeCategoryOptions() {
|
||||||
|
if (this.feeCategoryDictOptions.length) return;
|
||||||
|
getDictionaryAll().then(res => {
|
||||||
|
this.feeCategoryDictOptions = (res.data.data || [])
|
||||||
|
.filter(item => item.code === 'fee_category' && Number(item.parentId) > 0)
|
||||||
|
.sort((first, second) => Number(first.sort || 0) - Number(second.sort || 0))
|
||||||
|
.map(item => ({
|
||||||
|
label: `${item.dictValue}/${item.dictKey}`,
|
||||||
|
value: String(item.dictKey),
|
||||||
|
}));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 级联:该费用类型下的费用项目选项
|
||||||
|
feeItemsOfCategory(feeCategory) {
|
||||||
|
if (!feeCategory) return [];
|
||||||
|
return this.feeItemOptions.filter(fee => fee.feeCategory === feeCategory);
|
||||||
|
},
|
||||||
|
// 先选费用类型:清空原费用项目(原项目可能不属于新类型)
|
||||||
|
onFeeCategoryChange(item) {
|
||||||
|
item.feeItemId = null;
|
||||||
|
item.feeItemName = '';
|
||||||
|
},
|
||||||
|
// 后选费用项目:带出名称(费用类型已由上级确定)
|
||||||
|
onFeeItemChange(item) {
|
||||||
|
const fee = this.feeItemsOfCategory(item.feeCategory).find(option => option.id === item.feeItemId);
|
||||||
|
item.feeItemName = fee ? fee.name : '';
|
||||||
|
},
|
||||||
|
addFeeItem() {
|
||||||
|
this.dialog.form.feeItems.push({ feeItemId: null, feeItemName: '', feeCategory: '' });
|
||||||
|
},
|
||||||
|
removeFeeItem(index) {
|
||||||
|
this.dialog.form.feeItems.splice(index, 1);
|
||||||
|
},
|
||||||
|
onFeeDragStart(index, event) {
|
||||||
|
this.feeDragIndex = index;
|
||||||
|
event.dataTransfer.effectAllowed = 'move';
|
||||||
|
},
|
||||||
|
onFeeDrop(index) {
|
||||||
|
const from = this.feeDragIndex;
|
||||||
|
if (from === null || from === index) return;
|
||||||
|
const items = this.dialog.form.feeItems;
|
||||||
|
items.splice(index, 0, items.splice(from, 1)[0]);
|
||||||
|
this.feeDragIndex = null;
|
||||||
|
},
|
||||||
|
onFeeDragEnd() {
|
||||||
|
this.feeDragIndex = null;
|
||||||
|
},
|
||||||
|
saveDialog() {
|
||||||
|
const formItem = this.dialog.form;
|
||||||
|
if (!formItem.shortName) return this.$message.warning('请输入货物或服务简称');
|
||||||
|
if (!formItem.taxClassificationCode) return this.$message.warning('请输入税收分类编码');
|
||||||
|
if (!formItem.categoryName) return this.$message.warning('请输入商品和服务分类名称');
|
||||||
|
const rate = Number(formItem.defaultTaxRate);
|
||||||
|
if (!/^\d+(\.\d+)?$/.test(String(formItem.defaultTaxRate ?? '')) || rate < 0 || rate > 100) {
|
||||||
|
return this.$message.warning('默认税率必须是0到100之间的数字');
|
||||||
|
}
|
||||||
|
if (formItem.feeItems.some(item => !item.feeItemId)) {
|
||||||
|
return this.$message.warning('请选择关联费用项目');
|
||||||
|
}
|
||||||
|
this.dialog.saving = true;
|
||||||
|
submit({
|
||||||
|
...formItem,
|
||||||
|
defaultTaxRate: rate,
|
||||||
|
feeItems: formItem.feeItems.map(item => ({
|
||||||
|
feeItemId: item.feeItemId,
|
||||||
|
feeItemName: item.feeItemName,
|
||||||
|
feeCategory: item.feeCategory,
|
||||||
|
})),
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
this.$message.success('操作成功');
|
this.$message.success('操作成功');
|
||||||
done();
|
this.dialog.visible = false;
|
||||||
},
|
|
||||||
() => loading()
|
|
||||||
);
|
|
||||||
},
|
|
||||||
rowUpdate(row, index, done, loading) {
|
|
||||||
submit(this.normalizeTaxRateRow(row)).then(
|
|
||||||
() => {
|
|
||||||
this.onLoad(this.page);
|
this.onLoad(this.page);
|
||||||
this.$message.success('操作成功');
|
})
|
||||||
done();
|
.finally(() => {
|
||||||
},
|
this.dialog.saving = false;
|
||||||
() => loading()
|
});
|
||||||
);
|
|
||||||
},
|
},
|
||||||
rowDel(row) {
|
rowDel(row) {
|
||||||
this.$confirm('确定将选择数据删除?', '提示', { type: 'warning' })
|
this.$confirm('确定将选择数据删除?', '提示', { type: 'warning' })
|
||||||
@@ -223,27 +416,11 @@ export default {
|
|||||||
this.$message.success('操作成功');
|
this.$message.success('操作成功');
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
beforeOpen(done, type) {
|
|
||||||
if (['edit', 'view'].includes(type)) {
|
|
||||||
getDetail(this.form.id).then(res => {
|
|
||||||
this.form = res.data.data || {};
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.form = { defaultTaxRate: 0 };
|
|
||||||
done();
|
|
||||||
},
|
|
||||||
handleTaxRateInput(value) {
|
handleTaxRateInput(value) {
|
||||||
let normalized = String(value || '').replace(/[^\d.]/g, '');
|
let normalized = String(value || '').replace(/[^\d.]/g, '');
|
||||||
normalized = normalized.replace(/(\..*)\./g, '$1');
|
normalized = normalized.replace(/(\..*)\./g, '$1');
|
||||||
if (normalized.startsWith('.')) normalized = `0${normalized}`;
|
if (normalized.startsWith('.')) normalized = `0${normalized}`;
|
||||||
this.form.defaultTaxRate = normalized;
|
this.dialog.form.defaultTaxRate = normalized;
|
||||||
},
|
|
||||||
normalizeTaxRateRow(row) {
|
|
||||||
const values = { ...row };
|
|
||||||
values.defaultTaxRate = Number(values.defaultTaxRate);
|
|
||||||
return values;
|
|
||||||
},
|
},
|
||||||
searchChange(params, done) {
|
searchChange(params, done) {
|
||||||
this.query = {
|
this.query = {
|
||||||
@@ -292,17 +469,53 @@ export default {
|
|||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-item-page :deep(.avue-crud__dialog .el-form-item) {
|
|
||||||
margin-bottom: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice-item-page :deep(.avue-crud__dialog .el-form-item__error) {
|
|
||||||
position: relative;
|
|
||||||
line-height: 20px;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.invoice-item-page :deep(.avue-crud__menu .el-link) {
|
.invoice-item-page :deep(.avue-crud__menu .el-link) {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fee-item-box {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-tip {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 12px;
|
||||||
|
color: #f56c6c;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-table {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 8px;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-table th,
|
||||||
|
.fee-item-table td {
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-table th {
|
||||||
|
background: #f8f8f9;
|
||||||
|
color: #515a6e;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-drag {
|
||||||
|
cursor: move;
|
||||||
|
color: #909399;
|
||||||
|
font-size: 16px;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-drag.is-dragging {
|
||||||
|
color: #409eff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fee-item-empty {
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1861,7 +1861,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="司机">
|
<el-form-item label="司机" required>
|
||||||
<el-autocomplete
|
<el-autocomplete
|
||||||
v-model="dispatchItemForm.driverName"
|
v-model="dispatchItemForm.driverName"
|
||||||
placeholder="请输入"
|
placeholder="请输入"
|
||||||
@@ -1878,6 +1878,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:label="dispatchItemForm.carrierType === '承运商' ? '手机号' : '司机手机号'"
|
:label="dispatchItemForm.carrierType === '承运商' ? '手机号' : '司机手机号'"
|
||||||
|
required
|
||||||
>
|
>
|
||||||
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -2103,7 +2104,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="dispatchIsRoadTransport" label="司机">
|
<el-form-item v-if="dispatchIsRoadTransport" label="司机" required>
|
||||||
<el-autocomplete
|
<el-autocomplete
|
||||||
v-model="dispatchItemForm.driverName"
|
v-model="dispatchItemForm.driverName"
|
||||||
placeholder="请输入"
|
placeholder="请输入"
|
||||||
@@ -2114,7 +2115,7 @@
|
|||||||
@select="item => handleTaskDriverSelect('dispatch', item)"
|
@select="item => handleTaskDriverSelect('dispatch', item)"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="dispatchIsRoadTransport" label="手机号">
|
<el-form-item v-if="dispatchIsRoadTransport" label="手机号" required>
|
||||||
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
@@ -3948,9 +3949,9 @@ export default {
|
|||||||
return Object.values(groups)
|
return Object.values(groups)
|
||||||
.map(group => {
|
.map(group => {
|
||||||
const quantity = this.formatDispatchQuantity(group.quantity);
|
const quantity = this.formatDispatchQuantity(group.quantity);
|
||||||
const typeName =
|
return `${group.typeName}等${group.count}种货物 | ${quantity}${
|
||||||
group.count > 1 ? `${group.typeName}等${group.count}种货物` : group.typeName;
|
group.unit ? ` ${group.unit}` : ''
|
||||||
return `${typeName} | ${quantity}${group.unit ? ` ${group.unit}` : ''}`;
|
}`;
|
||||||
})
|
})
|
||||||
.join('; ');
|
.join('; ');
|
||||||
},
|
},
|
||||||
@@ -7548,13 +7549,12 @@ export default {
|
|||||||
}, {});
|
}, {});
|
||||||
|
|
||||||
const cargoInfo = Object.values(groups)
|
const cargoInfo = Object.values(groups)
|
||||||
.map(group => {
|
.map(
|
||||||
const typeName =
|
group =>
|
||||||
group.count > 1 ? `${group.cargoType}等${group.count}种货物` : group.cargoType;
|
`${group.cargoType}等${group.count}种货物 | ${this.formatDispatchQuantity(
|
||||||
return `${typeName} | ${this.formatDispatchQuantity(group.quantity)}${
|
group.quantity
|
||||||
group.unit ? ` ${group.unit}` : ''
|
)}${group.unit ? ` ${group.unit}` : ''}`
|
||||||
}`;
|
)
|
||||||
})
|
|
||||||
.join('; ');
|
.join('; ');
|
||||||
return cargoInfo || plan.goodsInfo || '';
|
return cargoInfo || plan.goodsInfo || '';
|
||||||
},
|
},
|
||||||
@@ -8364,7 +8364,19 @@ export default {
|
|||||||
}
|
}
|
||||||
const fullEntry = row.taskEntryMode === 'full';
|
const fullEntry = row.taskEntryMode === 'full';
|
||||||
const roadTransport = this.resolveTransportMode(row.transportType) === 'road';
|
const roadTransport = this.resolveTransportMode(row.transportType) === 'road';
|
||||||
// 司机与手机号对全部承运类型(承运商 / 自运 / 平台)都是选填,填了才校验格式与长度
|
if (fullEntry) {
|
||||||
|
// 公路运输时司机/手机号一律必填(含承运类型为承运商)
|
||||||
|
if (roadTransport && row.carrierType) {
|
||||||
|
requiredFields.push(['driverName', '司机']);
|
||||||
|
requiredFields.push(['driverPhone', '手机号']);
|
||||||
|
}
|
||||||
|
} else if (row.carrierType) {
|
||||||
|
requiredFields.push(['driverName', '司机']);
|
||||||
|
requiredFields.push([
|
||||||
|
'driverPhone',
|
||||||
|
row.carrierType === '承运商' ? '手机号' : '司机手机号',
|
||||||
|
]);
|
||||||
|
}
|
||||||
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
||||||
if (emptyField) return requiredMessage(emptyField[1]);
|
if (emptyField) return requiredMessage(emptyField[1]);
|
||||||
|
|
||||||
|
|||||||
@@ -484,24 +484,20 @@
|
|||||||
</div>
|
</div>
|
||||||
<el-tabs v-model="previewTab"
|
<el-tabs v-model="previewTab"
|
||||||
><el-tab-pane :label="`运单数(${rows.length})`" name="all" /><el-tab-pane
|
><el-tab-pane :label="`运单数(${rows.length})`" name="all" /><el-tab-pane
|
||||||
:label="`Excel内重复(${duplicateRows.length})`"
|
:label="`疑似重复(${duplicateRows.length})`"
|
||||||
name="duplicate" /><el-tab-pane
|
name="duplicate" /></el-tabs
|
||||||
:label="`与已有运单重复(${historyDuplicateRows.length})`"
|
|
||||||
name="history" /></el-tabs
|
|
||||||
><el-table
|
><el-table
|
||||||
:data="previewRows"
|
:data="previewRows"
|
||||||
border
|
border
|
||||||
max-height="440"
|
max-height="440"
|
||||||
:row-class-name="
|
:row-class-name="({ row }) => (row._duplicate ? 'is-duplicate-row' : '')"
|
||||||
({ row }) => (row._duplicate || row._historyWaybillNo ? 'is-duplicate-row' : '')
|
|
||||||
"
|
|
||||||
@selection-change="rowSelection = $event"
|
@selection-change="rowSelection = $event"
|
||||||
><el-table-column type="selection" width="55" /><el-table-column
|
><el-table-column type="selection" width="55" /><el-table-column
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="65"
|
width="65"
|
||||||
/><el-table-column
|
/><el-table-column
|
||||||
v-for="column in previewColumns"
|
v-for="column in detailColumns"
|
||||||
:key="column.prop"
|
:key="column.prop"
|
||||||
:prop="column.prop"
|
:prop="column.prop"
|
||||||
:label="column.label"
|
:label="column.label"
|
||||||
@@ -587,6 +583,8 @@
|
|||||||
><el-link type="primary" @click="saveRow(row)">保存</el-link
|
><el-link type="primary" @click="saveRow(row)">保存</el-link
|
||||||
><el-link type="primary" @click="cancelRow(row)">取消</el-link></template
|
><el-link type="primary" @click="cancelRow(row)">取消</el-link></template
|
||||||
><template v-else
|
><template v-else
|
||||||
|
><el-link v-if="row._duplicate" type="primary" @click="confirmDuplicateRow(row)"
|
||||||
|
>确认</el-link
|
||||||
><el-link type="primary" @click="editRow(row)">编辑</el-link
|
><el-link type="primary" @click="editRow(row)">编辑</el-link
|
||||||
><el-link type="danger" @click="deleteRow(row)">删除</el-link></template
|
><el-link type="danger" @click="deleteRow(row)">删除</el-link></template
|
||||||
></div
|
></div
|
||||||
@@ -718,12 +716,9 @@ const transportTypeOptions = ref([]),
|
|||||||
const rowSelection = ref([]),
|
const rowSelection = ref([]),
|
||||||
previewTab = ref('all');
|
previewTab = ref('all');
|
||||||
const duplicateRows = computed(() => rows.value.filter(row => row._duplicate));
|
const duplicateRows = computed(() => rows.value.filter(row => row._duplicate));
|
||||||
const historyDuplicateRows = computed(() => rows.value.filter(row => row._historyWaybillNo));
|
const previewRows = computed(() =>
|
||||||
const previewRows = computed(() => {
|
previewTab.value === 'duplicate' ? duplicateRows.value : rows.value
|
||||||
if (previewTab.value === 'duplicate') return duplicateRows.value;
|
);
|
||||||
if (previewTab.value === 'history') return historyDuplicateRows.value;
|
|
||||||
return rows.value;
|
|
||||||
});
|
|
||||||
const carrierContractsLoaded = ref(false),
|
const carrierContractsLoaded = ref(false),
|
||||||
hasCarrierContracts = ref(null);
|
hasCarrierContracts = ref(null);
|
||||||
const carrierTypes = ['承运商', '自运'];
|
const carrierTypes = ['承运商', '自运'];
|
||||||
@@ -800,16 +795,6 @@ const detailColumns = [
|
|||||||
{ prop: 'remark', label: '备注', editor: 'textarea', minWidth: 200 },
|
{ prop: 'remark', label: '备注', editor: 'textarea', minWidth: 200 },
|
||||||
{ prop: 'waybillIdentifier', label: '同一运单标识号', editor: 'input', minWidth: 150 },
|
{ prop: 'waybillIdentifier', label: '同一运单标识号', editor: 'input', minWidth: 150 },
|
||||||
];
|
];
|
||||||
// 与已有运单重复页签的列与明细一致,只在运单批次号后多一列已有运单号。
|
|
||||||
const previewColumns = computed(() =>
|
|
||||||
previewTab.value === 'history'
|
|
||||||
? [
|
|
||||||
detailColumns[0],
|
|
||||||
{ prop: '_historyWaybillNo', label: '已有运单号', minWidth: 220 },
|
|
||||||
...detailColumns.slice(1),
|
|
||||||
]
|
|
||||||
: detailColumns
|
|
||||||
);
|
|
||||||
const requiredDetailFields = [
|
const requiredDetailFields = [
|
||||||
{ prop: 'vehicleNo', label: '车牌号/船班号/船次号/班次号' },
|
{ prop: 'vehicleNo', label: '车牌号/船班号/船次号/班次号' },
|
||||||
{ prop: 'transportType', label: '运输方式' },
|
{ prop: 'transportType', label: '运输方式' },
|
||||||
@@ -1202,7 +1187,6 @@ const loadBatchRows = async batchId => {
|
|||||||
batchNo: item.batchNo || form.batchNo,
|
batchNo: item.batchNo || form.batchNo,
|
||||||
}));
|
}));
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
await refreshHistoryDuplicates();
|
|
||||||
rowSelection.value = [];
|
rowSelection.value = [];
|
||||||
previewTab.value = 'all';
|
previewTab.value = 'all';
|
||||||
};
|
};
|
||||||
@@ -1525,8 +1509,6 @@ const fileChange = async (file, list) => {
|
|||||||
if (isValid) {
|
if (isValid) {
|
||||||
// 校验通过,填充表格数据
|
// 校验通过,填充表格数据
|
||||||
rows.value = parsedRows;
|
rows.value = parsedRows;
|
||||||
// 传 rows.value(响应式代理),否则后续写入不触发重新渲染
|
|
||||||
await refreshHistoryDuplicates(rows.value);
|
|
||||||
} else {
|
} else {
|
||||||
// 校验失败,清空数据
|
// 校验失败,清空数据
|
||||||
rows.value = [];
|
rows.value = [];
|
||||||
@@ -1544,12 +1526,16 @@ const IMPORT_BATCH_SIZE = 100;
|
|||||||
|
|
||||||
const importFieldText = value => String(value ?? '').trim();
|
const importFieldText = value => String(value ?? '').trim();
|
||||||
|
|
||||||
/** 同一运单批次号下,全部导入字段一致时标记为 Excel 内重复。 */
|
/** 同一运单批次号下,全部导入字段一致时标记为疑似重复。已在线确认的行不再标为重复。 */
|
||||||
const refreshDuplicateFlags = (list = rows.value) => {
|
const refreshDuplicateFlags = (list = rows.value) => {
|
||||||
const groups = new Map();
|
const groups = new Map();
|
||||||
list.forEach(row => {
|
list.forEach(row => {
|
||||||
const signature = detailColumns.map(column => importFieldText(row[column.prop])).join('\u0001');
|
const signature = detailColumns.map(column => importFieldText(row[column.prop])).join('\u0001');
|
||||||
const batchNo = importFieldText(row.batchNo || form.batchNo);
|
const batchNo = importFieldText(row.batchNo || form.batchNo);
|
||||||
|
if (row._duplicateConfirmed && row._duplicateSignature !== signature) {
|
||||||
|
row._duplicateConfirmed = false;
|
||||||
|
}
|
||||||
|
row._duplicateSignature = signature;
|
||||||
const groupKey = `${batchNo}\u0002${signature}`;
|
const groupKey = `${batchNo}\u0002${signature}`;
|
||||||
const group = groups.get(groupKey) || [];
|
const group = groups.get(groupKey) || [];
|
||||||
group.push(row);
|
group.push(row);
|
||||||
@@ -1558,39 +1544,19 @@ const refreshDuplicateFlags = (list = rows.value) => {
|
|||||||
groups.forEach(group => {
|
groups.forEach(group => {
|
||||||
const duplicated = group.length > 1;
|
const duplicated = group.length > 1;
|
||||||
group.forEach(row => {
|
group.forEach(row => {
|
||||||
row._duplicate = duplicated;
|
row._duplicate = duplicated && !row._duplicateConfirmed;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 逐行提交给后端与项目下已有运单比对,命中的行带上已有运单号。比对失败不影响导入。 */
|
const confirmDuplicateRow = row => {
|
||||||
const refreshHistoryDuplicates = async (list = rows.value) => {
|
row._duplicateConfirmed = true;
|
||||||
if (!list.length || !form.projectId) {
|
refreshDuplicateFlags();
|
||||||
list.forEach(row => {
|
ElMessage.success('已确认,该行将按正常数据导入');
|
||||||
row._historyWaybillNo = '';
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let duplicates = [];
|
|
||||||
try {
|
|
||||||
const res = await api.checkImportDuplicates(buildImportPayload(form.status, list));
|
|
||||||
const data = res?.data?.data ?? res?.data ?? res;
|
|
||||||
duplicates = Array.isArray(data) ? data : [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('与已有运单重复校验失败:', error);
|
|
||||||
duplicates = [];
|
|
||||||
}
|
|
||||||
const numbersByRow = new Map(
|
|
||||||
duplicates.map(item => [item.rowIndex, (item.waybillNos || []).filter(Boolean)])
|
|
||||||
);
|
|
||||||
list.forEach((row, index) => {
|
|
||||||
row._historyWaybillNo = (numbersByRow.get(index) || []).join('、');
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const stripInternalRowFields = row => {
|
const stripInternalRowFields = row => {
|
||||||
const { _key, _duplicate, _duplicateKey, _editing, _editSnapshot, _historyWaybillNo, ...data } =
|
const { _key, _duplicate, _duplicateKey, _duplicateConfirmed, _duplicateSignature, _editing, _editSnapshot, ...data } = row;
|
||||||
row;
|
|
||||||
return data;
|
return data;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -1805,7 +1771,6 @@ const saveRow = row => {
|
|||||||
row._editing = false;
|
row._editing = false;
|
||||||
delete row._editSnapshot;
|
delete row._editSnapshot;
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const cancelRow = row => {
|
const cancelRow = row => {
|
||||||
if (row._editSnapshot) Object.assign(row, row._editSnapshot);
|
if (row._editSnapshot) Object.assign(row, row._editSnapshot);
|
||||||
@@ -1815,14 +1780,12 @@ const cancelRow = row => {
|
|||||||
const deleteRow = row => {
|
const deleteRow = row => {
|
||||||
rows.value = rows.value.filter(item => item !== row);
|
rows.value = rows.value.filter(item => item !== row);
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const removeSelectedRows = () => {
|
const removeSelectedRows = () => {
|
||||||
const keys = new Set(rowSelection.value.map(row => row._key));
|
const keys = new Set(rowSelection.value.map(row => row._key));
|
||||||
rows.value = rows.value.filter(row => !keys.has(row._key));
|
rows.value = rows.value.filter(row => !keys.has(row._key));
|
||||||
rowSelection.value = [];
|
rowSelection.value = [];
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const normalizeOptionalPlanId = value => {
|
const normalizeOptionalPlanId = value => {
|
||||||
if (value === undefined || value === null || value === '') return null;
|
if (value === undefined || value === null || value === '') return null;
|
||||||
@@ -1886,11 +1849,7 @@ const confirmImport = async () => {
|
|||||||
await formRef.value?.validate();
|
await formRef.value?.validate();
|
||||||
if (!validateImportRows()) return;
|
if (!validateImportRows()) return;
|
||||||
const count = rows.value.filter(row => row._duplicate).length;
|
const count = rows.value.filter(row => row._duplicate).length;
|
||||||
if (count)
|
if (count) await ElMessageBox.confirm(`当前导入有${count}条疑似重复数据,是否确认导入?`, '提示');
|
||||||
await ElMessageBox.confirm(`当前导入有${count}条Excel内重复数据,是否确认导入?`, '提示');
|
|
||||||
const historyCount = rows.value.filter(row => row._historyWaybillNo).length;
|
|
||||||
if (historyCount)
|
|
||||||
await ElMessageBox.confirm(`当前导入有${historyCount}条与已有运单重复,是否确认导入?`, '提示');
|
|
||||||
if (form.importType === 'settlement' && form.status === 'completed')
|
if (form.importType === 'settlement' && form.status === 'completed')
|
||||||
await ElMessageBox.confirm('确认后将同时生成运单、应收应付明细、计结算单,是否继续?', '提示');
|
await ElMessageBox.confirm('确认后将同时生成运单、应收应付明细、计结算单,是否继续?', '提示');
|
||||||
|
|
||||||
|
|||||||
@@ -1337,7 +1337,7 @@
|
|||||||
<el-form-item label="规格">
|
<el-form-item label="规格">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.specification"
|
v-model="form.specification"
|
||||||
placeholder="请填写规格"
|
placeholder="选择货物自动回填"
|
||||||
clearable
|
clearable
|
||||||
:disabled="dialogReadonly"
|
:disabled="dialogReadonly"
|
||||||
/>
|
/>
|
||||||
@@ -1345,7 +1345,7 @@
|
|||||||
<el-form-item label="型号">
|
<el-form-item label="型号">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.model"
|
v-model="form.model"
|
||||||
placeholder="请填写型号"
|
placeholder="选择货物自动回填"
|
||||||
clearable
|
clearable
|
||||||
:disabled="dialogReadonly"
|
:disabled="dialogReadonly"
|
||||||
/>
|
/>
|
||||||
@@ -1599,7 +1599,14 @@
|
|||||||
<el-link type="primary" v-if="canCancel(row)" @click="handleAction('cancel', row)">
|
<el-link type="primary" v-if="canCancel(row)" @click="handleAction('cancel', row)">
|
||||||
取消
|
取消
|
||||||
</el-link>
|
</el-link>
|
||||||
<el-link type="primary" v-if="canComplete(row)" @click="handleComplete(row)">
|
<el-link type="primary" v-if="canComplete(row)" @click="handleAction('complete', row)">
|
||||||
|
{{ completeActionLabel }}
|
||||||
|
</el-link>
|
||||||
|
<el-link
|
||||||
|
type="primary"
|
||||||
|
v-if="canConfirmReturn(row)"
|
||||||
|
@click="handleAction('confirmReturn', row)"
|
||||||
|
>
|
||||||
{{ completeActionLabel }}
|
{{ completeActionLabel }}
|
||||||
</el-link>
|
</el-link>
|
||||||
<el-link type="primary" v-if="canMaintainMileage(row)" @click="openMileageDialog(row)">
|
<el-link type="primary" v-if="canMaintainMileage(row)" @click="openMileageDialog(row)">
|
||||||
@@ -5011,9 +5018,9 @@ export default {
|
|||||||
return Object.values(groups)
|
return Object.values(groups)
|
||||||
.map(group => {
|
.map(group => {
|
||||||
const quantity = this.formatQuantity(group.quantity);
|
const quantity = this.formatQuantity(group.quantity);
|
||||||
const typeName =
|
return `${group.typeName}等${group.count}种货物 | ${quantity}${
|
||||||
group.count > 1 ? `${group.typeName}等${group.count}种货物` : group.typeName;
|
group.unit ? ` ${group.unit}` : ''
|
||||||
return `${typeName} | ${quantity}${group.unit ? ` ${group.unit}` : ''}`;
|
}`;
|
||||||
})
|
})
|
||||||
.join('; ');
|
.join('; ');
|
||||||
},
|
},
|
||||||
@@ -5171,9 +5178,12 @@ export default {
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
const status = this.statusValue(row);
|
const status = this.statusValue(row);
|
||||||
// 同一枚「完成」按钮覆盖两种状态:待回单确认走确认回单(后端校验司机打卡节点齐全且无未了结异常),
|
// 待回单确认的「完成」由确认回单入口承担(走打卡节点与未了结异常校验);
|
||||||
// 进行中/处理中二次确认后直接置完成
|
// 只有确认回单不可用时才退回这里的普通完成
|
||||||
return status === 'processing' || status === 'running' || status === 'pending_return_confirm';
|
if (status === 'pending_return_confirm') {
|
||||||
|
return !this.canConfirmReturn(row);
|
||||||
|
}
|
||||||
|
return status === 'processing' || status === 'running';
|
||||||
},
|
},
|
||||||
canConfirmReturn(row) {
|
canConfirmReturn(row) {
|
||||||
return (
|
return (
|
||||||
@@ -8443,6 +8453,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if (!this.isTaskFullMode) {
|
if (!this.isTaskFullMode) {
|
||||||
requiredFields.push(['cargoName', '货物名称']);
|
requiredFields.push(['cargoName', '货物名称']);
|
||||||
|
requiredFields.push(['model', '型号']);
|
||||||
requiredFields.push(['quantity', '数量']);
|
requiredFields.push(['quantity', '数量']);
|
||||||
}
|
}
|
||||||
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
||||||
@@ -10242,14 +10253,6 @@ export default {
|
|||||||
this.mileageForm = { id: '', mileage: '', mileageRemark: '' };
|
this.mileageForm = { id: '', mileage: '', mileageRemark: '' };
|
||||||
this.$refs.mileageFormRef?.clearValidate();
|
this.$refs.mileageFormRef?.clearValidate();
|
||||||
},
|
},
|
||||||
// 行操作「完成」的唯一入口:待回单确认的运单走确认回单(后端校验司机打卡节点齐全且无未了结异常,
|
|
||||||
// 配置里没有确认回单动作时退回普通完成);进行中/处理中的运单二次确认后直接置完成。
|
|
||||||
handleComplete(row) {
|
|
||||||
if (this.canConfirmReturn(row)) {
|
|
||||||
return this.handleAction('confirmReturn', row);
|
|
||||||
}
|
|
||||||
return this.handleAction('complete', row);
|
|
||||||
},
|
|
||||||
handleAction(action, row) {
|
handleAction(action, row) {
|
||||||
if (action === 'reassign') {
|
if (action === 'reassign') {
|
||||||
this.openReassignDrawer(row);
|
this.openReassignDrawer(row);
|
||||||
@@ -10263,13 +10266,11 @@ export default {
|
|||||||
reassign: '重新派单',
|
reassign: '重新派单',
|
||||||
confirmReturn: '完成',
|
confirmReturn: '完成',
|
||||||
}[action];
|
}[action];
|
||||||
// 回单确认与「完成」都是终态动作(本轮不做撤销),把后果写在提示里,别让人以为还能退回
|
// 回单确认是终态动作(本轮不做撤销),把后果写在提示里,别让人以为还能退回
|
||||||
let confirmText = `确定${actionName}该${this.config.title}?`;
|
const confirmText =
|
||||||
if (action === 'confirmReturn') {
|
action === 'confirmReturn'
|
||||||
confirmText = '回单确认后该运单将置为已完成,且不可撤销。是否继续?';
|
? '回单确认后该运单将置为已完成,且不可撤销。是否继续?'
|
||||||
} else if (action === 'complete') {
|
: `确定${actionName}该${this.config.title}?`;
|
||||||
confirmText = `确定完成该${this.config.title}?完成后将置为已完成,且不可撤销。`;
|
|
||||||
}
|
|
||||||
this.$confirm(confirmText, '提示', {
|
this.$confirm(confirmText, '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
|
|||||||
@@ -1205,8 +1205,7 @@ import {
|
|||||||
getDetail as getCustomerArchiveDetail,
|
getDetail as getCustomerArchiveDetail,
|
||||||
getList as getCustomerArchiveList,
|
getList as getCustomerArchiveList,
|
||||||
} from '@/api/vehicle/customer-archive';
|
} from '@/api/vehicle/customer-archive';
|
||||||
import { getBusinessDeptSelect, getDeptTree, getPlatformCompanySelect } from '@/api/system/dept';
|
import { getBusinessDeptSelect, getDeptTree } from '@/api/system/dept';
|
||||||
import { normalizeBusinessDeptOptions } from '@/utils/dept';
|
|
||||||
import { getDictionary as getSystemDictionary } from '@/api/system/dict';
|
import { getDictionary as getSystemDictionary } from '@/api/system/dict';
|
||||||
import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
|
import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
|
||||||
import { config, option } from '@/option/business/contract-manage';
|
import { config, option } from '@/option/business/contract-manage';
|
||||||
@@ -2679,12 +2678,13 @@ export default {
|
|||||||
applyProjectPlatformCompanies(project, autoSelect = false) {
|
applyProjectPlatformCompanies(project, autoSelect = false) {
|
||||||
const ids = this.parseUndertakeDeptIds(project?.undertakeDeptId);
|
const ids = this.parseUndertakeDeptIds(project?.undertakeDeptId);
|
||||||
const names = this.parseUndertakeDeptNames(project?.undertakeDeptName);
|
const names = this.parseUndertakeDeptNames(project?.undertakeDeptName);
|
||||||
// 项目可能仍挂旧组织 ID(已删/非平台公司),按名称映射到现行「是否平台公司=是」的组织
|
this.platformCompanyOptions = ids.map((id, index) => ({
|
||||||
return this.resolveProjectPlatformCompanyOptions(ids, names).then(options => {
|
id: String(id),
|
||||||
this.platformCompanyOptions = options;
|
label: names[index] || String(id),
|
||||||
|
}));
|
||||||
if (!autoSelect) {
|
if (!autoSelect) {
|
||||||
this.syncCurrentPlatformCompanyOption();
|
this.syncCurrentPlatformCompanyOption();
|
||||||
return options;
|
return;
|
||||||
}
|
}
|
||||||
if (this.platformCompanyOptions.length === 1) {
|
if (this.platformCompanyOptions.length === 1) {
|
||||||
this.form.platformCompanyId = this.platformCompanyOptions[0].id;
|
this.form.platformCompanyId = this.platformCompanyOptions[0].id;
|
||||||
@@ -2700,34 +2700,6 @@ export default {
|
|||||||
this.handlePlatformCompanyChange(this.form.platformCompanyId);
|
this.handlePlatformCompanyChange(this.form.platformCompanyId);
|
||||||
}
|
}
|
||||||
if (this.formMode === 'add') this.refreshPreviewContractNo();
|
if (this.formMode === 'add') this.refreshPreviewContractNo();
|
||||||
return options;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resolveProjectPlatformCompanyOptions(ids, names) {
|
|
||||||
const fallback = ids.map((id, index) => ({
|
|
||||||
id: String(id),
|
|
||||||
label: names[index] || String(id),
|
|
||||||
}));
|
|
||||||
if (!ids.length) return Promise.resolve([]);
|
|
||||||
return getPlatformCompanySelect()
|
|
||||||
.then(res => {
|
|
||||||
const liveList = (res.data?.data || []).map(item => ({
|
|
||||||
id: String(item.id),
|
|
||||||
label: item.deptName || item.fullName || String(item.id),
|
|
||||||
}));
|
|
||||||
return ids.map((id, index) => {
|
|
||||||
const name = String(names[index] || '').trim();
|
|
||||||
const byId = liveList.find(item => String(item.id) === String(id));
|
|
||||||
if (byId) return byId;
|
|
||||||
const byName = name ? liveList.find(item => item.label === name) : null;
|
|
||||||
if (byName) return byName;
|
|
||||||
return {
|
|
||||||
id: String(id),
|
|
||||||
label: name || String(id),
|
|
||||||
};
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => fallback);
|
|
||||||
},
|
},
|
||||||
handlePlatformCompanyChange(value) {
|
handlePlatformCompanyChange(value) {
|
||||||
const matched = this.platformCompanyOptions.find(item => String(item.id) === String(value));
|
const matched = this.platformCompanyOptions.find(item => String(item.id) === String(value));
|
||||||
@@ -3121,8 +3093,11 @@ export default {
|
|||||||
this.businessDeptLoading = true;
|
this.businessDeptLoading = true;
|
||||||
getBusinessDeptSelect()
|
getBusinessDeptSelect()
|
||||||
.then(res => {
|
.then(res => {
|
||||||
// 同名业务部门(不同上级公司)展示「部门(上级)」;落库仍用 rawLabel 原始部门名
|
this.businessDeptOptions = (res.data?.data || []).map(item => ({
|
||||||
this.businessDeptOptions = normalizeBusinessDeptOptions(res.data?.data || []);
|
id: String(item.id),
|
||||||
|
label: item.deptName || item.fullName || String(item.id),
|
||||||
|
rawLabel: item.deptName || item.fullName || String(item.id),
|
||||||
|
}));
|
||||||
this.syncCurrentBusinessDeptOption();
|
this.syncCurrentBusinessDeptOption();
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
@@ -3138,7 +3113,6 @@ export default {
|
|||||||
}
|
}
|
||||||
this.businessDeptOptions.unshift({
|
this.businessDeptOptions.unshift({
|
||||||
id: String(this.form.organizationId),
|
id: String(this.form.organizationId),
|
||||||
value: String(this.form.organizationId),
|
|
||||||
label: this.form.organizationName,
|
label: this.form.organizationName,
|
||||||
rawLabel: this.form.organizationName,
|
rawLabel: this.form.organizationName,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -2545,9 +2545,9 @@ export default {
|
|||||||
Object.values(groups)
|
Object.values(groups)
|
||||||
.map(group => {
|
.map(group => {
|
||||||
const quantity = this.formatGoodsQuantity(group.quantity);
|
const quantity = this.formatGoodsQuantity(group.quantity);
|
||||||
const typeName =
|
return `${group.typeName}等${group.count}种货物 | ${quantity}${
|
||||||
group.count > 1 ? `${group.typeName}等${group.count}种货物` : group.typeName;
|
group.unit ? ` ${group.unit}` : ''
|
||||||
return `${typeName} | ${quantity}${group.unit ? ` ${group.unit}` : ''}`;
|
}`;
|
||||||
})
|
})
|
||||||
.join('; ') || '-'
|
.join('; ') || '-'
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -489,12 +489,6 @@ const NODE_TEMPLATES = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
// 过程配置必须覆盖装货端与卸货端各一个节点;货量下限只看装货端——
|
|
||||||
// 到场没有货量开关,不能拿它顶替货量采集
|
|
||||||
const PICKUP_NODE_KEYS = ['arrive_scene', 'load', 'dispatch'];
|
|
||||||
const DELIVERY_NODE_KEYS = ['unload', 'arrival', 'sign', 'return'];
|
|
||||||
const CARGO_NODE_KEYS = ['load', 'dispatch'];
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -922,24 +916,8 @@ export default {
|
|||||||
this.$message.warning('备注不能超过500个字符');
|
this.$message.warning('备注不能超过500个字符');
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
const isEnabledNode = key => this.nodeRows.some(item => item.key === key && item.enabled);
|
if (!this.enabledNodes.length) {
|
||||||
if (!PICKUP_NODE_KEYS.some(isEnabledNode)) {
|
this.$message.warning('请至少选择一个过程节点');
|
||||||
this.$message.warning('发货、装货、到场至少选择一个');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (!DELIVERY_NODE_KEYS.some(isEnabledNode)) {
|
|
||||||
this.$message.warning('卸货、到货、签收、回单至少选择一个');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// 装货端没有节点采集货量时,整条配置在小程序侧等于不采集货量
|
|
||||||
const collectsCargo = CARGO_NODE_KEYS.some(key =>
|
|
||||||
this.nodeRows.some(
|
|
||||||
item =>
|
|
||||||
item.key === key && item.enabled && item.uploadCargo && (item.cargoTypes || []).length
|
|
||||||
)
|
|
||||||
);
|
|
||||||
if (!collectsCargo) {
|
|
||||||
this.$message.warning('发货或装货至少勾选一个货量类型');
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
const transit = this.nodeRows.find(item => item.key === 'transit');
|
const transit = this.nodeRows.find(item => item.key === 'transit');
|
||||||
|
|||||||
@@ -1094,7 +1094,6 @@ import {
|
|||||||
getDetail as getCustomerArchiveDetail,
|
getDetail as getCustomerArchiveDetail,
|
||||||
} from '@/api/vehicle/customer-archive';
|
} from '@/api/vehicle/customer-archive';
|
||||||
import { getBusinessDeptSelect, getPlatformCompanySelect } from '@/api/system/dept';
|
import { getBusinessDeptSelect, getPlatformCompanySelect } from '@/api/system/dept';
|
||||||
import { normalizeBusinessDeptOptions } from '@/utils/dept';
|
|
||||||
import { getDictionary as getSystemDictionary } from '@/api/system/dict';
|
import { getDictionary as getSystemDictionary } from '@/api/system/dict';
|
||||||
import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
|
import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
|
||||||
import { getList as getUserList } from '@/api/system/user';
|
import { getList as getUserList } from '@/api/system/user';
|
||||||
@@ -2980,8 +2979,19 @@ export default {
|
|||||||
loadDeptOptions() {
|
loadDeptOptions() {
|
||||||
getBusinessDeptSelect()
|
getBusinessDeptSelect()
|
||||||
.then(res => {
|
.then(res => {
|
||||||
// 仅展示「是否业务部门=是」;同名部门追加上级组织名区分
|
const bizList = res.data.data || [];
|
||||||
this.deptOptions = normalizeBusinessDeptOptions(res.data.data || []);
|
// 仅展示「是否业务部门=是」的本级部门,扁平下拉
|
||||||
|
this.deptOptions = bizList
|
||||||
|
.map(item => {
|
||||||
|
const value = item.id == null || item.id === '' ? '' : String(item.id);
|
||||||
|
const label = item.deptName || item.fullName || item.title || item.name || value;
|
||||||
|
return {
|
||||||
|
label,
|
||||||
|
rawLabel: label,
|
||||||
|
value,
|
||||||
|
};
|
||||||
|
})
|
||||||
|
.filter(item => item.value);
|
||||||
this.fillDefaultBusinessDept();
|
this.fillDefaultBusinessDept();
|
||||||
this.ensureCurrentBusinessDeptOption();
|
this.ensureCurrentBusinessDeptOption();
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -577,7 +577,7 @@ export default {
|
|||||||
this.$message.warning(`第${index + 1}条调度明细缺少承运商信息`);
|
this.$message.warning(`第${index + 1}条调度明细缺少承运商信息`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 司机与手机号对全部承运类型都是选填,由调度明细弹窗校验已填部分的格式,此处不重复校验
|
// 司机是否必填由调度明细弹窗按承运类型判定(承运商承运时司机选填),此处不再重复校验
|
||||||
if (!row.vehicleNo) {
|
if (!row.vehicleNo) {
|
||||||
this.$message.warning(`第${index + 1}条调度明细缺少车牌号`);
|
this.$message.warning(`第${index + 1}条调度明细缺少车牌号`);
|
||||||
return;
|
return;
|
||||||
|
|||||||
@@ -389,18 +389,6 @@
|
|||||||
v-model="batchQuery.batchNo"
|
v-model="batchQuery.batchNo"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入" /></el-form-item></el-col
|
placeholder="请输入" /></el-form-item></el-col
|
||||||
><el-col :span="12"
|
|
||||||
><el-form-item label="项目"
|
|
||||||
><el-select
|
|
||||||
v-model="batchQuery.projectId"
|
|
||||||
filterable
|
|
||||||
clearable
|
|
||||||
placeholder="请选择"
|
|
||||||
><el-option
|
|
||||||
v-for="item in projectOptions"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.projectName"
|
|
||||||
:value="item.id" /></el-select></el-form-item></el-col
|
|
||||||
><el-col :span="12"
|
><el-col :span="12"
|
||||||
><el-form-item label="创建日期"
|
><el-form-item label="创建日期"
|
||||||
><el-date-picker
|
><el-date-picker
|
||||||
@@ -440,10 +428,6 @@
|
|||||||
prop="batchNo"
|
prop="batchNo"
|
||||||
label="运单批次号"
|
label="运单批次号"
|
||||||
min-width="240" /><el-table-column
|
min-width="240" /><el-table-column
|
||||||
prop="projectName"
|
|
||||||
label="项目"
|
|
||||||
min-width="180"
|
|
||||||
show-overflow-tooltip /><el-table-column
|
|
||||||
prop="createTime"
|
prop="createTime"
|
||||||
label="创建时间"
|
label="创建时间"
|
||||||
min-width="180" /><el-table-column label="运单数" width="120"
|
min-width="180" /><el-table-column label="运单数" width="120"
|
||||||
@@ -710,12 +694,7 @@ const selectedBatches = ref([]),
|
|||||||
batchRows = ref([]),
|
batchRows = ref([]),
|
||||||
batchSelection = ref([]),
|
batchSelection = ref([]),
|
||||||
batchCreateRange = ref([]);
|
batchCreateRange = ref([]);
|
||||||
const batchQuery = reactive({
|
const batchQuery = reactive({ batchNo: '', createUser: '', waybillCount: undefined });
|
||||||
batchNo: '',
|
|
||||||
projectId: '',
|
|
||||||
createUser: '',
|
|
||||||
waybillCount: undefined,
|
|
||||||
});
|
|
||||||
const batchPage = reactive({ current: 1, size: 10, total: 0 });
|
const batchPage = reactive({ current: 1, size: 10, total: 0 });
|
||||||
const progressQuery = reactive({ businessId: '', attachmentName: '', status: '' });
|
const progressQuery = reactive({ businessId: '', attachmentName: '', status: '' });
|
||||||
const progressPage = reactive({ current: 1, size: 10, total: 0 });
|
const progressPage = reactive({ current: 1, size: 10, total: 0 });
|
||||||
@@ -1044,12 +1023,7 @@ const openBatchDialog = async row => {
|
|||||||
batchDialogMode.value = voucher?.id ? 'change' : 'upload';
|
batchDialogMode.value = voucher?.id ? 'change' : 'upload';
|
||||||
batchTarget.value = voucher?.id ? voucher : undefined;
|
batchTarget.value = voucher?.id ? voucher : undefined;
|
||||||
batchSelection.value = [];
|
batchSelection.value = [];
|
||||||
// 弹窗内的搜索条件是模块级状态,不重置就会带着上一次的筛选条件打开。
|
|
||||||
resetBatchSearch();
|
|
||||||
batchRows.value = [];
|
|
||||||
batchPage.total = 0;
|
|
||||||
batchVisible.value = true;
|
batchVisible.value = true;
|
||||||
if (!projectOptions.value.length) await loadProjects();
|
|
||||||
await loadBatches();
|
await loadBatches();
|
||||||
if (voucher?.waybillBatchNo) {
|
if (voucher?.waybillBatchNo) {
|
||||||
const currentBatch = batchRows.value.find(item => item.batchNo === voucher.waybillBatchNo);
|
const currentBatch = batchRows.value.find(item => item.batchNo === voucher.waybillBatchNo);
|
||||||
@@ -1059,7 +1033,6 @@ const openBatchDialog = async row => {
|
|||||||
const loadBatches = async () => {
|
const loadBatches = async () => {
|
||||||
const res = await api.getWaybillBatches(batchPage.current, batchPage.size, {
|
const res = await api.getWaybillBatches(batchPage.current, batchPage.size, {
|
||||||
batchNo: batchQuery.batchNo,
|
batchNo: batchQuery.batchNo,
|
||||||
projectId: batchQuery.projectId,
|
|
||||||
createUser: batchQuery.createUser,
|
createUser: batchQuery.createUser,
|
||||||
waybillCount: batchQuery.waybillCount,
|
waybillCount: batchQuery.waybillCount,
|
||||||
createTimeStart: batchCreateRange.value?.[0] ? `${batchCreateRange.value[0]} 00:00:00` : '',
|
createTimeStart: batchCreateRange.value?.[0] ? `${batchCreateRange.value[0]} 00:00:00` : '',
|
||||||
@@ -1080,18 +1053,10 @@ const handleWaybillCountInput = value => {
|
|||||||
batchQuery.waybillCount = filtered.replace(/^0+/, '');
|
batchQuery.waybillCount = filtered.replace(/^0+/, '');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const resetBatchSearch = () => {
|
const resetBatchQuery = () => {
|
||||||
Object.assign(batchQuery, {
|
Object.assign(batchQuery, { batchNo: '', createUser: '', waybillCount: undefined });
|
||||||
batchNo: '',
|
|
||||||
projectId: '',
|
|
||||||
createUser: '',
|
|
||||||
waybillCount: undefined,
|
|
||||||
});
|
|
||||||
batchCreateRange.value = [];
|
batchCreateRange.value = [];
|
||||||
batchPage.current = 1;
|
batchPage.current = 1;
|
||||||
};
|
|
||||||
const resetBatchQuery = () => {
|
|
||||||
resetBatchSearch();
|
|
||||||
loadBatches();
|
loadBatches();
|
||||||
};
|
};
|
||||||
const updateWaybillBatch = async (target, selected) => {
|
const updateWaybillBatch = async (target, selected) => {
|
||||||
|
|||||||
@@ -86,6 +86,27 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="项目利润率">
|
||||||
|
<el-input
|
||||||
|
:model-value="profitRatePercent"
|
||||||
|
:disabled="readonly"
|
||||||
|
placeholder="选结算单带出,可修改"
|
||||||
|
@input="handleProfitRateInput"
|
||||||
|
>
|
||||||
|
<template #append>%</template>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="暂估成本(不含税)">
|
||||||
|
<el-input
|
||||||
|
:model-value="estimatedCost > 0 ? formatMoney(estimatedCost) : ''"
|
||||||
|
disabled
|
||||||
|
placeholder="开票不含税金额合计×项目利润率"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-form-item label="部门邮箱" prop="departmentEmails">
|
<el-form-item label="部门邮箱" prop="departmentEmails">
|
||||||
<el-select
|
<el-select
|
||||||
@@ -326,16 +347,27 @@
|
|||||||
<el-table-column label="结算总金额" min-width="140" align="right">
|
<el-table-column label="结算总金额" min-width="140" align="right">
|
||||||
<template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
|
<template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="历史累计开票金额" min-width="150" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.historyInvoicedAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="本次开票金额" min-width="140" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.allocatedInvoiceAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="剩余未开票金额" min-width="150" align="right">
|
||||||
|
<template #default="{ row }">{{ formatMoney(row.remainingUninvoicedAmount) }}</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="可开票金额" min-width="140" align="right">
|
<el-table-column label="可开票金额" min-width="140" align="right">
|
||||||
<template #default="{ row }">{{ formatMoney(row.availableInvoiceAmount) }}</template>
|
<template #default="{ row }">{{ formatMoney(row.availableInvoiceAmount) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="分摊发票金额" min-width="140" align="right">
|
|
||||||
<template #default="{ row }">{{ formatMoney(row.allocatedInvoiceAmount) }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
<section-card title="开票明细">
|
<section-card title="开票明细">
|
||||||
|
<template #extra>
|
||||||
|
<el-button v-if="recordId" type="primary" @click="writeOffPanelVisible = true"
|
||||||
|
>发票冲销</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
<el-table
|
<el-table
|
||||||
ref="detailTable"
|
ref="detailTable"
|
||||||
:data="detailRows"
|
:data="detailRows"
|
||||||
@@ -385,6 +417,10 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
|
<bottom-detail-panel v-model="writeOffPanelVisible" title="发票冲销明细">
|
||||||
|
<invoice-write-off-table biz-type="invoice_apply" :biz-id="recordId" />
|
||||||
|
</bottom-detail-panel>
|
||||||
|
|
||||||
<section-card title="附件信息">
|
<section-card title="附件信息">
|
||||||
<vehicle-attachment-table v-model="form.attachments" :readonly="readonly" />
|
<vehicle-attachment-table v-model="form.attachments" :readonly="readonly" />
|
||||||
</section-card>
|
</section-card>
|
||||||
@@ -488,9 +524,12 @@ import * as api from '@/api/payment/invoiceApplication';
|
|||||||
import { getAll as getInvoiceItems } from '@/api/base/invoice-item';
|
import { getAll as getInvoiceItems } from '@/api/base/invoice-item';
|
||||||
import { getList as getWaybillList } from '@/api/business/waybill-manage';
|
import { getList as getWaybillList } from '@/api/business/waybill-manage';
|
||||||
import { getList as getReceivablePayableDetailList } from '@/api/settlement/receivable-payable-detail';
|
import { getList as getReceivablePayableDetailList } from '@/api/settlement/receivable-payable-detail';
|
||||||
|
import { getDetail as getProjectApplyDetail } from '@/api/business/project-apply';
|
||||||
import { getDictionary } from '@/api/system/dictbiz';
|
import { getDictionary } from '@/api/system/dictbiz';
|
||||||
import { invoiceApplicationDetailColumns } from '@/option/payment/invoiceApplication';
|
import { invoiceApplicationDetailColumns } from '@/option/payment/invoiceApplication';
|
||||||
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
||||||
|
import InvoiceWriteOffTable from '@/components/invoice-write-off-table/main.vue';
|
||||||
|
import BottomDetailPanel from '@/components/bottom-detail-panel/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';
|
||||||
|
|
||||||
@@ -538,18 +577,23 @@ const emptyForm = () => ({
|
|||||||
sheets: [emptySheet()],
|
sheets: [emptySheet()],
|
||||||
attachments: [],
|
attachments: [],
|
||||||
remark: '',
|
remark: '',
|
||||||
|
// 项目利润率(小数,如0.04表示4%;保存时后端快照并重算暂估成本)
|
||||||
|
profitRate: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'InvoiceApplicationForm',
|
name: 'InvoiceApplicationForm',
|
||||||
components: {
|
components: {
|
||||||
VehicleAttachmentTable,
|
VehicleAttachmentTable,
|
||||||
|
InvoiceWriteOffTable,
|
||||||
|
BottomDetailPanel,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
form: emptyForm(),
|
form: emptyForm(),
|
||||||
detailRows: [],
|
detailRows: [],
|
||||||
selectedDetailIds: [],
|
selectedDetailIds: [],
|
||||||
|
writeOffPanelVisible: false,
|
||||||
receiverInvoiceOptions: [],
|
receiverInvoiceOptions: [],
|
||||||
contactOptions: [],
|
contactOptions: [],
|
||||||
departmentEmailOptions: [],
|
departmentEmailOptions: [],
|
||||||
@@ -621,6 +665,24 @@ export default {
|
|||||||
0
|
0
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
// 项目利润率百分数展示/输入(后端存小数:0.04 ↔ 4)
|
||||||
|
profitRatePercent() {
|
||||||
|
const rate = Number(this.form.profitRate);
|
||||||
|
if (!Number.isFinite(rate) || rate <= 0) return '';
|
||||||
|
return String(Math.round(rate * 10000) / 100);
|
||||||
|
},
|
||||||
|
// 暂估成本 = 开票不含税金额合计 × 项目利润率(实时计算,后端保存时重算覆盖)
|
||||||
|
estimatedCost() {
|
||||||
|
const rate = Number(this.form.profitRate);
|
||||||
|
if (!Number.isFinite(rate) || rate <= 0) return 0;
|
||||||
|
const amountNoTaxTotal = this.form.sheets.reduce(
|
||||||
|
(sheetTotal, sheet) =>
|
||||||
|
sheetTotal +
|
||||||
|
sheet.lines.reduce((lineTotal, line) => lineTotal + Number(line.amountNoTax || 0), 0),
|
||||||
|
0
|
||||||
|
);
|
||||||
|
return amountNoTaxTotal * rate;
|
||||||
|
},
|
||||||
detailColumns() {
|
detailColumns() {
|
||||||
return [...this.detailBaseColumns, ...this.feeItemColumns];
|
return [...this.detailBaseColumns, ...this.feeItemColumns];
|
||||||
},
|
},
|
||||||
@@ -732,6 +794,13 @@ export default {
|
|||||||
this.transportTypeOptions.find(item => String(item.value) === String(value))?.label || value
|
this.transportTypeOptions.find(item => String(item.value) === String(value))?.label || value
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
// 项目利润率输入(百分数),转小数存储:4 → 0.04
|
||||||
|
handleProfitRateInput(value) {
|
||||||
|
let normalized = String(value || '').replace(/[^\d.]/g, '');
|
||||||
|
normalized = normalized.replace(/(\..*)\./g, '$1');
|
||||||
|
const percent = Number(normalized);
|
||||||
|
this.form.profitRate = Number.isFinite(percent) && percent > 0 ? percent / 100 : null;
|
||||||
|
},
|
||||||
invoiceItemNames(categoryName) {
|
invoiceItemNames(categoryName) {
|
||||||
return this.invoiceItems.filter(item => item.categoryName === categoryName);
|
return this.invoiceItems.filter(item => item.categoryName === categoryName);
|
||||||
},
|
},
|
||||||
@@ -918,11 +987,27 @@ export default {
|
|||||||
allocatedInvoiceAmount: 0,
|
allocatedInvoiceAmount: 0,
|
||||||
}));
|
}));
|
||||||
this.form.projectName = first.projectName;
|
this.form.projectName = first.projectName;
|
||||||
|
this.form.projectId = first.projectId;
|
||||||
this.form.deptName = first.deptName;
|
this.form.deptName = first.deptName;
|
||||||
this.form.issuerName = first.issuerName;
|
this.form.issuerName = first.issuerName;
|
||||||
this.form.undertakingDeptName = first.deptName;
|
this.form.undertakingDeptName = first.deptName;
|
||||||
this.settlementDialog.visible = false;
|
this.settlementDialog.visible = false;
|
||||||
await Promise.all([this.loadSettlementDetails(), this.loadReceiverInformation()]);
|
await Promise.all([
|
||||||
|
this.loadSettlementDetails(),
|
||||||
|
this.loadReceiverInformation(),
|
||||||
|
this.loadProjectProfitRate(),
|
||||||
|
]);
|
||||||
|
},
|
||||||
|
// 项目利润率:选结算单后带出项目立项利润率(百分数转小数存 form),已手填时不覆盖
|
||||||
|
async loadProjectProfitRate() {
|
||||||
|
if (!this.form.projectId || Number(this.form.profitRate) > 0) return;
|
||||||
|
try {
|
||||||
|
const data = this.unwrapData(await getProjectApplyDetail(this.form.projectId));
|
||||||
|
const rate = Number(data?.profitRate);
|
||||||
|
if (Number.isFinite(rate) && rate > 0) this.form.profitRate = rate / 100;
|
||||||
|
} catch {
|
||||||
|
// 带出失败不阻断选单,保存时后端仍会兜底取项目立项利润率
|
||||||
|
}
|
||||||
},
|
},
|
||||||
async loadSettlementDetails(resetSelection = true) {
|
async loadSettlementDetails(resetSelection = true) {
|
||||||
this.detailRows =
|
this.detailRows =
|
||||||
@@ -1173,6 +1258,7 @@ export default {
|
|||||||
contactName: this.form.contactName,
|
contactName: this.form.contactName,
|
||||||
contactPhone: this.form.contactPhone,
|
contactPhone: this.form.contactPhone,
|
||||||
email: this.form.email,
|
email: this.form.email,
|
||||||
|
profitRate: Number(this.form.profitRate) > 0 ? Number(this.form.profitRate) : null,
|
||||||
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: this.form.settlements.map(item => ({
|
||||||
|
|||||||
@@ -128,7 +128,12 @@
|
|||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
<section-card title="发票明细">
|
<section-card title="发票明细">
|
||||||
<el-table :data="invoiceItems" border empty-text="选择金蝶票据池发票后带出发票明细行">
|
<template #extra>
|
||||||
|
<el-button size="small" type="primary" :loading="invoiceDetailLoading" :disabled="!form.invoiceNo" @click="openInvoiceDetailPanel">
|
||||||
|
查询明细
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
<el-table v-loading="invoiceDetailLoading" :data="invoiceItems" 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 prop="goodsName" label="货物名称" min-width="160" show-overflow-tooltip />
|
<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="specModel" label="规格型号" min-width="120" show-overflow-tooltip />
|
||||||
@@ -152,6 +157,84 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
|
<bottom-detail-panel v-model="invoiceDetailPanelVisible" title="发票信息">
|
||||||
|
<el-descriptions v-loading="invoiceDetailLoading" :column="3" border size="small">
|
||||||
|
<el-descriptions-item label="发票号码">{{
|
||||||
|
displayValue(invoicePoolDetail?.invoiceNo)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="开票日期">{{
|
||||||
|
displayValue(invoicePoolDetail?.invoiceDate)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="发票类型">{{
|
||||||
|
displayValue(invoicePoolDetail?.invoiceType)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="税率">
|
||||||
|
{{ invoicePoolDetail?.taxRate != null ? `${invoicePoolDetail.taxRate}%` : '-' }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="发票金额(价税合计)">{{
|
||||||
|
formatMoney(invoicePoolDetail?.invoiceAmount)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="税额">{{
|
||||||
|
formatMoney(invoicePoolDetail?.taxAmount)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="受票单位(购方)">{{
|
||||||
|
displayValue(invoicePoolDetail?.receiverName)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="购方税号">{{
|
||||||
|
displayValue(invoicePoolDetail?.buyerTaxNo)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="开票单位(销方)">{{
|
||||||
|
displayValue(invoicePoolDetail?.issuerName)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="销方税号">{{
|
||||||
|
displayValue(invoicePoolDetail?.salerTaxNo)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="销方开户行">{{
|
||||||
|
displayValue(invoicePoolDetail?.bankName)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="销方银行账号">{{
|
||||||
|
displayValue(invoicePoolDetail?.bankAccount)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="销方电话">{{
|
||||||
|
displayValue(invoicePoolDetail?.phone)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="查验状态">{{
|
||||||
|
checkStatusText(invoicePoolDetail?.checkStatus)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="金蝶单据号">{{
|
||||||
|
displayValue(invoicePoolDetail?.kingdeeBillNo)
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
<div class="receipt-form-page__invoice-items-title">发票明细行</div>
|
||||||
|
<el-table v-loading="invoiceDetailLoading" :data="invoiceItems" border empty-text="暂无发票明细行">
|
||||||
|
<el-table-column prop="seq" label="分录行号" width="90" 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-column prop="discountType" label="折扣类型" min-width="100" align="center" />
|
||||||
|
<el-table-column prop="preferentialPolicy" label="优惠政策" min-width="120" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="vatException" label="增值税特殊事项" min-width="130" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="zeroTaxRateFlag" label="零税率标识" min-width="100" align="center" />
|
||||||
|
<el-table-column prop="versionNo" label="版本号" min-width="90" align="center" />
|
||||||
|
</el-table>
|
||||||
|
</bottom-detail-panel>
|
||||||
|
|
||||||
<section-card title="结算信息">
|
<section-card title="结算信息">
|
||||||
<el-table :data="form.settlements" border empty-text="暂无认领数据(认领关系由付款结算单侧维护)">
|
<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" />
|
||||||
@@ -179,6 +262,10 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
|
<section-card v-if="recordId" title="发票冲销明细">
|
||||||
|
<invoice-write-off-table biz-type="receipt" :biz-id="recordId" />
|
||||||
|
</section-card>
|
||||||
|
|
||||||
<section-card title="附件信息">
|
<section-card title="附件信息">
|
||||||
<!-- 金蝶票池认领的发票附件为 piaozone path 型,需带发票号走 A801-2 代理查看/下载 -->
|
<!-- 金蝶票池认领的发票附件为 piaozone path 型,需带发票号走 A801-2 代理查看/下载 -->
|
||||||
<vehicle-attachment-table
|
<vehicle-attachment-table
|
||||||
@@ -276,6 +363,8 @@ import * as api from '@/api/payment/invoiceReceipt';
|
|||||||
import { getList as getContractList } from '@/api/business/contract-manage';
|
import { getList as getContractList } from '@/api/business/contract-manage';
|
||||||
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 InvoiceWriteOffTable from '@/components/invoice-write-off-table/main.vue';
|
||||||
|
import BottomDetailPanel from '@/components/bottom-detail-panel/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';
|
||||||
|
|
||||||
@@ -315,6 +404,8 @@ export default {
|
|||||||
components: {
|
components: {
|
||||||
KingdeeInvoicePoolDialog,
|
KingdeeInvoicePoolDialog,
|
||||||
VehicleAttachmentTable,
|
VehicleAttachmentTable,
|
||||||
|
InvoiceWriteOffTable,
|
||||||
|
BottomDetailPanel,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -323,6 +414,9 @@ export default {
|
|||||||
customerEmailOptions: [],
|
customerEmailOptions: [],
|
||||||
departmentEmailOptions: [],
|
departmentEmailOptions: [],
|
||||||
invoiceItems: [],
|
invoiceItems: [],
|
||||||
|
invoiceDetailLoading: false,
|
||||||
|
invoiceDetailPanelVisible: false,
|
||||||
|
invoicePoolDetail: null,
|
||||||
contractDialog: {
|
contractDialog: {
|
||||||
visible: false,
|
visible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
@@ -504,6 +598,37 @@ export default {
|
|||||||
this.invoiceItems = [];
|
this.invoiceItems = [];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 查询明细:底部弹窗展示金蝶发票全量信息(头部票池镜像 + 全部明细行),历史单据无缓存时回源金蝶
|
||||||
|
async openInvoiceDetailPanel() {
|
||||||
|
if (!this.form.invoiceNo) return;
|
||||||
|
this.invoiceDetailPanelVisible = true;
|
||||||
|
this.invoiceDetailLoading = true;
|
||||||
|
try {
|
||||||
|
const [poolResult, itemsResult] = await Promise.allSettled([
|
||||||
|
api.queryInvoicePool({ current: 1, size: 1, invoiceNo: this.form.invoiceNo }),
|
||||||
|
api.invoiceDetailQuery(this.form.invoiceNo),
|
||||||
|
]);
|
||||||
|
if (poolResult.status === 'fulfilled') {
|
||||||
|
const records = this.unwrapData(poolResult.value)?.records || [];
|
||||||
|
this.invoicePoolDetail =
|
||||||
|
records.find(item => item.invoiceNo === this.form.invoiceNo) || records[0] || null;
|
||||||
|
} else {
|
||||||
|
this.invoicePoolDetail = null;
|
||||||
|
}
|
||||||
|
if (itemsResult.status === 'fulfilled') {
|
||||||
|
this.invoiceItems = this.unwrapData(itemsResult.value) || [];
|
||||||
|
if (!this.invoiceItems.length) this.$message.info('未查询到该发票的明细行');
|
||||||
|
} else {
|
||||||
|
this.$message.error('查询金蝶发票明细失败');
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
this.invoiceDetailLoading = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checkStatusText(value) {
|
||||||
|
const map = { 0: '未查验', 1: '查验通过', 2: '查验不通过' };
|
||||||
|
return map[value] ?? this.displayValue(value);
|
||||||
|
},
|
||||||
// 所属合同=承运商合同:选择后带出承办部门(结算组织=承办部门对应平台公司金蝶编码,后端派生)
|
// 所属合同=承运商合同:选择后带出承办部门(结算组织=承办部门对应平台公司金蝶编码,后端派生)
|
||||||
openContractDialog() {
|
openContractDialog() {
|
||||||
this.contractDialog.visible = true;
|
this.contractDialog.visible = true;
|
||||||
@@ -625,6 +750,9 @@ export default {
|
|||||||
goBack() {
|
goBack() {
|
||||||
this.$router.push('/payment/invoice-receipt');
|
this.$router.push('/payment/invoice-receipt');
|
||||||
},
|
},
|
||||||
|
displayValue(value) {
|
||||||
|
return value === null || value === undefined || value === '' ? '-' : value;
|
||||||
|
},
|
||||||
formatMoney(value) {
|
formatMoney(value) {
|
||||||
return Number(value || 0).toFixed(2);
|
return Number(value || 0).toFixed(2);
|
||||||
},
|
},
|
||||||
@@ -660,6 +788,11 @@ export default {
|
|||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.receipt-form-page__invoice-items-title {
|
||||||
|
margin: 16px 0 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
.receipt-form-page__remark :deep(.el-form-item__content) {
|
.receipt-form-page__remark :deep(.el-form-item__content) {
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -119,6 +119,9 @@
|
|||||||
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
|
<el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
|
||||||
{{ displayValue(row[column.prop]) }}
|
{{ displayValue(row[column.prop]) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
|
<el-tag v-else-if="column.kingdeeStatus" :type="kingdeePushStatusType(row.kingdeePushStatus)">
|
||||||
|
{{ displayValue(row[column.prop]) }}
|
||||||
|
</el-tag>
|
||||||
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
|
<span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
|
||||||
<span v-else>{{ displayValue(row[column.prop]) }}</span>
|
<span v-else>{{ displayValue(row[column.prop]) }}</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -222,6 +225,7 @@ import TableHeaderTools from '@/components/table-header-tools/main.vue';
|
|||||||
import organizationSearch from '@/mixins/organization-search';
|
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';
|
||||||
|
import { kingdeePushStatusType } from '@/utils/kingdee';
|
||||||
|
|
||||||
// 表单提交成功后带标记返回,keep-alive 缓存的列表页据此重新拉取
|
// 表单提交成功后带标记返回,keep-alive 缓存的列表页据此重新拉取
|
||||||
const invoiceReceiptListRefreshKey = 'invoice-receipt-list-refresh';
|
const invoiceReceiptListRefreshKey = 'invoice-receipt-list-refresh';
|
||||||
@@ -480,6 +484,7 @@ export default {
|
|||||||
''
|
''
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
kingdeePushStatusType,
|
||||||
displayValue(value) {
|
displayValue(value) {
|
||||||
return value === null || value === undefined || value === '' ? '-' : value;
|
return value === null || value === undefined || value === '' ? '-' : value;
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<basic-container>
|
||||||
|
<section-card title="发票冲销明细">
|
||||||
|
<invoice-write-off-table :biz-type="bizType" :biz-id="bizId" />
|
||||||
|
</section-card>
|
||||||
|
</basic-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import InvoiceWriteOffTable from '@/components/invoice-write-off-table/main.vue';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发票冲销明细独立页(不挂菜单,供其他页面 $router 跳转引用)
|
||||||
|
* 用法:$router.push({ path: '/payment/invoice-write-off', query: { bizType: 'invoice_apply', bizId: id } })
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: 'InvoiceWriteOff',
|
||||||
|
components: { InvoiceWriteOffTable },
|
||||||
|
computed: {
|
||||||
|
bizType() {
|
||||||
|
return String(this.$route.query.bizType || 'invoice_apply');
|
||||||
|
},
|
||||||
|
bizId() {
|
||||||
|
return this.$route.query.bizId || null;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@@ -290,6 +290,11 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
<section-card v-if="showInvoiceSection" title="发票信息">
|
<section-card v-if="showInvoiceSection" title="发票信息">
|
||||||
|
<template #extra>
|
||||||
|
<el-button v-if="recordId" type="primary" @click="writeOffPanelVisible = true"
|
||||||
|
>发票冲销</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
<el-table :data="form.invoices" border>
|
<el-table :data="form.invoices" border>
|
||||||
<el-table-column type="index" label="序号" width="70" />
|
<el-table-column type="index" label="序号" width="70" />
|
||||||
<el-table-column prop="settlementNo" label="结算单号" min-width="120">
|
<el-table-column prop="settlementNo" label="结算单号" min-width="120">
|
||||||
@@ -316,6 +321,13 @@
|
|||||||
<el-table-column label="匹配金额(含税)" min-width="150">
|
<el-table-column label="匹配金额(含税)" min-width="150">
|
||||||
<template #default="{ row }">{{ formatMoney(row.matchedAmount) }}</template>
|
<template #default="{ row }">{{ formatMoney(row.matchedAmount) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="冲销状态" width="110" align="center">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag v-if="row.writeOffStatus === 'finished'" type="success">已完成</el-tag>
|
||||||
|
<el-tag v-else-if="row.invoiceNo" type="warning">未完成</el-tag>
|
||||||
|
<span v-else>-</span>
|
||||||
|
</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="payment-form-page__invoice-actions">
|
<div class="payment-form-page__invoice-actions">
|
||||||
@@ -343,6 +355,9 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
|
<bottom-detail-panel v-model="writeOffPanelVisible" title="发票冲销明细">
|
||||||
|
<invoice-write-off-table biz-type="payment_receipt" :biz-id="recordId" />
|
||||||
|
</bottom-detail-panel>
|
||||||
<section-card title="付款记录">
|
<section-card title="付款记录">
|
||||||
<el-table :data="paymentRecords" border
|
<el-table :data="paymentRecords" border
|
||||||
><el-table-column type="index" label="序号" width="70" /><el-table-column
|
><el-table-column type="index" label="序号" width="70" /><el-table-column
|
||||||
@@ -354,11 +369,23 @@
|
|||||||
><el-table-column prop="paidDate" label="付款日期" min-width="150" /><el-table-column
|
><el-table-column prop="paidDate" label="付款日期" min-width="150" /><el-table-column
|
||||||
prop="paymentNo"
|
prop="paymentNo"
|
||||||
label="付款单号"
|
label="付款单号"
|
||||||
min-width="160" /><el-table-column
|
min-width="160" /><el-table-column label="付款凭证" min-width="160"
|
||||||
prop="kingdeeBillNo"
|
><template #default="{ row }"
|
||||||
label="付款凭证"
|
><div v-if="row.voucherFileName" class="payment-form-page__invoice-actions"
|
||||||
min-width="160"
|
><el-link
|
||||||
/></el-table>
|
type="primary"
|
||||||
|
:disabled="kingdeeAttachmentBusy"
|
||||||
|
@click="viewRecordVoucher(row)"
|
||||||
|
>查看</el-link
|
||||||
|
><el-link
|
||||||
|
type="primary"
|
||||||
|
:disabled="kingdeeAttachmentBusy"
|
||||||
|
@click="downloadRecordVoucher(row)"
|
||||||
|
>下载</el-link
|
||||||
|
></div
|
||||||
|
><span v-else>-</span></template
|
||||||
|
></el-table-column
|
||||||
|
></el-table>
|
||||||
</section-card>
|
</section-card>
|
||||||
<section-card>
|
<section-card>
|
||||||
<template #title>
|
<template #title>
|
||||||
@@ -733,14 +760,16 @@ import {
|
|||||||
} from '@/api/vehicle/customer-archive';
|
} from '@/api/vehicle/customer-archive';
|
||||||
import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
|
import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
|
||||||
import { formatContractOptionLabel } from '@/utils/contract';
|
import { formatContractOptionLabel } from '@/utils/contract';
|
||||||
import { downloadFileByUrl } from '@/utils/util';
|
import { downloadFile, downloadFileByUrl } from '@/utils/util';
|
||||||
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
||||||
import {
|
import {
|
||||||
downloadKingdeeInvoiceFile,
|
downloadKingdeeFile,
|
||||||
isKingdeePathAttachment,
|
requestKingdeeFile,
|
||||||
viewKingdeeInvoiceFile,
|
viewKingdeeFile,
|
||||||
} from '@/utils/kingdee-attachment';
|
} from '@/utils/kingdee-attachment';
|
||||||
import PdfPreview from '@/components/pdf-preview/main.vue';
|
import PdfPreview from '@/components/pdf-preview/main.vue';
|
||||||
|
import InvoiceWriteOffTable from '@/components/invoice-write-off-table/main.vue';
|
||||||
|
import BottomDetailPanel from '@/components/bottom-detail-panel/main.vue';
|
||||||
|
|
||||||
const attachmentViewerPlugins = [
|
const attachmentViewerPlugins = [
|
||||||
imagePlugin(),
|
imagePlugin(),
|
||||||
@@ -817,12 +846,15 @@ export default {
|
|||||||
ElImageViewer,
|
ElImageViewer,
|
||||||
OpenFileViewer,
|
OpenFileViewer,
|
||||||
PdfPreview,
|
PdfPreview,
|
||||||
|
InvoiceWriteOffTable,
|
||||||
|
BottomDetailPanel,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
form: emptyForm(),
|
form: emptyForm(),
|
||||||
amountSyncing: false,
|
amountSyncing: false,
|
||||||
transferPayload: null,
|
transferPayload: null,
|
||||||
|
writeOffPanelVisible: false,
|
||||||
// 金蝶侧发票附件查看/下载进行中(行组级 loading 守卫)
|
// 金蝶侧发票附件查看/下载进行中(行组级 loading 守卫)
|
||||||
kingdeeAttachmentBusy: false,
|
kingdeeAttachmentBusy: false,
|
||||||
referenceRows: [],
|
referenceRows: [],
|
||||||
@@ -1899,55 +1931,80 @@ export default {
|
|||||||
return {};
|
return {};
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
invoiceAttachmentUrl(row) {
|
|
||||||
return this.attachmentFileUrl(this.invoiceAttachment(row));
|
|
||||||
},
|
|
||||||
invoiceAttachmentName(row) {
|
invoiceAttachmentName(row) {
|
||||||
return (
|
return (
|
||||||
this.attachmentFileName(this.invoiceAttachment(row)) || `${row.invoiceNo || '发票'}.pdf`
|
this.attachmentFileName(this.invoiceAttachment(row)) || `${row.invoiceNo || '发票'}.pdf`
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
async viewInvoiceAttachment(row) {
|
/** 金蝶附件查看/下载互斥闸门(A801-2 拉流较慢,进行中忽略重复点击,结束自动释放) */
|
||||||
const attachment = this.invoiceAttachment(row);
|
async withKingdeeAttachmentBusy(action) {
|
||||||
// 金蝶侧附件(path 型)经后端代理 A801-2 预览,OSS 直链维持本地预览组件
|
|
||||||
if (isKingdeePathAttachment(attachment)) {
|
|
||||||
if (this.kingdeeAttachmentBusy) return;
|
if (this.kingdeeAttachmentBusy) return;
|
||||||
this.kingdeeAttachmentBusy = true;
|
this.kingdeeAttachmentBusy = true;
|
||||||
try {
|
try {
|
||||||
await viewKingdeeInvoiceFile(row.invoiceNo, this.invoiceAttachmentName(row));
|
await action();
|
||||||
} finally {
|
} finally {
|
||||||
this.kingdeeAttachmentBusy = false;
|
this.kingdeeAttachmentBusy = false;
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
async viewInvoiceAttachment(row) {
|
||||||
|
await this.withKingdeeAttachmentBusy(async () => {
|
||||||
|
// 发票版式文件按票号走金蝶票池(A801-2 镜像优先/实时回源),登记扫描件仅在票池无此票时兜底
|
||||||
|
try {
|
||||||
|
const blob = await requestKingdeeFile(row.invoiceNo);
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
window.open(url, '_blank');
|
||||||
|
// 延迟释放 objectURL:立即回收可能导致新窗口尚未加载完成即失效
|
||||||
|
setTimeout(() => URL.revokeObjectURL(url), 60000);
|
||||||
return;
|
return;
|
||||||
|
} catch (error) {
|
||||||
|
// 网络级失败(silent,拦截器已提示)不再回退;票池无此票回退登记附件
|
||||||
|
if (error?.silent) return;
|
||||||
}
|
}
|
||||||
|
const attachment = this.invoiceAttachment(row);
|
||||||
if (!this.attachmentFileUrl(attachment)) {
|
if (!this.attachmentFileUrl(attachment)) {
|
||||||
this.$message.warning('当前发票暂无可查看附件');
|
this.$message.warning('当前发票没有金蝶版式文件,也没有登记附件');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.previewAttachment(
|
this.previewAttachment(
|
||||||
{ ...attachment, name: this.invoiceAttachmentName(row) },
|
{ ...attachment, name: this.invoiceAttachmentName(row) },
|
||||||
[attachment]
|
[attachment]
|
||||||
);
|
);
|
||||||
|
});
|
||||||
},
|
},
|
||||||
async downloadInvoiceAttachment(row) {
|
async downloadInvoiceAttachment(row) {
|
||||||
const attachment = this.invoiceAttachment(row);
|
await this.withKingdeeAttachmentBusy(async () => {
|
||||||
// 金蝶侧附件(path 型)经后端代理 A801-2 下载,OSS 直链维持前端直连下载
|
|
||||||
if (isKingdeePathAttachment(attachment)) {
|
|
||||||
if (this.kingdeeAttachmentBusy) return;
|
|
||||||
this.kingdeeAttachmentBusy = true;
|
|
||||||
try {
|
try {
|
||||||
await downloadKingdeeInvoiceFile(row.invoiceNo, this.invoiceAttachmentName(row));
|
const blob = await requestKingdeeFile(row.invoiceNo);
|
||||||
} finally {
|
downloadFile(blob, this.invoiceAttachmentName(row));
|
||||||
this.kingdeeAttachmentBusy = false;
|
|
||||||
}
|
|
||||||
return;
|
return;
|
||||||
|
} catch (error) {
|
||||||
|
if (error?.silent) return;
|
||||||
}
|
}
|
||||||
|
const attachment = this.invoiceAttachment(row);
|
||||||
const url = this.attachmentFileUrl(attachment);
|
const url = this.attachmentFileUrl(attachment);
|
||||||
if (!url) {
|
if (!url) {
|
||||||
this.$message.warning('当前发票暂无可下载附件');
|
this.$message.warning('当前发票没有金蝶版式文件,也没有登记附件');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
downloadFileByUrl(url, this.invoiceAttachmentName(row));
|
downloadFileByUrl(url, this.invoiceAttachmentName(row));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 付款记录付款凭证(金蝶电子回单,A801-2 代理):查看=新窗口预览,下载=保存文件 */
|
||||||
|
viewRecordVoucher(row) {
|
||||||
|
return this.withKingdeeAttachmentBusy(() =>
|
||||||
|
viewKingdeeFile(
|
||||||
|
() => api.downloadRecordVoucher(row.id),
|
||||||
|
`${row.paymentNo || '付款记录'}-付款凭证.pdf`
|
||||||
|
)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
downloadRecordVoucher(row) {
|
||||||
|
return this.withKingdeeAttachmentBusy(() =>
|
||||||
|
downloadKingdeeFile(
|
||||||
|
() => api.downloadRecordVoucher(row.id),
|
||||||
|
`${row.paymentNo || '付款记录'}-付款凭证.pdf`
|
||||||
|
)
|
||||||
|
);
|
||||||
},
|
},
|
||||||
attachmentFileName(file) {
|
attachmentFileName(file) {
|
||||||
return String(file?.originalName || file?.name || file?.fileName || '').trim();
|
return String(file?.originalName || file?.name || file?.fileName || '').trim();
|
||||||
|
|||||||
@@ -450,7 +450,7 @@
|
|||||||
>
|
>
|
||||||
<el-button v-else type="primary" @click="openInvoiceClaimDialog">认领查询</el-button>
|
<el-button v-else type="primary" @click="openInvoiceClaimDialog">认领查询</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="invoices" border>
|
<el-table :data="invoiceRows" border>
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
<el-table-column prop="invoiceNo" label="发票号" min-width="150" align="center" />
|
<el-table-column prop="invoiceNo" label="发票号" min-width="150" align="center" />
|
||||||
<el-table-column prop="invoiceDate" label="开票日期" min-width="130" align="center">
|
<el-table-column prop="invoiceDate" label="开票日期" min-width="130" align="center">
|
||||||
@@ -526,13 +526,13 @@
|
|||||||
<el-link
|
<el-link
|
||||||
type="primary"
|
type="primary"
|
||||||
:disabled="kingdeeAttachmentBusy"
|
:disabled="kingdeeAttachmentBusy"
|
||||||
@click="viewInvoiceAttachment(row)"
|
@click="viewInvoiceFile(row)"
|
||||||
>查看</el-link
|
>查看</el-link
|
||||||
>
|
>
|
||||||
<el-link
|
<el-link
|
||||||
type="primary"
|
type="primary"
|
||||||
:disabled="kingdeeAttachmentBusy"
|
:disabled="kingdeeAttachmentBusy"
|
||||||
@click="downloadInvoiceAttachment(row)"
|
@click="downloadInvoiceFile(row)"
|
||||||
>下载</el-link
|
>下载</el-link
|
||||||
>
|
>
|
||||||
<!-- 查看页重推入口:付款结算单已同步金蝶且认领票未指定应付(failed/pushed) -->
|
<!-- 查看页重推入口:付款结算单已同步金蝶且认领票未指定应付(failed/pushed) -->
|
||||||
@@ -543,35 +543,13 @@
|
|||||||
@click="repushInvoice(row)"
|
@click="repushInvoice(row)"
|
||||||
>重新推送</el-link
|
>重新推送</el-link
|
||||||
>
|
>
|
||||||
<el-link v-if="editable" type="danger" @click="removeInvoice($index)">删除</el-link>
|
<el-link v-if="editable && !row.issued" type="danger" @click="removeInvoice($index)"
|
||||||
|
>删除</el-link
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<div v-if="issuedInvoices.length" class="formal-editor__issued-invoices">
|
|
||||||
<div class="formal-editor__issued-title">
|
|
||||||
开票发票(本结算单开票申请经金蝶开票回写,文件由金蝶发票云直链提供)
|
|
||||||
</div>
|
|
||||||
<el-table :data="issuedInvoices" border>
|
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
|
||||||
<el-table-column prop="invoiceNo" label="发票号" min-width="150" align="center" />
|
|
||||||
<el-table-column prop="invoiceDate" label="开票日期" min-width="130" align="center">
|
|
||||||
<template #default="{ row }">{{ displayValue(row.invoiceDate) }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="invoiceAmount" label="价税合计" min-width="130" align="center">
|
|
||||||
<template #default="{ row }">{{ formatMoney(row.invoiceAmount) }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" width="160" fixed="right" align="center">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<div class="formal-editor__links">
|
|
||||||
<el-link type="primary" @click="viewIssuedInvoice(row)">查看</el-link>
|
|
||||||
<el-link type="primary" @click="downloadIssuedInvoice(row)">下载</el-link>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
</section-card>
|
</section-card>
|
||||||
|
|
||||||
<kingdee-invoice-pool-dialog
|
<kingdee-invoice-pool-dialog
|
||||||
@@ -1123,6 +1101,7 @@ import {
|
|||||||
sourceColumns,
|
sourceColumns,
|
||||||
summaryColumns,
|
summaryColumns,
|
||||||
} from '@/option/settlement/formalSettlementTable';
|
} from '@/option/settlement/formalSettlementTable';
|
||||||
|
import { invoiceTypeOptions } from '@/api/payment/invoiceApplication';
|
||||||
import { getDictionary } from '@/api/system/dictbiz';
|
import { getDictionary } from '@/api/system/dictbiz';
|
||||||
import { h } from 'vue';
|
import { h } from 'vue';
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
@@ -1133,12 +1112,8 @@ import {
|
|||||||
settlementRecordTypeName,
|
settlementRecordTypeName,
|
||||||
settlementStatusName,
|
settlementStatusName,
|
||||||
} from '@/utils/settlementStatus';
|
} from '@/utils/settlementStatus';
|
||||||
import { downloadFileByUrl } from '@/utils/util';
|
import { downloadFile, downloadFileByUrl } from '@/utils/util';
|
||||||
import {
|
import { requestKingdeeFile } from '@/utils/kingdee-attachment';
|
||||||
downloadKingdeeInvoiceFile,
|
|
||||||
isKingdeePathAttachment,
|
|
||||||
viewKingdeeInvoiceFile,
|
|
||||||
} from '@/utils/kingdee-attachment';
|
|
||||||
import KingdeeInvoicePoolDialog from '@/components/kingdee-invoice-pool-dialog/main.vue';
|
import KingdeeInvoicePoolDialog from '@/components/kingdee-invoice-pool-dialog/main.vue';
|
||||||
import ChangeRecordDetailDialog from '@/components/change-record-detail-dialog/main.vue';
|
import ChangeRecordDetailDialog from '@/components/change-record-detail-dialog/main.vue';
|
||||||
import ProjectAdvanceWriteOff from './project-advance-write-off.vue';
|
import ProjectAdvanceWriteOff from './project-advance-write-off.vue';
|
||||||
@@ -1328,6 +1303,24 @@ export default {
|
|||||||
editable() {
|
editable() {
|
||||||
return !this.readonly;
|
return !this.readonly;
|
||||||
},
|
},
|
||||||
|
// 发票信息合并展示:结算单发票行在前 + 金蝶回写开票发票行在后(issued 标记,只读不保存);
|
||||||
|
// 回写行恒在尾部,保证下方 $index 删除操作与 this.invoices 索引一致;
|
||||||
|
// 回写行票种按开票申请字典翻译;可匹配金额=票面价税合计,匹配结算单金额=后端票级冲抵明细汇总
|
||||||
|
invoiceRows() {
|
||||||
|
return [
|
||||||
|
...this.invoices,
|
||||||
|
...this.issuedInvoices.map(row => ({
|
||||||
|
...row,
|
||||||
|
issued: true,
|
||||||
|
invoiceType:
|
||||||
|
invoiceTypeOptions.find(item => item.value === row.invoiceType)?.label ||
|
||||||
|
row.invoiceType ||
|
||||||
|
'',
|
||||||
|
availableInvoiceAmount: Number(row.invoiceAmount || 0),
|
||||||
|
matchedAmount: Number(row.matchedAmount || 0),
|
||||||
|
})),
|
||||||
|
];
|
||||||
|
},
|
||||||
// 查看页面「同步」按钮:仅已审批且未同步金蝶(含推送失败)的单据显示,口径与后端推送闸门一致
|
// 查看页面「同步」按钮:仅已审批且未同步金蝶(含推送失败)的单据显示,口径与后端推送闸门一致
|
||||||
canSync() {
|
canSync() {
|
||||||
return (
|
return (
|
||||||
@@ -2706,9 +2699,10 @@ export default {
|
|||||||
openInvoiceReceiptDialog() {
|
openInvoiceReceiptDialog() {
|
||||||
this.invoiceReceiptDialog.visible = true;
|
this.invoiceReceiptDialog.visible = true;
|
||||||
},
|
},
|
||||||
// 查看页重推入口展示条件:只读 + 付款结算单 + 审批通过 + 金蝶应付单已同步 + 该票未指定应付(failed/pushed)
|
// 查看页重推入口展示条件:只读 + 付款结算单 + 审批通过 + 金蝶应付单已同步 + 该票未指定应付(failed/pushed);金蝶回写行不参与
|
||||||
canRepushInvoice(row) {
|
canRepushInvoice(row) {
|
||||||
return (
|
return (
|
||||||
|
!row.issued &&
|
||||||
!this.editable &&
|
!this.editable &&
|
||||||
this.form.settlementType !== 'receivable' &&
|
this.form.settlementType !== 'receivable' &&
|
||||||
this.form.approvalStatus === 'approved' &&
|
this.form.approvalStatus === 'approved' &&
|
||||||
@@ -2918,38 +2912,52 @@ export default {
|
|||||||
return attachment.originalName || attachment.name || `${row.invoiceNo || '发票'}.pdf`;
|
return attachment.originalName || attachment.name || `${row.invoiceNo || '发票'}.pdf`;
|
||||||
},
|
},
|
||||||
async viewInvoiceAttachment(row) {
|
async viewInvoiceAttachment(row) {
|
||||||
const attachment = this.invoiceAttachment(row);
|
|
||||||
// 金蝶侧附件(path 型)经后端代理 A801-2 预览,OSS 直链维持 window.open
|
|
||||||
if (isKingdeePathAttachment(attachment)) {
|
|
||||||
if (this.kingdeeAttachmentBusy) return;
|
if (this.kingdeeAttachmentBusy) return;
|
||||||
this.kingdeeAttachmentBusy = true;
|
this.kingdeeAttachmentBusy = true;
|
||||||
try {
|
try {
|
||||||
await viewKingdeeInvoiceFile(row.invoiceNo, this.invoiceAttachmentName(row));
|
// 发票版式文件按票号走金蝶票池(A801-2 镜像优先/实时回源),登记扫描件仅在票池无此票时兜底
|
||||||
|
try {
|
||||||
|
const blob = await requestKingdeeFile(row.invoiceNo);
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
window.open(url, '_blank');
|
||||||
|
// 延迟释放 objectURL:立即回收可能导致新窗口尚未加载完成即失效
|
||||||
|
setTimeout(() => URL.revokeObjectURL(url), 60000);
|
||||||
|
return;
|
||||||
|
} catch (error) {
|
||||||
|
// 网络级失败(silent,拦截器已提示)不再回退;票池无此票回退登记附件
|
||||||
|
if (error?.silent) return;
|
||||||
|
}
|
||||||
|
const url = this.invoiceAttachmentUrl(row);
|
||||||
|
if (!url) return this.$message.warning('当前发票没有金蝶版式文件,也没有登记附件');
|
||||||
|
window.open(url, '_blank');
|
||||||
} finally {
|
} finally {
|
||||||
this.kingdeeAttachmentBusy = false;
|
this.kingdeeAttachmentBusy = false;
|
||||||
}
|
}
|
||||||
return;
|
|
||||||
}
|
|
||||||
const url = this.invoiceAttachmentUrl(row);
|
|
||||||
if (!url) return this.$message.warning('当前发票暂无可查看附件');
|
|
||||||
window.open(url, '_blank');
|
|
||||||
},
|
},
|
||||||
async downloadInvoiceAttachment(row) {
|
async downloadInvoiceAttachment(row) {
|
||||||
const attachment = this.invoiceAttachment(row);
|
|
||||||
// 金蝶侧附件(path 型)经后端代理 A801-2 下载,OSS 直链维持前端直连下载
|
|
||||||
if (isKingdeePathAttachment(attachment)) {
|
|
||||||
if (this.kingdeeAttachmentBusy) return;
|
if (this.kingdeeAttachmentBusy) return;
|
||||||
this.kingdeeAttachmentBusy = true;
|
this.kingdeeAttachmentBusy = true;
|
||||||
try {
|
try {
|
||||||
await downloadKingdeeInvoiceFile(row.invoiceNo, this.invoiceAttachmentName(row));
|
try {
|
||||||
|
const blob = await requestKingdeeFile(row.invoiceNo);
|
||||||
|
downloadFile(blob, this.invoiceAttachmentName(row));
|
||||||
|
return;
|
||||||
|
} catch (error) {
|
||||||
|
if (error?.silent) return;
|
||||||
|
}
|
||||||
|
const url = this.invoiceAttachmentUrl(row);
|
||||||
|
if (!url) return this.$message.warning('当前发票没有金蝶版式文件,也没有登记附件');
|
||||||
|
downloadFileByUrl(url, this.invoiceAttachmentName(row));
|
||||||
} finally {
|
} finally {
|
||||||
this.kingdeeAttachmentBusy = false;
|
this.kingdeeAttachmentBusy = false;
|
||||||
}
|
}
|
||||||
return;
|
},
|
||||||
}
|
// 发票文件入口分流:金蝶回写开票发票走发票云直链,其余走金蝶票池/登记附件
|
||||||
const url = this.invoiceAttachmentUrl(row);
|
viewInvoiceFile(row) {
|
||||||
if (!url) return this.$message.warning('当前发票暂无可下载附件');
|
return row.issued ? this.viewIssuedInvoice(row) : this.viewInvoiceAttachment(row);
|
||||||
downloadFileByUrl(url, this.invoiceAttachmentName(row));
|
},
|
||||||
|
downloadInvoiceFile(row) {
|
||||||
|
return row.issued ? this.downloadIssuedInvoice(row) : this.downloadInvoiceAttachment(row);
|
||||||
},
|
},
|
||||||
// 开票发票预览地址:数电PDF优先(OFD浏览器无法预览),退预览图、板式文件
|
// 开票发票预览地址:数电PDF优先(OFD浏览器无法预览),退预览图、板式文件
|
||||||
issuedInvoicePreviewUrl(row) {
|
issuedInvoicePreviewUrl(row) {
|
||||||
@@ -3588,14 +3596,6 @@ export default {
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
.formal-editor__issued-invoices {
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.formal-editor__issued-title {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: var(--el-text-color-secondary);
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
.formal-editor__negative-amount {
|
.formal-editor__negative-amount {
|
||||||
color: var(--el-color-danger);
|
color: var(--el-color-danger);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -74,6 +74,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { claimCandidates } from '@/api/payment/invoiceReceipt';
|
import { claimCandidates } from '@/api/payment/invoiceReceipt';
|
||||||
|
import { kingdeePushStatusType } from '@/utils/kingdee';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'InvoiceReceiptCandidatesDialog',
|
name: 'InvoiceReceiptCandidatesDialog',
|
||||||
@@ -152,7 +153,7 @@ export default {
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
pushStatusType(value) {
|
pushStatusType(value) {
|
||||||
return { pushed: 'warning', assigned: 'success', failed: 'danger', unsynced: 'info' }[value] || 'info';
|
return kingdeePushStatusType(value);
|
||||||
},
|
},
|
||||||
formatMoney(value) {
|
formatMoney(value) {
|
||||||
const number = Number(value);
|
const number = Number(value);
|
||||||
|
|||||||
@@ -145,10 +145,10 @@
|
|||||||
<el-descriptions-item label="创建时间">
|
<el-descriptions-item label="创建时间">
|
||||||
{{ invoiceRegisterDialog.row.createTime || '-' }}
|
{{ invoiceRegisterDialog.row.createTime || '-' }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="金蝶同步状态" :span="2">
|
<el-descriptions-item label="金蝶同步状态">
|
||||||
{{ kingdeeSyncName(invoiceRegisterDialog.row.kingdeeSyncStatus) }}
|
{{ kingdeeSyncName(invoiceRegisterDialog.row.kingdeeSyncStatus) }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="备注" :span="2">
|
<el-descriptions-item label="备注">
|
||||||
{{ invoiceRegisterDialog.row.remark || '-' }}
|
{{ invoiceRegisterDialog.row.remark || '-' }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
@@ -847,6 +847,10 @@ export default {
|
|||||||
settlementTypeName(value) {
|
settlementTypeName(value) {
|
||||||
return { payable: '付款', receivable: '收款' }[value] || '-';
|
return { payable: '付款', receivable: '收款' }[value] || '-';
|
||||||
},
|
},
|
||||||
|
// 模板无法直接访问 script 顶部 import,包装成实例方法(与 formal-settlement-table-panel 同模式)
|
||||||
|
kingdeeSyncName(value) {
|
||||||
|
return kingdeeSyncName(value);
|
||||||
|
},
|
||||||
unwrapData(response) {
|
unwrapData(response) {
|
||||||
const body = response?.data || response || {};
|
const body = response?.data || response || {};
|
||||||
return body?.data || body;
|
return body?.data || body;
|
||||||
|
|||||||
@@ -1067,8 +1067,7 @@ import { formatContractOptionLabel } from '@/utils/contract';
|
|||||||
import { isTierUnitPrice, isUnitPriceAdjustable } from '@/utils/settlement-adjust-rule';
|
import { isTierUnitPrice, isUnitPriceAdjustable } from '@/utils/settlement-adjust-rule';
|
||||||
import { downloadXls } from '@/utils/util';
|
import { downloadXls } from '@/utils/util';
|
||||||
import { createSettlementTransfer } from '@/utils/settlement-transfer';
|
import { createSettlementTransfer } from '@/utils/settlement-transfer';
|
||||||
import { settlementBillLabel, settlementListPath } from '@/utils/settlement-menu';
|
import { settlementListPath } from '@/utils/settlement-menu';
|
||||||
import { getList as getFormalSettlementList } from '@/api/settlement/formalSettlement';
|
|
||||||
import {
|
import {
|
||||||
contractApprovalStatusOptions,
|
contractApprovalStatusOptions,
|
||||||
contractCategoryOptions,
|
contractCategoryOptions,
|
||||||
@@ -1922,9 +1921,8 @@ export default {
|
|||||||
this.openSettlementDetail('/settlement/pre-settlement', row.preSettlementNo);
|
this.openSettlementDetail('/settlement/pre-settlement', row.preSettlementNo);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 正式结算单号:跳转付款/收款结算单表单页并打开详情(与开票申请等入口一致)
|
if (this.settlementType === 'payable' && column.prop === 'formalSettlementNo') {
|
||||||
if (column.prop === 'formalSettlementNo') {
|
this.openSettlementDetail('/settlement/payment-settlement', row.formalSettlementNo);
|
||||||
this.openFormalSettlementDetail(row.formalSettlementNo);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.openDetailDialog(row);
|
this.openDetailDialog(row);
|
||||||
@@ -1936,42 +1934,6 @@ export default {
|
|||||||
}
|
}
|
||||||
this.$router.push({ path, query: { detailNo } });
|
this.$router.push({ path, query: { detailNo } });
|
||||||
},
|
},
|
||||||
async openFormalSettlementDetail(formalSettlementNo) {
|
|
||||||
const normalizedNo = String(formalSettlementNo || '')
|
|
||||||
.split(/[、,,]/)
|
|
||||||
.map(item => item.trim())
|
|
||||||
.find(Boolean);
|
|
||||||
if (!normalizedNo) {
|
|
||||||
this.$message.info('当前记录未关联结算单详情');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
const data = this.unwrapPage(
|
|
||||||
await getFormalSettlementList(1, 10, { formalSettlementNo: normalizedNo })
|
|
||||||
);
|
|
||||||
const row = (data.records || []).find(
|
|
||||||
item => String(item.formalSettlementNo || '').trim() === normalizedNo
|
|
||||||
);
|
|
||||||
if (!row?.id) {
|
|
||||||
this.$message.warning('未找到对应的正式结算单');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const settlementType = row.settlementType || this.settlementType || 'payable';
|
|
||||||
const listPath = settlementListPath(settlementType);
|
|
||||||
await this.$router.push({
|
|
||||||
path: `${listPath}/form`,
|
|
||||||
query: {
|
|
||||||
mode: 'view',
|
|
||||||
id: row.id,
|
|
||||||
settlementType,
|
|
||||||
listPath,
|
|
||||||
name: `查看${settlementBillLabel(settlementType)}`,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
this.$message.error('正式结算单详情加载失败');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async openRouteDetail(detailId = this.$route.query.detailId) {
|
async openRouteDetail(detailId = this.$route.query.detailId) {
|
||||||
// 结算明细点「单据号」会带 detailId 跳到本页;只有当前停在应收/应付明细页时才自动展开详情
|
// 结算明细点「单据号」会带 detailId 跳到本页;只有当前停在应收/应付明细页时才自动展开详情
|
||||||
const routePath =
|
const routePath =
|
||||||
|
|||||||
@@ -93,7 +93,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import { getList, getDetail, submit, remove } from '@/api/system/business-dept-config';
|
import { getList, getDetail, submit, remove } from '@/api/system/business-dept-config';
|
||||||
import { getBusinessDeptSelect, getPlatformCompanySelect } from '@/api/system/dept';
|
import { getBusinessDeptSelect, getPlatformCompanySelect } from '@/api/system/dept';
|
||||||
import { normalizeBusinessDeptOptions } from '@/utils/dept';
|
|
||||||
import { mapGetters } from 'vuex';
|
import { mapGetters } from 'vuex';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -155,9 +154,8 @@ export default {
|
|||||||
{
|
{
|
||||||
label: '业务部门',
|
label: '业务部门',
|
||||||
prop: 'businessDeptName',
|
prop: 'businessDeptName',
|
||||||
minWidth: 260,
|
minWidth: 160,
|
||||||
display: false,
|
display: false,
|
||||||
formatter: row => this.formatBusinessDeptLabel(row),
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '平台公司',
|
label: '平台公司',
|
||||||
@@ -279,16 +277,11 @@ export default {
|
|||||||
Promise.all([getPlatformCompanySelect(), getBusinessDeptSelect()]).then(
|
Promise.all([getPlatformCompanySelect(), getBusinessDeptSelect()]).then(
|
||||||
([platformRes, businessRes]) => {
|
([platformRes, businessRes]) => {
|
||||||
this.platformCompanyOptions = this.normalizeDeptOptions(platformRes?.data?.data);
|
this.platformCompanyOptions = this.normalizeDeptOptions(platformRes?.data?.data);
|
||||||
// 业务部门配置页始终展示「部门(所属公司)」,便于与平台公司配对
|
this.businessDeptOptions = this.normalizeDeptOptions(businessRes?.data?.data);
|
||||||
this.businessDeptOptions = normalizeBusinessDeptOptions(businessRes?.data?.data, {
|
|
||||||
alwaysShowCompany: true,
|
|
||||||
});
|
|
||||||
const platformColumn = this.findColumn(this.option.column, 'platformCompanyId');
|
const platformColumn = this.findColumn(this.option.column, 'platformCompanyId');
|
||||||
if (platformColumn) platformColumn.dicData = this.platformCompanyOptions;
|
if (platformColumn) platformColumn.dicData = this.platformCompanyOptions;
|
||||||
const businessColumn = this.findColumn(this.option.column, 'businessDeptId');
|
const businessColumn = this.findColumn(this.option.column, 'businessDeptId');
|
||||||
if (businessColumn) businessColumn.dicData = this.businessDeptOptions;
|
if (businessColumn) businessColumn.dicData = this.businessDeptOptions;
|
||||||
// 下拉选项就绪后刷新列表展示名(避免列表先于选项返回时只显示裸部门名)
|
|
||||||
this.refreshBusinessDeptLabels();
|
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@@ -299,19 +292,6 @@ export default {
|
|||||||
kingdeeDeptCode: item.kingdeeDeptCode || '',
|
kingdeeDeptCode: item.kingdeeDeptCode || '',
|
||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
/** 列表业务部门列:部门名(所属公司) */
|
|
||||||
formatBusinessDeptLabel(row) {
|
|
||||||
if (!row) return '-';
|
|
||||||
const matched = this.businessDeptOptions.find(
|
|
||||||
item => String(item.value) === String(row.businessDeptId)
|
|
||||||
);
|
|
||||||
if (matched?.label) return matched.label;
|
|
||||||
return row.businessDeptName || '-';
|
|
||||||
},
|
|
||||||
refreshBusinessDeptLabels() {
|
|
||||||
if (!this.data?.length) return;
|
|
||||||
this.data = this.data.map(row => ({ ...row }));
|
|
||||||
},
|
|
||||||
formatSerial(value) {
|
formatSerial(value) {
|
||||||
// Avue number 空值常落成 -1,历史脏数据也按空展示
|
// Avue number 空值常落成 -1,历史脏数据也按空展示
|
||||||
if (value === null || value === undefined || value === '' || value === -1 || value === '-1') {
|
if (value === null || value === undefined || value === '' || value === -1 || value === '-1') {
|
||||||
@@ -337,15 +317,13 @@ export default {
|
|||||||
},
|
},
|
||||||
handleBusinessDeptChange(value) {
|
handleBusinessDeptChange(value) {
|
||||||
const matched = this.businessDeptOptions.find(item => String(item.value) === String(value));
|
const matched = this.businessDeptOptions.find(item => String(item.value) === String(value));
|
||||||
this.form.businessDeptName = matched ? matched.rawLabel || matched.label : '';
|
this.form.businessDeptName = matched ? matched.label : '';
|
||||||
},
|
},
|
||||||
beforeOpen(done, type) {
|
beforeOpen(done, type) {
|
||||||
const loadOptions = Promise.all([getPlatformCompanySelect(), getBusinessDeptSelect()]).then(
|
const loadOptions = Promise.all([getPlatformCompanySelect(), getBusinessDeptSelect()]).then(
|
||||||
([platformRes, businessRes]) => {
|
([platformRes, businessRes]) => {
|
||||||
this.platformCompanyOptions = this.normalizeDeptOptions(platformRes?.data?.data);
|
this.platformCompanyOptions = this.normalizeDeptOptions(platformRes?.data?.data);
|
||||||
this.businessDeptOptions = normalizeBusinessDeptOptions(businessRes?.data?.data, {
|
this.businessDeptOptions = this.normalizeDeptOptions(businessRes?.data?.data);
|
||||||
alwaysShowCompany: true,
|
|
||||||
});
|
|
||||||
const platformColumn = this.findColumn(this.option.column, 'platformCompanyId');
|
const platformColumn = this.findColumn(this.option.column, 'platformCompanyId');
|
||||||
if (platformColumn) platformColumn.dicData = this.platformCompanyOptions;
|
if (platformColumn) platformColumn.dicData = this.platformCompanyOptions;
|
||||||
const businessColumn = this.findColumn(this.option.column, 'businessDeptId');
|
const businessColumn = this.findColumn(this.option.column, 'businessDeptId');
|
||||||
|
|||||||
@@ -66,21 +66,17 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #dataScopeDeptIds-form>
|
<template #dataScopeDeptIds-form>
|
||||||
<!-- 与用户管理「数据管理权限」一致:组织多选级联,数据源同左侧组织树 -->
|
<el-tree
|
||||||
<el-cascader
|
|
||||||
v-if="Number(form.dataScopeRange) === 3"
|
v-if="Number(form.dataScopeRange) === 3"
|
||||||
v-model="dataScopeCascaderValue"
|
ref="dataScopeTree"
|
||||||
:options="permissionDeptTree"
|
:data="permissionDeptTree"
|
||||||
:props="deptCascaderProps"
|
show-checkbox
|
||||||
:disabled="isViewMode"
|
node-key="id"
|
||||||
clearable
|
:default-checked-keys="form.dataScopeDeptIds || []"
|
||||||
filterable
|
:props="{ label: 'title', children: 'children' }"
|
||||||
collapse-tags
|
@check="handleDataScopeCheck"
|
||||||
collapse-tags-tooltip
|
|
||||||
placeholder="请选择数据权限组织(可多选)"
|
|
||||||
style="width: 100%"
|
|
||||||
/>
|
/>
|
||||||
<span v-else class="form-tip">选择「自定义」后可选择数据权限组织</span>
|
<span v-else class="form-tip">选择「自定义」后可勾选数据权限组织</span>
|
||||||
</template>
|
</template>
|
||||||
<template #menu="{ row, index }">
|
<template #menu="{ row, index }">
|
||||||
<el-link
|
<el-link
|
||||||
@@ -197,26 +193,6 @@ export default {
|
|||||||
: [];
|
: [];
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
// 自定义数据权限组织:与用户管理数据管理权限相同的多选级联
|
|
||||||
dataScopeCascaderValue: {
|
|
||||||
get() {
|
|
||||||
const ids = Array.isArray(this.form.dataScopeDeptIds)
|
|
||||||
? this.form.dataScopeDeptIds
|
|
||||||
: this.form.dataScopeDeptIds
|
|
||||||
? String(this.form.dataScopeDeptIds).split(',').filter(Boolean)
|
|
||||||
: [];
|
|
||||||
return ids
|
|
||||||
.filter(item => item !== undefined && item !== null && item !== '')
|
|
||||||
.map(item => (typeof item === 'number' ? item : String(item)));
|
|
||||||
},
|
|
||||||
set(value) {
|
|
||||||
this.form.dataScopeDeptIds = Array.isArray(value)
|
|
||||||
? value.filter(item => item !== undefined && item !== null && item !== '')
|
|
||||||
: value
|
|
||||||
? [value]
|
|
||||||
: [];
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.sensitiveManager = sensitive.create({
|
this.sensitiveManager = sensitive.create({
|
||||||
@@ -252,6 +228,12 @@ export default {
|
|||||||
this.permissionDeptTree = res.data.data || [];
|
this.permissionDeptTree = res.data.data || [];
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
handleDataScopeCheck(_, checked) {
|
||||||
|
if (this.isViewMode) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.form.dataScopeDeptIds = checked.checkedKeys || [];
|
||||||
|
},
|
||||||
normalizeSubmitRow(row = {}, isUpdate = false) {
|
normalizeSubmitRow(row = {}, isUpdate = false) {
|
||||||
let payload = { ...row };
|
let payload = { ...row };
|
||||||
// 编辑时剔除未改动的脱敏字段,避免把 138****8000 写回库
|
// 编辑时剔除未改动的脱敏字段,避免把 138****8000 写回库
|
||||||
@@ -296,19 +278,17 @@ export default {
|
|||||||
detail.identities = detail.identities.split(',').filter(Boolean);
|
detail.identities = detail.identities.split(',').filter(Boolean);
|
||||||
}
|
}
|
||||||
const deptIds = func.split(detail.deptId || '');
|
const deptIds = func.split(detail.deptId || '');
|
||||||
const dataScopeDeptIds = Array.isArray(detail.dataScopeDeptIds)
|
|
||||||
? detail.dataScopeDeptIds.map(item => String(item))
|
|
||||||
: detail.dataScopeDeptIds
|
|
||||||
? String(detail.dataScopeDeptIds).split(',').filter(Boolean)
|
|
||||||
: [];
|
|
||||||
this.form = {
|
this.form = {
|
||||||
...detail,
|
...detail,
|
||||||
deptId: Array.isArray(deptIds) ? deptIds : [],
|
deptId: Array.isArray(deptIds) ? deptIds : [],
|
||||||
dataScopeRange: detail.dataScopeRange || 1,
|
dataScopeRange: detail.dataScopeRange || 1,
|
||||||
dataLevelRange: detail.dataLevelRange || 1,
|
dataLevelRange: detail.dataLevelRange || 1,
|
||||||
dataScopeDeptIds,
|
dataScopeDeptIds: detail.dataScopeDeptIds || [],
|
||||||
};
|
};
|
||||||
this.sensitiveManager?.saveInitialData(this.form);
|
this.sensitiveManager?.saveInitialData(this.form);
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.dataScopeTree?.setCheckedKeys?.(this.form.dataScopeDeptIds || []);
|
||||||
|
});
|
||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
|
|||||||
@@ -589,7 +589,7 @@
|
|||||||
<el-form-item label="所属组织" prop="organizationName">
|
<el-form-item label="所属组织" prop="organizationName">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="formOrganizationTreeOptions"
|
:options="organizationTreeOptions"
|
||||||
:props="organizationCascaderProps"
|
:props="organizationCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
@@ -689,7 +689,6 @@ import {
|
|||||||
recognitionIDCard,
|
recognitionIDCard,
|
||||||
recognitionTransportCertificates,
|
recognitionTransportCertificates,
|
||||||
recognizeBaiduOcr,
|
recognizeBaiduOcr,
|
||||||
recognizeQualificationCertificateOcr,
|
|
||||||
} from '@/api/transportCapacity/driver';
|
} from '@/api/transportCapacity/driver';
|
||||||
import { getList as getVehicleList } from '@/api/transportCapacity/transport-vehicle';
|
import { getList as getVehicleList } from '@/api/transportCapacity/transport-vehicle';
|
||||||
import { getDeptTree } from '@/api/system/dept';
|
import { getDeptTree } from '@/api/system/dept';
|
||||||
@@ -797,8 +796,6 @@ export default {
|
|||||||
driverBox: false,
|
driverBox: false,
|
||||||
// 搜索栏组织级联追加「未分配组织」一项(哨兵值见 organization-search mixin)
|
// 搜索栏组织级联追加「未分配组织」一项(哨兵值见 organization-search mixin)
|
||||||
enableUnassignedOrgFilter: true,
|
enableUnassignedOrgFilter: true,
|
||||||
// 表单「所属组织」只允许选平台公司;搜索栏不受影响
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
vehicleSelectorVisible: false,
|
vehicleSelectorVisible: false,
|
||||||
vehicleSelectorLoading: false,
|
vehicleSelectorLoading: false,
|
||||||
vehicleSelectorOption,
|
vehicleSelectorOption,
|
||||||
@@ -923,19 +920,13 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission', 'userInfo']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
// 表单所属组织级联的选项:限定平台公司时多一个原组织兜底节点
|
|
||||||
formOrganizationTreeOptions() {
|
|
||||||
return this.buildFormOrganizationTree();
|
|
||||||
},
|
|
||||||
// 所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
// 所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
return this.resolveFormOrgPath(this.driverForm.organizationName);
|
return this.resolveOrgPath(this.driverForm.organizationName);
|
||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
const name = this.resolveOrgName(path);
|
this.driverForm.organizationName = this.resolveOrgName(path);
|
||||||
this.driverForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
isAdmin() {
|
isAdmin() {
|
||||||
@@ -973,8 +964,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// initDeptTree 末尾会拉组织树(含平台公司 id),这里不再重复请求
|
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
this.initRegionOptions();
|
this.initRegionOptions();
|
||||||
this.initQualificationTypeOptions();
|
this.initQualificationTypeOptions();
|
||||||
},
|
},
|
||||||
@@ -992,7 +983,9 @@ export default {
|
|||||||
'organizationName'
|
'organizationName'
|
||||||
);
|
);
|
||||||
vehicleColumn.dicData = this.organizationOptions;
|
vehicleColumn.dicData = this.organizationOptions;
|
||||||
return this.loadOrganizationOptions();
|
if (this.driverBox && !this.driverForm.id && !this.driverForm.organizationName) {
|
||||||
|
this.driverForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
initQualificationTypeOptions() {
|
initQualificationTypeOptions() {
|
||||||
@@ -1022,11 +1015,6 @@ export default {
|
|||||||
});
|
});
|
||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空,
|
|
||||||
// 不能让默认值带出一个在表单里选不中的组织名
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
getCurrentOrganizationName() {
|
getCurrentOrganizationName() {
|
||||||
const currentDeptId = this.userInfo.deptId || this.userInfo.dept_id;
|
const currentDeptId = this.userInfo.deptId || this.userInfo.dept_id;
|
||||||
const currentDept = this.organizationOptions.find(
|
const currentDept = this.organizationOptions.find(
|
||||||
@@ -1214,16 +1202,8 @@ export default {
|
|||||||
this.submitAttempted = false;
|
this.submitAttempted = false;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.driverForm = emptyForm();
|
this.driverForm = emptyForm();
|
||||||
// 组织树与平台公司列表异步加载,默认值要等两者都到位才能判定,这里先留空
|
this.driverForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.driverForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.driverBox = true;
|
this.driverBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.driverBox || this.driverForm.id || this.driverForm.organizationName) return;
|
|
||||||
const name = this.getDefaultOrganizationName();
|
|
||||||
this.driverForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
@@ -1237,13 +1217,11 @@ export default {
|
|||||||
postList: detail.posts ? detail.posts.split(',').filter(Boolean) : [],
|
postList: detail.posts ? detail.posts.split(',').filter(Boolean) : [],
|
||||||
};
|
};
|
||||||
this.syncAddressRegionPath();
|
this.syncAddressRegionPath();
|
||||||
this.syncFormOrganizationLegacy(this.driverForm.organizationName);
|
|
||||||
this.driverBox = true;
|
this.driverBox = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
resetDriver() {
|
resetDriver() {
|
||||||
this.driverForm = emptyForm();
|
this.driverForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.drivingLicenseUploads = {};
|
this.drivingLicenseUploads = {};
|
||||||
this.readonly = false;
|
this.readonly = false;
|
||||||
this.submitAttempted = false;
|
this.submitAttempted = false;
|
||||||
@@ -1344,28 +1322,8 @@ export default {
|
|||||||
},
|
},
|
||||||
handleQualificationUploadSuccess(prop, url) {
|
handleQualificationUploadSuccess(prop, url) {
|
||||||
this.setImage(prop, url);
|
this.setImage(prop, url);
|
||||||
this.recognizeQualificationCertificate(url);
|
this.recognizeBaiduOcr(url, 'general', '', '从业资格证', data => {
|
||||||
},
|
this.applyQualificationRecognition(data);
|
||||||
recognizeQualificationCertificate(url) {
|
|
||||||
if (!url) {
|
|
||||||
this.$message.warning('从业资格证图片上传成功,未获取到图片地址,无法自动识别');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const loading = ElLoading.service({
|
|
||||||
lock: true,
|
|
||||||
text: '从业资格证识别中',
|
|
||||||
background: 'rgba(255, 255, 255, 0.7)',
|
|
||||||
});
|
|
||||||
recognizeQualificationCertificateOcr(url)
|
|
||||||
.then(res => {
|
|
||||||
this.applyQualificationRecognition(res?.data?.data || {});
|
|
||||||
this.$message.success('从业资格证识别完成');
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.$message.warning('从业资格证图片上传成功,自动识别失败,请手动填写相关信息');
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
loading.close();
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
recognizeBaiduOcr(url, type, side, documentName, applyRecognition) {
|
recognizeBaiduOcr(url, type, side, documentName, applyRecognition) {
|
||||||
@@ -1656,69 +1614,48 @@ export default {
|
|||||||
return typeof value === 'object' ? value.words || value.value || '' : value || '';
|
return typeof value === 'object' ? value.words || value.value || '' : value || '';
|
||||||
},
|
},
|
||||||
applyQualificationRecognition(data = {}) {
|
applyQualificationRecognition(data = {}) {
|
||||||
const fields = this.normalizeQualificationOcrFields(data);
|
const qualificationType = this.getQualificationType(data);
|
||||||
const qualificationType = this.getQualificationOcrValue(fields, [
|
const qualificationNo = this.getQualificationNo(data);
|
||||||
'qualification_category',
|
|
||||||
'从业资格类别',
|
|
||||||
'从业资格类型',
|
|
||||||
]).replace(/[,,;;]+$/, '');
|
|
||||||
const qualificationNo = this.getQualificationOcrValue(fields, [
|
|
||||||
'certificate_no',
|
|
||||||
'证号',
|
|
||||||
'从业资格证号',
|
|
||||||
'资格证号',
|
|
||||||
'证书编号',
|
|
||||||
]);
|
|
||||||
const validFrom = this.getQualificationOcrValue(fields, ['valid_from', '有效起始日期']);
|
|
||||||
const validUntil = this.getQualificationOcrValue(fields, ['valid_until', '有效期限', '有效期']);
|
|
||||||
const matchedType = this.matchQualificationType(qualificationType);
|
const matchedType = this.matchQualificationType(qualificationType);
|
||||||
if (matchedType) {
|
if (matchedType) {
|
||||||
this.driverForm.qualificationType = matchedType;
|
this.driverForm.qualificationType = matchedType;
|
||||||
} else if (qualificationType && !this.qualificationTypeOptions.length) {
|
} else if (qualificationType && !this.qualificationTypeOptions.length) {
|
||||||
this.driverForm.qualificationType = qualificationType;
|
this.driverForm.qualificationType = qualificationType;
|
||||||
}
|
}
|
||||||
if (qualificationNo) {
|
if (qualificationNo && !this.driverForm.qualificationNo) {
|
||||||
this.driverForm.qualificationNo = String(qualificationNo).replace(/\s/g, '');
|
this.driverForm.qualificationNo = String(qualificationNo).replace(/\s/g, '');
|
||||||
}
|
}
|
||||||
const startDate = this.normalizeBirthday(validFrom);
|
const words = this.getBaiduOcrWords(data).join(' ');
|
||||||
if (startDate) {
|
const dateList = words.match(/\d{4}[-/.年]\d{1,2}[-/.月]\d{1,2}日?/g) || [];
|
||||||
this.driverForm.qualificationStartDate = startDate;
|
if (/(长期|永久有效)/.test(words)) {
|
||||||
}
|
|
||||||
if (/(长期|永久)/.test(validUntil)) {
|
|
||||||
this.driverForm.qualificationLongTerm = 1;
|
this.driverForm.qualificationLongTerm = 1;
|
||||||
this.driverForm.qualificationEndDate = '';
|
this.driverForm.qualificationEndDate = '';
|
||||||
} else {
|
} else if (dateList.length) {
|
||||||
const endDate = this.normalizeBirthday(validUntil);
|
this.driverForm.qualificationEndDate = this.normalizeBirthday(dateList[dateList.length - 1]);
|
||||||
if (endDate) {
|
|
||||||
this.driverForm.qualificationEndDate = endDate;
|
|
||||||
this.driverForm.qualificationLongTerm = 0;
|
this.driverForm.qualificationLongTerm = 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
['qualificationType', 'qualificationNo', 'qualificationEndDate'].forEach(prop => {
|
['qualificationType', 'qualificationNo', 'qualificationEndDate'].forEach(prop => {
|
||||||
this.$refs.driverForm?.validateField(prop);
|
this.$refs.driverForm?.validateField(prop);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
normalizeQualificationOcrFields(result = {}) {
|
getQualificationType(data = {}) {
|
||||||
if (result.fields && typeof result.fields === 'object' && !Array.isArray(result.fields)) {
|
const fieldValue = this.getOcrValue(data, ['从业资格类别', '从业资格类型']);
|
||||||
return result.fields;
|
if (fieldValue) return String(fieldValue).trim();
|
||||||
|
const words = this.getBaiduOcrWords(data);
|
||||||
|
const labelIndex = words.findIndex(word => /从业资格类别|从业资格类型/.test(word));
|
||||||
|
if (labelIndex < 0) return '';
|
||||||
|
const firstValue = words[labelIndex].replace(/^.*?(?:从业资格类别|从业资格类型)\s*[::]?/, '').trim();
|
||||||
|
const values = firstValue ? [firstValue] : [];
|
||||||
|
for (let index = labelIndex + 1; index < words.length; index += 1) {
|
||||||
|
const word = String(words[index] || '').trim();
|
||||||
|
if (!word || /^(有效起始日期|有效期限|核发机关|继续教育信息|诚信考核信息)/.test(word)) {
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
const keyInfos = result.key_info || result.keyInfo || result.keyInfos || [];
|
values.push(word);
|
||||||
if (!Array.isArray(keyInfos)) return {};
|
}
|
||||||
return Object.fromEntries(
|
return values.join('').replace(/[,,;;]+$/, '').trim();
|
||||||
keyInfos
|
|
||||||
.filter(item => item && item.key)
|
|
||||||
.map(item => [String(item.key).trim(), String(item.value ?? '').trim()])
|
|
||||||
.filter(([, value]) => value)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
getQualificationOcrValue(fields = {}, keys = []) {
|
|
||||||
const normalizedKeys = keys.map(key => String(key).toLowerCase());
|
|
||||||
const entry = Object.entries(fields).find(([key]) =>
|
|
||||||
normalizedKeys.includes(String(key).toLowerCase())
|
|
||||||
);
|
|
||||||
return entry ? String(entry[1] || '').trim() : '';
|
|
||||||
},
|
},
|
||||||
matchQualificationType(value = '') {
|
matchQualificationType(value = '') {
|
||||||
const text = String(value || '').replace(/\s/g, '');
|
const text = String(value || '').replace(/\s/g, '');
|
||||||
@@ -1736,6 +1673,27 @@ export default {
|
|||||||
);
|
);
|
||||||
return matched?.value || '';
|
return matched?.value || '';
|
||||||
},
|
},
|
||||||
|
getQualificationNo(data = {}) {
|
||||||
|
const fieldValue = this.getOcrValue(data, ['从业资格证号', '资格证号', '证书编号']);
|
||||||
|
if (fieldValue) return fieldValue;
|
||||||
|
const words = this.getBaiduOcrWords(data);
|
||||||
|
const labelIndex = words.findIndex(word => /^(?:(?:从业)?资格证号?|证书编号)[::]?$/.test(word));
|
||||||
|
if (labelIndex >= 0 && words[labelIndex + 1]) {
|
||||||
|
return words[labelIndex + 1];
|
||||||
|
}
|
||||||
|
const certificateLine = words.find(word => /(?:从业)?资格证号?|证书编号/.test(word));
|
||||||
|
const match = certificateLine?.match(/(?:(?:从业)?资格证号?|证书编号)\s*[::]?\s*([A-Z0-9-]{6,})/i);
|
||||||
|
return match?.[1] || '';
|
||||||
|
},
|
||||||
|
getBaiduOcrWords(data = {}) {
|
||||||
|
const wordsResult = data.words_result || data.wordsResult || {};
|
||||||
|
if (Array.isArray(wordsResult)) {
|
||||||
|
return wordsResult.map(item => item.words || item.value || '').filter(Boolean);
|
||||||
|
}
|
||||||
|
return Object.values(wordsResult)
|
||||||
|
.map(item => (typeof item === 'object' ? item.words || item.value || '' : item || ''))
|
||||||
|
.filter(Boolean);
|
||||||
|
},
|
||||||
normalizeNation(value = '') {
|
normalizeNation(value = '') {
|
||||||
const nation = String(value || '').trim();
|
const nation = String(value || '').trim();
|
||||||
if (!nation) return '';
|
if (!nation) return '';
|
||||||
|
|||||||
@@ -147,7 +147,7 @@
|
|||||||
<el-form-item label="船舶所属组织" prop="organizationName">
|
<el-form-item label="船舶所属组织" prop="organizationName">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="formOrganizationTreeOptions"
|
:options="organizationTreeOptions"
|
||||||
:props="organizationCascaderProps"
|
:props="organizationCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
@@ -664,8 +664,6 @@ export default {
|
|||||||
shipForm: emptyForm(),
|
shipForm: emptyForm(),
|
||||||
uploadHeaders: getUploadHeaders(),
|
uploadHeaders: getUploadHeaders(),
|
||||||
organizationOptions: [],
|
organizationOptions: [],
|
||||||
// 表单「船舶所属组织」只允许选平台公司;搜索栏不受影响
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
formRules: {
|
formRules: {
|
||||||
organizationName: [{ required: true, message: '请选择船舶所属组织', trigger: 'change' }],
|
organizationName: [{ required: true, message: '请选择船舶所属组织', trigger: 'change' }],
|
||||||
shipName: [
|
shipName: [
|
||||||
@@ -712,19 +710,13 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission', 'userInfo']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
// 表单所属组织级联的选项:限定平台公司时多一个原组织兜底节点
|
|
||||||
formOrganizationTreeOptions() {
|
|
||||||
return this.buildFormOrganizationTree();
|
|
||||||
},
|
|
||||||
// 船舶所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
// 船舶所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
return this.resolveFormOrgPath(this.shipForm.organizationName);
|
return this.resolveOrgPath(this.shipForm.organizationName);
|
||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
const name = this.resolveOrgName(path);
|
this.shipForm.organizationName = this.resolveOrgName(path);
|
||||||
this.shipForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
isAdmin() {
|
isAdmin() {
|
||||||
@@ -752,8 +744,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// initDeptTree 末尾会拉组织树(含平台公司 id),这里不再重复请求
|
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
hasPermission(code) {
|
hasPermission(code) {
|
||||||
@@ -764,7 +756,9 @@ export default {
|
|||||||
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
||||||
const column = this.findColumn(this.option.column, 'organizationName');
|
const column = this.findColumn(this.option.column, 'organizationName');
|
||||||
column.dicData = this.organizationOptions;
|
column.dicData = this.organizationOptions;
|
||||||
return this.loadOrganizationOptions();
|
if (this.shipBox && !this.shipForm.id && !this.shipForm.organizationName) {
|
||||||
|
this.shipForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
flattenDeptOptions(tree = [], level = 0) {
|
flattenDeptOptions(tree = [], level = 0) {
|
||||||
@@ -790,10 +784,6 @@ export default {
|
|||||||
);
|
);
|
||||||
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
validateField(prop) {
|
validateField(prop) {
|
||||||
this.$refs.shipForm?.validateField(prop);
|
this.$refs.shipForm?.validateField(prop);
|
||||||
},
|
},
|
||||||
@@ -885,19 +875,12 @@ export default {
|
|||||||
this.readonly = readonly;
|
this.readonly = readonly;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.shipForm = emptyForm();
|
this.shipForm = emptyForm();
|
||||||
// 默认组织要先有组织树和平台公司列表才能判定,先留空、数据到位再补
|
this.shipForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.shipForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.shipBox = true;
|
this.shipBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.shipBox || this.shipForm.id || this.shipForm.organizationName) return;
|
|
||||||
this.shipForm.organizationName = this.getDefaultOrganizationName();
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
this.shipForm = { ...emptyForm(), ...(res.data.data || {}) };
|
this.shipForm = { ...emptyForm(), ...(res.data.data || {}) };
|
||||||
this.syncFormOrganizationLegacy(this.shipForm.organizationName);
|
|
||||||
this.shipBox = true;
|
this.shipBox = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -907,7 +890,6 @@ export default {
|
|||||||
},
|
},
|
||||||
resetShip() {
|
resetShip() {
|
||||||
this.shipForm = emptyForm();
|
this.shipForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.readonly = false;
|
this.readonly = false;
|
||||||
this.submitLoading = false;
|
this.submitLoading = false;
|
||||||
this.$refs.shipForm?.clearValidate();
|
this.$refs.shipForm?.clearValidate();
|
||||||
|
|||||||
@@ -347,7 +347,7 @@
|
|||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="organizationFormTreeOptions"
|
:options="organizationFormTreeOptions"
|
||||||
:props="organizationFormCascaderProps"
|
:props="formOrgCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@@ -702,8 +702,6 @@ export default {
|
|||||||
// 表单两个级联各自维护路径,避免名称回写互相覆盖;不要与搜索栏共用同一棵树节点
|
// 表单两个级联各自维护路径,避免名称回写互相覆盖;不要与搜索栏共用同一棵树节点
|
||||||
organizationCascaderPath: [],
|
organizationCascaderPath: [],
|
||||||
useDepartmentCascaderPath: [],
|
useDepartmentCascaderPath: [],
|
||||||
// 表单「所属组织」只允许选平台公司,「使用部门」仍是全量组织
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
formOrgCascaderProps: {
|
formOrgCascaderProps: {
|
||||||
value: 'id',
|
value: 'id',
|
||||||
label: 'label',
|
label: 'label',
|
||||||
@@ -759,17 +757,11 @@ export default {
|
|||||||
},
|
},
|
||||||
// 两个级联必须使用克隆后的独立树,否则 checkStrictly 会在节点上互相抢选中态
|
// 两个级联必须使用克隆后的独立树,否则 checkStrictly 会在节点上互相抢选中态
|
||||||
organizationFormTreeOptions() {
|
organizationFormTreeOptions() {
|
||||||
return this.cloneOrgTree(this.buildFormOrganizationTree());
|
return this.cloneOrgTree(this.organizationTreeOptions);
|
||||||
},
|
},
|
||||||
useDepartmentFormTreeOptions() {
|
useDepartmentFormTreeOptions() {
|
||||||
return this.cloneOrgTree(this.organizationTreeOptions);
|
return this.cloneOrgTree(this.organizationTreeOptions);
|
||||||
},
|
},
|
||||||
// 所属组织级联的可选范围:只放开平台公司;使用部门仍用 formOrgCascaderProps 全量可选
|
|
||||||
organizationFormCascaderProps() {
|
|
||||||
return this.restrictFormOrgToPlatformCompany
|
|
||||||
? { ...this.formOrgCascaderProps, disabled: data => this.platformCompanyOrgDisabled(data) }
|
|
||||||
: this.formOrgCascaderProps;
|
|
||||||
},
|
|
||||||
// 所属组织级联:本地保存 id 路径,名称同步到表单字段供后端使用
|
// 所属组织级联:本地保存 id 路径,名称同步到表单字段供后端使用
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
@@ -777,9 +769,7 @@ export default {
|
|||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
this.organizationCascaderPath = Array.isArray(path) ? [...path] : [];
|
this.organizationCascaderPath = Array.isArray(path) ? [...path] : [];
|
||||||
const name = this.resolveOrgName(this.organizationCascaderPath);
|
this.vehicleForm.organizationName = this.resolveOrgName(this.organizationCascaderPath);
|
||||||
this.vehicleForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
// 使用部门级联:独立路径状态,避免与所属组织共用计算回写导致选不中
|
// 使用部门级联:独立路径状态,避免与所属组织共用计算回写导致选不中
|
||||||
@@ -820,6 +810,7 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
organizationTreeOptions() {
|
organizationTreeOptions() {
|
||||||
@@ -861,15 +852,17 @@ export default {
|
|||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
syncOrgCascaderPaths() {
|
syncOrgCascaderPaths() {
|
||||||
this.organizationCascaderPath = this.resolveFormOrgPath(this.vehicleForm.organizationName);
|
this.organizationCascaderPath = this.resolveOrgPath(this.vehicleForm.organizationName);
|
||||||
this.useDepartmentCascaderPath = this.resolveOrgPath(this.vehicleForm.useDepartment);
|
this.useDepartmentCascaderPath = this.resolveOrgPath(this.vehicleForm.useDepartment);
|
||||||
},
|
},
|
||||||
initDeptTree() {
|
initDeptTree() {
|
||||||
this.loadOrganizationOptions();
|
|
||||||
getDeptTree(this.userInfo.tenantId).then(res => {
|
getDeptTree(this.userInfo.tenantId).then(res => {
|
||||||
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
||||||
const column = this.findColumn(this.option.column, 'organizationName');
|
const column = this.findColumn(this.option.column, 'organizationName');
|
||||||
column.dicData = this.organizationOptions;
|
column.dicData = this.organizationOptions;
|
||||||
|
if (this.vehicleBox && !this.vehicleForm.id && !this.vehicleForm.organizationName) {
|
||||||
|
this.vehicleForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
if (this.vehicleBox && !this.vehicleForm.useDepartment) {
|
if (this.vehicleBox && !this.vehicleForm.useDepartment) {
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
}
|
}
|
||||||
@@ -901,10 +894,6 @@ export default {
|
|||||||
);
|
);
|
||||||
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
digitsOnly(value = '') {
|
digitsOnly(value = '') {
|
||||||
return String(value).replace(/\D/g, '');
|
return String(value).replace(/\D/g, '');
|
||||||
},
|
},
|
||||||
@@ -972,18 +961,11 @@ export default {
|
|||||||
this.readonly = readonly;
|
this.readonly = readonly;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.vehicleForm = emptyForm();
|
this.vehicleForm = emptyForm();
|
||||||
// 默认组织要先有组织树和平台公司列表才能判定,先留空、数据到位再补
|
this.vehicleForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.vehicleForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
this.syncOrgCascaderPaths();
|
this.syncOrgCascaderPaths();
|
||||||
this.syncPlateNo(false);
|
this.syncPlateNo(false);
|
||||||
this.vehicleBox = true;
|
this.vehicleBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.vehicleBox || this.vehicleForm.id || this.vehicleForm.organizationName) return;
|
|
||||||
this.vehicleForm.organizationName = this.getDefaultOrganizationName();
|
|
||||||
this.syncOrgCascaderPaths();
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
@@ -995,7 +977,6 @@ export default {
|
|||||||
if (!this.vehicleForm.useDepartment) {
|
if (!this.vehicleForm.useDepartment) {
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
}
|
}
|
||||||
this.syncFormOrganizationLegacy(this.vehicleForm.organizationName);
|
|
||||||
this.syncOrgCascaderPaths();
|
this.syncOrgCascaderPaths();
|
||||||
this.splitPlateNo();
|
this.splitPlateNo();
|
||||||
this.syncPlateNo(false);
|
this.syncPlateNo(false);
|
||||||
@@ -1008,7 +989,6 @@ export default {
|
|||||||
},
|
},
|
||||||
resetVehicle() {
|
resetVehicle() {
|
||||||
this.vehicleForm = emptyForm();
|
this.vehicleForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.organizationCascaderPath = [];
|
this.organizationCascaderPath = [];
|
||||||
this.useDepartmentCascaderPath = [];
|
this.useDepartmentCascaderPath = [];
|
||||||
this.vehicleCertificateUploads = {};
|
this.vehicleCertificateUploads = {};
|
||||||
@@ -1630,16 +1610,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 列表组织列超长时单行省略
|
|
||||||
.org-cell-text {
|
|
||||||
display: inline-block;
|
|
||||||
max-width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 编辑弹窗:灰底 + section-card 白卡分组
|
// 编辑弹窗:灰底 + section-card 白卡分组
|
||||||
.vehicle-form {
|
.vehicle-form {
|
||||||
:deep(.el-form-item__label) {
|
:deep(.el-form-item__label) {
|
||||||
@@ -1671,7 +1641,18 @@ export default {
|
|||||||
flex: 0 0 calc(4em + 24px) !important;
|
flex: 0 0 calc(4em + 24px) !important;
|
||||||
width: calc(4em + 24px) !important;
|
width: calc(4em + 24px) !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.org-cell-text {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vehicle-form {
|
||||||
.org-cascader-tooltip {
|
.org-cascader-tooltip {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1409,10 +1409,9 @@
|
|||||||
<el-form-item label="自评得分" :required="isOfflineScore">
|
<el-form-item label="自评得分" :required="isOfflineScore">
|
||||||
<el-input
|
<el-input
|
||||||
v-if="isOfflineScore"
|
v-if="isOfflineScore"
|
||||||
:model-value="formatScoreValue(currentScore.selfScore)"
|
v-model="currentScore.selfScore"
|
||||||
maxlength="10"
|
maxlength="10"
|
||||||
:disabled="readonly"
|
:disabled="readonly"
|
||||||
placeholder="请输入自评得分"
|
|
||||||
@input="handleOfflineSelfScoreInput"
|
@input="handleOfflineSelfScoreInput"
|
||||||
@blur="recalculateOfflineScore"
|
@blur="recalculateOfflineScore"
|
||||||
>
|
>
|
||||||
@@ -2490,14 +2489,8 @@ export default {
|
|||||||
];
|
];
|
||||||
const rows = categoryMap.map((category, index) => {
|
const rows = categoryMap.map((category, index) => {
|
||||||
const details = this.getScoreCategoryDetails(category.categoryCode);
|
const details = this.getScoreCategoryDetails(category.categoryCode);
|
||||||
const sumCategoryScore = prop =>
|
let selfScore = details.reduce((sum, item) => sum + Number(item.selfScore || 0), 0);
|
||||||
details.reduce((sum, item) => {
|
let reviewScore = details.reduce((sum, item) => sum + Number(item.reviewScore || 0), 0);
|
||||||
if (this.isBlankScore(item[prop])) return sum;
|
|
||||||
const value = Number(item[prop]);
|
|
||||||
return sum + (Number.isFinite(value) ? value : 0);
|
|
||||||
}, 0);
|
|
||||||
let selfScore = sumCategoryScore('selfScore');
|
|
||||||
let reviewScore = sumCategoryScore('reviewScore');
|
|
||||||
// 暂定:加分/减分合计最高按 15 分计(分类汇总展示封顶后值)
|
// 暂定:加分/减分合计最高按 15 分计(分类汇总展示封顶后值)
|
||||||
if (category.categoryCode === 'plus') {
|
if (category.categoryCode === 'plus') {
|
||||||
selfScore = Math.min(selfScore, HARDCODED_MAX_PLUS_SCORE);
|
selfScore = Math.min(selfScore, HARDCODED_MAX_PLUS_SCORE);
|
||||||
@@ -4559,9 +4552,6 @@ export default {
|
|||||||
quantificationId: score.quantificationId ? String(score.quantificationId) : '',
|
quantificationId: score.quantificationId ? String(score.quantificationId) : '',
|
||||||
evaluateMode: score.evaluateMode === 'offline' ? 'offline' : 'online',
|
evaluateMode: score.evaluateMode === 'offline' ? 'offline' : 'online',
|
||||||
nextEvaluateDate: score.nextEvaluateDate || '',
|
nextEvaluateDate: score.nextEvaluateDate || '',
|
||||||
selfScore: this.normalizeScoreInputValue(score.selfScore),
|
|
||||||
reviewScore: this.normalizeScoreInputValue(score.reviewScore),
|
|
||||||
finalScore: this.normalizeScoreInputValue(score.finalScore),
|
|
||||||
applyCreditLimit: this.normalizeOptionalAmount(
|
applyCreditLimit: this.normalizeOptionalAmount(
|
||||||
score.applyCreditLimit === undefined
|
score.applyCreditLimit === undefined
|
||||||
? this.archiveForm.applyCreditLimit
|
? this.archiveForm.applyCreditLimit
|
||||||
@@ -4575,8 +4565,6 @@ export default {
|
|||||||
details: (score.details || []).map(detail => ({
|
details: (score.details || []).map(detail => ({
|
||||||
...detail,
|
...detail,
|
||||||
scoreInput: this.normalizeScoreInputValue(detail.scoreInput),
|
scoreInput: this.normalizeScoreInputValue(detail.scoreInput),
|
||||||
selfScore: this.normalizeScoreInputValue(detail.selfScore),
|
|
||||||
reviewScore: this.normalizeScoreInputValue(detail.reviewScore),
|
|
||||||
})),
|
})),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@@ -5357,9 +5345,7 @@ export default {
|
|||||||
return this.getScoreDetailCategoryCode(detail) === 'basic';
|
return this.getScoreDetailCategoryCode(detail) === 'basic';
|
||||||
},
|
},
|
||||||
getSignedScore(detail, prop) {
|
getSignedScore(detail, prop) {
|
||||||
if (this.isBlankScore(detail[prop])) return '';
|
const score = Number(detail[prop] || 0);
|
||||||
const score = Number(detail[prop]);
|
|
||||||
if (!Number.isFinite(score)) return '';
|
|
||||||
return this.isMinusScoreDetail(detail) && score > 0 ? -score : score;
|
return this.isMinusScoreDetail(detail) && score > 0 ? -score : score;
|
||||||
},
|
},
|
||||||
getScoreItemFullScore(detail = {}) {
|
getScoreItemFullScore(detail = {}) {
|
||||||
@@ -5433,12 +5419,7 @@ export default {
|
|||||||
const basicDetails = this.getScoreCategoryDetailsByList(details, 'basic');
|
const basicDetails = this.getScoreCategoryDetailsByList(details, 'basic');
|
||||||
const plusDetails = this.getScoreCategoryDetailsByList(details, 'plus');
|
const plusDetails = this.getScoreCategoryDetailsByList(details, 'plus');
|
||||||
const minusDetails = this.getScoreCategoryDetailsByList(details, 'minus');
|
const minusDetails = this.getScoreCategoryDetailsByList(details, 'minus');
|
||||||
const sumScore = (list, prop) =>
|
const sumScore = (list, prop) => list.reduce((sum, item) => sum + Number(item[prop] || 0), 0);
|
||||||
list.reduce((sum, item) => {
|
|
||||||
if (this.isBlankScore(item[prop])) return sum;
|
|
||||||
const value = Number(item[prop]);
|
|
||||||
return sum + (Number.isFinite(value) ? value : 0);
|
|
||||||
}, 0);
|
|
||||||
const rawPlusSelf = sumScore(plusDetails, 'selfScore');
|
const rawPlusSelf = sumScore(plusDetails, 'selfScore');
|
||||||
const rawPlusReview = sumScore(plusDetails, 'reviewScore');
|
const rawPlusReview = sumScore(plusDetails, 'reviewScore');
|
||||||
const rawMinusSelf = sumScore(minusDetails, 'selfScore');
|
const rawMinusSelf = sumScore(minusDetails, 'selfScore');
|
||||||
@@ -5453,51 +5434,33 @@ export default {
|
|||||||
const hasReviewScore = details.some(
|
const hasReviewScore = details.some(
|
||||||
item => !this.isBlankScore(item.reviewScore)
|
item => !this.isBlankScore(item.reviewScore)
|
||||||
);
|
);
|
||||||
// 线下模式允许手工改自评得分:有手工值时优先采用,否则回退明细合计;-1 视为未填
|
// 线下模式允许手工改自评得分:有手工值时优先采用,否则回退明细合计
|
||||||
const isOffline = String(score.evaluateMode || '') === 'offline';
|
const isOffline = String(score.evaluateMode || '') === 'offline';
|
||||||
const hasManualSelfScore = isOffline && !this.isBlankScore(score.selfScore);
|
|
||||||
const hasFilledDetail = details.some(item => {
|
|
||||||
if (this.isScoreTypeDetail(item)) {
|
|
||||||
const input = String(item.scoreInput ?? '').trim();
|
|
||||||
return input !== '' && input !== '-' && input !== '.';
|
|
||||||
}
|
|
||||||
return !this.isBlankScore(item.selectedOption);
|
|
||||||
});
|
|
||||||
const manualSelfScore = Number(score.selfScore);
|
const manualSelfScore = Number(score.selfScore);
|
||||||
const selfScore =
|
const selfScore =
|
||||||
hasManualSelfScore && Number.isFinite(manualSelfScore) ? manualSelfScore : computedSelfScore;
|
isOffline && Number.isFinite(manualSelfScore) && String(score.selfScore ?? '').trim() !== ''
|
||||||
|
? manualSelfScore
|
||||||
|
: computedSelfScore;
|
||||||
const finalScore = hasReviewScore ? reviewScore : selfScore;
|
const finalScore = hasReviewScore ? reviewScore : selfScore;
|
||||||
const fullMark = this.getScoreFullMark(details);
|
const fullMark = this.getScoreFullMark(details);
|
||||||
const scoreRate =
|
const scoreRate =
|
||||||
fullMark > 0 ? Math.max(0, Math.min(100, (finalScore / fullMark) * 100)) : 0;
|
fullMark > 0 ? Math.max(0, Math.min(100, (finalScore / fullMark) * 100)) : 0;
|
||||||
const standard = this.matchCreditStandard(score, scoreRate);
|
const standard = this.matchCreditStandard(score, scoreRate);
|
||||||
const hasStandards = (score.standards || []).some(item => item && item.creditLevel);
|
const hasStandards = (score.standards || []).some(item => item && item.creditLevel);
|
||||||
// 线下未手工填写且明细未实际填报时保留空,避免默认写出 -1/0
|
score.selfScore = Number(Number(selfScore).toFixed(2));
|
||||||
const keepOfflineScoreBlank = isOffline && !hasManualSelfScore && !hasFilledDetail;
|
|
||||||
score.selfScore = keepOfflineScoreBlank ? '' : Number(Number(selfScore).toFixed(2));
|
|
||||||
score.reviewScore = Number(reviewScore.toFixed(2));
|
score.reviewScore = Number(reviewScore.toFixed(2));
|
||||||
score.finalScore =
|
score.finalScore = Number(Number(finalScore).toFixed(2));
|
||||||
keepOfflineScoreBlank && !hasReviewScore ? '' : Number(Number(finalScore).toFixed(2));
|
score.scoreRate = Number(scoreRate.toFixed(2));
|
||||||
score.scoreRate = keepOfflineScoreBlank && !hasReviewScore ? '' : Number(scoreRate.toFixed(2));
|
|
||||||
if (hasStandards) {
|
if (hasStandards) {
|
||||||
score.creditLevel = keepOfflineScoreBlank && !hasReviewScore ? '' : standard?.creditLevel || '';
|
score.creditLevel = standard?.creditLevel || '';
|
||||||
score.maxCreditLimit =
|
score.maxCreditLimit = standard
|
||||||
keepOfflineScoreBlank && !hasReviewScore
|
|
||||||
? ''
|
|
||||||
: standard
|
|
||||||
? this.calculateCreditLimitByStandard(standard, scoreRate)
|
? this.calculateCreditLimitByStandard(standard, scoreRate)
|
||||||
: '';
|
: '';
|
||||||
}
|
}
|
||||||
return score;
|
return score;
|
||||||
},
|
},
|
||||||
isBlankScore(value) {
|
isBlankScore(value) {
|
||||||
return (
|
return value === undefined || value === null || String(value).trim() === '';
|
||||||
value === undefined ||
|
|
||||||
value === null ||
|
|
||||||
value === -1 ||
|
|
||||||
value === '-1' ||
|
|
||||||
String(value).trim() === ''
|
|
||||||
);
|
|
||||||
},
|
},
|
||||||
hasIncompleteBasicScoreDetail(details = []) {
|
hasIncompleteBasicScoreDetail(details = []) {
|
||||||
return this.getScoreCategoryDetailsByList(details, 'basic').some(item => {
|
return this.getScoreCategoryDetailsByList(details, 'basic').some(item => {
|
||||||
@@ -6005,27 +5968,6 @@ export default {
|
|||||||
this.currentScore.evaluateMode = mode === 'offline' ? 'offline' : 'online';
|
this.currentScore.evaluateMode = mode === 'offline' ? 'offline' : 'online';
|
||||||
if (this.isOfflineScore) {
|
if (this.isOfflineScore) {
|
||||||
this.expandedScoreCategoryKeys = [];
|
this.expandedScoreCategoryKeys = [];
|
||||||
// 切到线下且明细尚未实际填报时清空自评,避免沿用线上合计或 -1 哨兵值
|
|
||||||
const hasFilledDetail = (this.currentScore.details || []).some(item => {
|
|
||||||
if (this.isScoreTypeDetail(item)) {
|
|
||||||
const input = String(item.scoreInput ?? '').trim();
|
|
||||||
return input !== '' && input !== '-' && input !== '.';
|
|
||||||
}
|
|
||||||
return !this.isBlankScore(item.selectedOption);
|
|
||||||
});
|
|
||||||
if (!hasFilledDetail || this.isBlankScore(this.currentScore.selfScore)) {
|
|
||||||
this.currentScore.selfScore = '';
|
|
||||||
}
|
|
||||||
if (!hasFilledDetail || this.isBlankScore(this.currentScore.finalScore)) {
|
|
||||||
this.currentScore.finalScore = '';
|
|
||||||
}
|
|
||||||
if (!hasFilledDetail) {
|
|
||||||
this.currentScore.scoreRate = '';
|
|
||||||
this.currentScore.creditLevel = '';
|
|
||||||
this.currentScore.maxCreditLimit = '';
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.calculateScore(this.currentScore);
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleOfflineSelfScoreInput(value) {
|
handleOfflineSelfScoreInput(value) {
|
||||||
@@ -6039,19 +5981,6 @@ export default {
|
|||||||
},
|
},
|
||||||
recalculateOfflineScore() {
|
recalculateOfflineScore() {
|
||||||
if (!this.isOfflineScore) return;
|
if (!this.isOfflineScore) return;
|
||||||
if (this.isBlankScore(this.currentScore.selfScore)) {
|
|
||||||
this.currentScore.selfScore = '';
|
|
||||||
const hasReviewScore = (this.currentScore.details || []).some(
|
|
||||||
item => !this.isBlankScore(item.reviewScore)
|
|
||||||
);
|
|
||||||
if (!hasReviewScore) {
|
|
||||||
this.currentScore.finalScore = '';
|
|
||||||
}
|
|
||||||
this.currentScore.scoreRate = '';
|
|
||||||
this.currentScore.creditLevel = '';
|
|
||||||
this.currentScore.maxCreditLimit = '';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const selfScore = Number(this.currentScore.selfScore);
|
const selfScore = Number(this.currentScore.selfScore);
|
||||||
if (!Number.isFinite(selfScore)) return;
|
if (!Number.isFinite(selfScore)) return;
|
||||||
this.currentScore.selfScore = Number(selfScore.toFixed(2));
|
this.currentScore.selfScore = Number(selfScore.toFixed(2));
|
||||||
|
|||||||
Reference in New Issue
Block a user