刘泉佳
290 lines
9.1 KiB
Vue
290 lines
9.1 KiB
Vue
<template>
|
|
<avue-crud
|
|
ref="crud"
|
|
:option="option"
|
|
:table-loading="loading"
|
|
:data="rows"
|
|
v-model:page="crudPage"
|
|
@search-change="(params, done) => $emit('search-change', params, done)"
|
|
@search-reset="$emit('search-reset')"
|
|
@selection-change="handleSelectionChange"
|
|
@refresh-change="$emit('refresh')"
|
|
@on-load="page => $emit('load', page)"
|
|
>
|
|
<template #menu-left>
|
|
<el-button v-if="hasPermission('add')" type="primary" @click="$emit('create')"
|
|
>新增</el-button
|
|
>
|
|
<el-button
|
|
v-if="showPaymentAction && hasPermission('payment')"
|
|
type="primary"
|
|
plain
|
|
:disabled="!selection.length"
|
|
@click="$emit('payment')"
|
|
>付款申请</el-button
|
|
>
|
|
<!-- 先票后款：付款结算单审批通过后可发票登记（关联收票单并推送指定应付），选中一条付款结算单操作 -->
|
|
<el-button
|
|
v-if="showPaymentAction && hasPermission('invoice_register')"
|
|
type="primary"
|
|
plain
|
|
:disabled="!selection.length"
|
|
@click="emitSingle('invoiceRegister')"
|
|
>发票登记</el-button
|
|
>
|
|
<el-button
|
|
v-if="hasPermission('sync')"
|
|
type="primary"
|
|
plain
|
|
:disabled="!selection.length"
|
|
:loading="syncLoading"
|
|
@click="$emit('sync')"
|
|
>同步金蝶</el-button
|
|
>
|
|
<el-button v-if="hasPermission('print')" type="primary" plain @click="emitSingle('print')"
|
|
>打印结算单</el-button
|
|
>
|
|
<el-button v-if="hasPermission('export')" type="primary" plain @click="$emit('export')"
|
|
>导出</el-button
|
|
>
|
|
</template>
|
|
|
|
<template #formalSettlementNo="{ row }">
|
|
<el-link type="primary" @click="emitAction('view', row)">{{
|
|
row.formalSettlementNo || '-'
|
|
}}</el-link>
|
|
</template>
|
|
|
|
<template #invoiceStatusName="{ row }">
|
|
<span :class="['fs-invoice-status', `is-${row.invoiceStatus || 'unreceived'}`]">{{
|
|
invoiceName(row.invoiceStatus, row.settlementType)
|
|
}}</span>
|
|
</template>
|
|
|
|
<template #paymentStatusName="{ row }">{{ paymentName(row.paymentStatus) }}</template>
|
|
|
|
<template #approvalStatusName="{ row }">
|
|
<el-tag :type="statusType(row.approvalStatus)" class="status-text">{{
|
|
row.approvalStatusName || '-'
|
|
}}</el-tag>
|
|
</template>
|
|
|
|
<template #kingdeeSyncStatus="{ row }">
|
|
<el-tooltip
|
|
:disabled="row.kingdeeSyncStatus !== 'failed'"
|
|
:content="row.kingdeeFailReason || '推送金蝶失败，可点击「同步金蝶」重试'"
|
|
placement="top"
|
|
>
|
|
<el-tag :type="kingdeeStatusType(row.kingdeeSyncStatus)">{{
|
|
kingdeeSyncName(row.kingdeeSyncStatus)
|
|
}}</el-tag>
|
|
</el-tooltip>
|
|
</template>
|
|
|
|
<template #kingdeeLockStatus="{ row }">
|
|
<el-tooltip v-if="lockTag(row).show" :content="lockTag(row).tip" placement="top">
|
|
<el-tag :type="lockTag(row).type" class="status-text">{{ lockTag(row).label }}</el-tag>
|
|
</el-tooltip>
|
|
<span v-else>-</span>
|
|
</template>
|
|
|
|
<template #kingdeeAssignStatus="{ row }">
|
|
<el-tooltip
|
|
:disabled="row.kingdeeAssignStatus !== 'failed'"
|
|
:content="row.kingdeeAssignFailReason || '收票单指定应付失败，可在查看页对失败行重新推送'"
|
|
placement="top"
|
|
>
|
|
<el-tag
|
|
v-if="row.kingdeeAssignStatus"
|
|
:type="{ assigned: 'success', failed: 'danger' }[row.kingdeeAssignStatus] || 'info'"
|
|
size="small"
|
|
>
|
|
{{ { assigned: '已指定应付', failed: '指定失败' }[row.kingdeeAssignStatus] || '未指定' }}
|
|
</el-tag>
|
|
<span v-else>-</span>
|
|
</el-tooltip>
|
|
</template>
|
|
|
|
<template #menu="{ row }">
|
|
<el-link
|
|
v-for="action in rowActions(row)"
|
|
:key="action.type"
|
|
:type="action.danger ? 'danger' : 'primary'"
|
|
@click="emitAction(action.type, row)"
|
|
>{{ action.label }}</el-link
|
|
>
|
|
</template>
|
|
</avue-crud>
|
|
</template>
|
|
|
|
<script>
|
|
import { invoiceStatusName } from '@/option/settlement/formalSettlementSearch';
|
|
import { kingdeeSyncName, paymentStatusName } from '@/option/settlement/formalSettlement';
|
|
import { kingdeeStatusType } from '@/utils/kingdee';
|
|
|
|
export default {
|
|
name: 'FormalSettlementTablePanel',
|
|
props: {
|
|
option: { type: Object, required: true },
|
|
rows: { type: Array, default: () => [] },
|
|
loading: { type: Boolean, default: false },
|
|
syncLoading: { type: Boolean, default: false },
|
|
page: { type: Object, required: true },
|
|
hasPermission: { type: Function, required: true },
|
|
mkEnabled: { type: Boolean, default: false },
|
|
/** 是否展示付款申请按钮（仅付款结算单） */
|
|
showPaymentAction: { type: Boolean, default: true },
|
|
billLabel: { type: String, default: '结算单' },
|
|
},
|
|
emits: [
|
|
'create',
|
|
'payment',
|
|
'sync',
|
|
'export',
|
|
'refresh',
|
|
'load',
|
|
'action',
|
|
'update:selection',
|
|
'search-change',
|
|
'search-reset',
|
|
],
|
|
data() {
|
|
return {
|
|
selection: [],
|
|
};
|
|
},
|
|
computed: {
|
|
// 分页对象由父级持有，avue 内部翻页时同步回写同一个对象
|
|
crudPage: {
|
|
get() {
|
|
return this.page;
|
|
},
|
|
set(value) {
|
|
Object.assign(this.page, value || {});
|
|
},
|
|
},
|
|
},
|
|
watch: {
|
|
rows() {
|
|
this.selection = [];
|
|
this.$refs.crud?.toggleSelection?.();
|
|
this.$emit('update:selection', this.selection);
|
|
},
|
|
},
|
|
methods: {
|
|
handleSelectionChange(selection) {
|
|
this.selection = selection;
|
|
this.$emit('update:selection', selection);
|
|
},
|
|
emitAction(type, row) {
|
|
this.$emit('action', { type, row });
|
|
},
|
|
emitSingle(type) {
|
|
if (this.selection.length !== 1) {
|
|
this.$message.warning(`${type === 'print' ? '打印' : '操作'}需选择一条${this.billLabel}`);
|
|
return;
|
|
}
|
|
this.$emit('action', { type, row: this.selection[0] });
|
|
},
|
|
isEditable(row) {
|
|
return ['draft', 'returned'].includes(row.approvalStatus);
|
|
},
|
|
rowActions(row) {
|
|
const actions = [];
|
|
if (this.hasPermission('view')) actions.push({ type: 'view', label: '查看' });
|
|
if (this.hasPermission('edit') && this.isEditable(row))
|
|
actions.push({ type: 'edit', label: '编辑' });
|
|
if (this.hasPermission('delete') && row.approvalStatus === 'draft')
|
|
actions.push({ type: 'delete', label: '删除', danger: true });
|
|
if (this.hasPermission('submit') && this.isEditable(row))
|
|
actions.push({ type: 'submit', label: '提交' });
|
|
if (
|
|
this.mkEnabled &&
|
|
this.hasPermission('approve') &&
|
|
['reviewing', 'approved'].includes(row.approvalStatus)
|
|
) {
|
|
actions.push({ type: 'mkAudit', label: '流程' });
|
|
}
|
|
if (!this.mkEnabled && this.hasPermission('approve') && row.approvalStatus === 'reviewing') {
|
|
actions.push({ type: 'approve', label: '通过' });
|
|
actions.push({ type: 'return', label: '驳回', danger: true });
|
|
}
|
|
if (
|
|
this.hasPermission('void') &&
|
|
row.approvalStatus === 'approved' &&
|
|
row.kingdeeSyncStatus !== 'synced'
|
|
)
|
|
actions.push({ type: 'void', label: '作废', danger: true });
|
|
return actions;
|
|
},
|
|
statusType(status) {
|
|
return (
|
|
{ approved: 'success', reviewing: 'warning', returned: 'danger', voided: 'info' }[status] ||
|
|
''
|
|
);
|
|
},
|
|
kingdeeStatusType,
|
|
invoiceName(value, settlementType) {
|
|
return invoiceStatusName(value, settlementType);
|
|
},
|
|
paymentName(value) {
|
|
return paymentStatusName(value);
|
|
},
|
|
kingdeeSyncName(value) {
|
|
return kingdeeSyncName(value);
|
|
},
|
|
lockTag(row) {
|
|
if (row.kingdeeLockStatus === 'locked') {
|
|
return {
|
|
show: true,
|
|
type: 'danger',
|
|
label: '金蝶锁定中',
|
|
tip: '该单据已被金蝶锁定，不可编辑/作废',
|
|
};
|
|
}
|
|
if (row.kingdeeLockStatus === 'failed') {
|
|
if ((row.kingdeeTryCount || 0) >= 5) {
|
|
return {
|
|
show: true,
|
|
type: 'danger',
|
|
label: '锁定失败·已达上限',
|
|
tip: row.kingdeeLockFailReason || '自动补偿次数已用完，请重推「同步金蝶」立即补锁',
|
|
};
|
|
}
|
|
return {
|
|
show: true,
|
|
type: 'warning',
|
|
label: '锁定失败·补偿中',
|
|
tip: row.kingdeeLockFailReason || '系统将自动补偿重锁',
|
|
};
|
|
}
|
|
// 金蝶解锁终态标识：删单解锁的源单已作废，此标签用于区分人工作废与金蝶删单
|
|
if (row.kingdeeUnlockTime) {
|
|
const isDelete = row.kingdeeUnlockOperationName === '金蝶删单';
|
|
return {
|
|
show: true,
|
|
type: isDelete ? 'danger' : 'warning',
|
|
label: row.kingdeeUnlockOperationName || '金蝶解锁',
|
|
tip: `${row.kingdeeUnlockOperator || '-'} 于 ${this.$dayjs(row.kingdeeUnlockTime).format('YYYY-MM-DD HH:mm:ss')} 解锁`,
|
|
};
|
|
}
|
|
return { show: false };
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.fs-invoice-status {
|
|
&.is-unreceived {
|
|
color: #f56c6c;
|
|
}
|
|
&.is-partial {
|
|
color: #e6a23c;
|
|
}
|
|
&.is-completed {
|
|
color: #67c23c;
|
|
}
|
|
}
|
|
</style>
|