feat：财税管理-报销单相关
parent
c847def6f2
commit
37f83da6ba
@ -1,110 +1,117 @@
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
import { GetClientListByCode } from '/@/api/common'
|
||||
import { numberThousandFormat } from '/@/utils/commonUtil'
|
||||
|
||||
export type BillItem = {
|
||||
id: string
|
||||
reimbursementId: string
|
||||
creationTime: string
|
||||
reimburser: string
|
||||
reimbursementType: number
|
||||
department: string | null
|
||||
voucherNumber: string
|
||||
payeeAccountNumber: string
|
||||
bankName: string
|
||||
payeeName: string
|
||||
amount: number
|
||||
userId: string
|
||||
rejectReason: string | null
|
||||
note: string | null
|
||||
[key: string]: any
|
||||
}
|
||||
|
||||
export const statusList: LabelValueOptions = [
|
||||
{ label: '未提交', value: 0, class: 'icon-jichu_yuanquan', color: '#7A8798' },
|
||||
{ label: '已提交', value: 1, class: 'icon-yiwancheng2-copy', color: '#257AFA' },
|
||||
{ label: '审核通过', value: 2, class: 'icon-yiwancheng2', color: '#17A6A3' },
|
||||
{ label: '审核驳回', value: 3, class: 'icon-weiwancheng-copy', color: '#BA3849' },
|
||||
{ label: '已撤销', value: 4, class: 'icon-yichexiao', color: '#7A8798' },
|
||||
]
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '报销单编号',
|
||||
dataIndex: 'applicationNO',
|
||||
dataIndex: 'reimbursementId',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '制单时间',
|
||||
dataIndex: 'customerName',
|
||||
dataIndex: 'creationTime',
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return text ?? '-'
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '报销人',
|
||||
dataIndex: 'customerName',
|
||||
dataIndex: 'reimburser',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '状态',
|
||||
dataIndex: 'isLocked',
|
||||
dataIndex: 'reimbursementType',
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return statusList.find((el) => el.value === text)?.label || ''
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '部门',
|
||||
dataIndex: 'modeText',
|
||||
dataIndex: 'department',
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return text ?? '-'
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '凭证号',
|
||||
dataIndex: 'currency',
|
||||
dataIndex: 'voucherNumber',
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return text ?? '-'
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '收款人账号',
|
||||
dataIndex: 'rmbAmount',
|
||||
dataIndex: 'payeeAccountNumber',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '开户行',
|
||||
dataIndex: 'usdAmount',
|
||||
dataIndex: 'bankName',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '收款人名称',
|
||||
dataIndex: 'otherAmount',
|
||||
dataIndex: 'payeeName',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '合计金额',
|
||||
dataIndex: 'unInvoiceAmount',
|
||||
dataIndex: 'amount',
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'billType',
|
||||
label: '',
|
||||
field: 'reimbursementId',
|
||||
label: '报销单编号',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
show: false,
|
||||
defaultValue: 1,
|
||||
},
|
||||
{
|
||||
field: 'settlementNO',
|
||||
label: '结算单号',
|
||||
field: 'reimburser',
|
||||
label: '报销人',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'customerId',
|
||||
label: '结算单位',
|
||||
component: 'ApiSelect',
|
||||
colProps: { span: 4 },
|
||||
componentProps: () => {
|
||||
return {
|
||||
api: GetClientListByCode,
|
||||
labelField: 'pinYinCode',
|
||||
valueField: 'shortName',
|
||||
showName: 'shortName',
|
||||
resultField: 'data',
|
||||
immediate: false,
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'applicationNO',
|
||||
label: '申请单号',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'ledgerVoucherNO',
|
||||
label: '总账凭证号',
|
||||
field: 'voucherNumber',
|
||||
label: '凭证号',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'settlementDate',
|
||||
label: '结算日期',
|
||||
component: 'DatePicker',
|
||||
required: false,
|
||||
dynamicDisabled: false,
|
||||
colProps: { span: 4 },
|
||||
componentProps: {
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
@ -0,0 +1,264 @@
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
import moment from 'moment'
|
||||
import { numberThousandFormat } from '/@/utils/commonUtil'
|
||||
import { BillItem } from '../columns'
|
||||
import { GetClientBankList } from '../api'
|
||||
|
||||
export type PageType = '' | 'ADD' | 'EDIT' | 'VIEW' | 'AUDIT'
|
||||
|
||||
export type BillRowMap = {
|
||||
[key: string]: any
|
||||
}
|
||||
|
||||
export interface BillDetail extends BillItem {
|
||||
data: Recordable[]
|
||||
}
|
||||
|
||||
export const invoiceCodeList: LabelValueOptions = [
|
||||
{ label: '全电发票（铁路电子客票）', value: '51' },
|
||||
{ label: '全电发票（航空运输电子客票行程单）', value: '61' },
|
||||
{ label: '全电发票（增值税专用发票）', value: '81' },
|
||||
{ label: '全电发票（普通发票）', value: '82' },
|
||||
{ label: '全电纸质发票（增值税专用发票）', value: '85' },
|
||||
{ label: '全电纸质发票（普通发票）', value: '86' },
|
||||
{ label: '增值税电子普票发票', value: '026' },
|
||||
{ label: '增值税电子专用发票', value: '028' },
|
||||
{ label: '增值税普通发票', value: '007' },
|
||||
{ label: '增值税专用发票', value: '004' },
|
||||
{ label: '税控卷票', value: '025' },
|
||||
]
|
||||
export const invoiceStatusList: LabelValueOptions = [
|
||||
{ label: '蓝票', value: '00' },
|
||||
{ label: '红票', value: '01' },
|
||||
]
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '发票号码',
|
||||
dataIndex: 'invoiceNumber',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '发票类型代码',
|
||||
dataIndex: 'invoiceTypeCode',
|
||||
width: 200,
|
||||
customRender({ text }) {
|
||||
return invoiceCodeList.find((el) => el.value === text)?.label || ''
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开票日期',
|
||||
dataIndex: 'invoicingDate',
|
||||
width: 140,
|
||||
},
|
||||
{
|
||||
title: '合计金额',
|
||||
dataIndex: 'totalAmount',
|
||||
// sorter: true,
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '合计税额',
|
||||
dataIndex: 'totalTax',
|
||||
width: 100,
|
||||
// sorter: true,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '价税合计',
|
||||
dataIndex: 'totalWithTax',
|
||||
width: 100,
|
||||
// sorter: true,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '发票状态',
|
||||
dataIndex: 'invoiceStatus',
|
||||
width: 100,
|
||||
// sorter: true,
|
||||
customRender: ({ text }) => {
|
||||
return invoiceStatusList.find((el) => el.value === text)?.label || '未知'
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开票人',
|
||||
dataIndex: 'invoicer',
|
||||
width: 80,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '原发票号码',
|
||||
dataIndex: 'originalInvoiceNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '购方开票名称',
|
||||
dataIndex: 'buyerInvoiceName',
|
||||
width: 200,
|
||||
ellipsis: true,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '购方开票税号',
|
||||
dataIndex: 'buyerInvoiceTaxNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方开票名称',
|
||||
dataIndex: 'sellerInvoiceName',
|
||||
width: 150,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方开票税号',
|
||||
dataIndex: 'sellerInvoiceTaxNumber',
|
||||
width: 200,
|
||||
ellipsis: true,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '是否已获取详情',
|
||||
dataIndex: 'isDetailObtained',
|
||||
width: 120,
|
||||
align: 'center',
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方识别号',
|
||||
dataIndex: 'sellerIdentificationNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
]
|
||||
|
||||
export const getDetailForm = (type: PageType): FormSchema[] => {
|
||||
return [
|
||||
{
|
||||
field: 'bankName',
|
||||
label: '开户行',
|
||||
colProps: { span: 4 },
|
||||
rules: [{ required: true }],
|
||||
dynamicDisabled: ['VIEW', 'AUDIT'].includes(type),
|
||||
component: 'ApiSelect',
|
||||
isEdit: ['VIEW', 'AUDIT'].includes(type) ? 1 : 0,
|
||||
componentProps: ({ formModel }) => {
|
||||
return {
|
||||
immediate: true,
|
||||
api: () => {
|
||||
return new Promise((resolve) => {
|
||||
GetClientBankList({
|
||||
pageCondition: { sortConditions: [] },
|
||||
queryCondition:
|
||||
'[{"FieldName":"clientId","FieldValue":"1844556123181551616","ConditionalType":1}]',
|
||||
}).then((res) => {
|
||||
const dataResult = res?.data || []
|
||||
const defaultData = dataResult.find((item) => item.isInvoiceDefault)
|
||||
|
||||
if (defaultData) {
|
||||
formModel.payeeAccountNumber = defaultData.bankAccountNo
|
||||
formModel.bankName = defaultData.bankName
|
||||
}
|
||||
resolve(res?.data || [])
|
||||
})
|
||||
})
|
||||
},
|
||||
labelField: 'bankName',
|
||||
valueField: 'bankName',
|
||||
onChange: (e, obj) => {
|
||||
if (e && obj) {
|
||||
formModel.payeeAccountNumber = obj.bankAccountNo
|
||||
}
|
||||
if (!e && !obj) {
|
||||
formModel.payeeAccountNumber = ''
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'payeeName',
|
||||
label: '收款人名称',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'payeeAccountNumber',
|
||||
label: '收款人账号',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'reimburser',
|
||||
label: '报销人',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'department',
|
||||
label: '部门',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'amount',
|
||||
label: '金额',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
show: ['VIEW', 'AUDIT'].includes(type),
|
||||
field: 'ledgerAccount',
|
||||
label: '会计科目',
|
||||
rules: [{ required: true }],
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: type === 'VIEW',
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
show: ['VIEW', 'AUDIT'].includes(type),
|
||||
field: 'voucherNo',
|
||||
label: '凭证号',
|
||||
colProps: { span: 4 },
|
||||
isEdit: 1,
|
||||
dynamicDisabled: true,
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
// show: type === 'VIEW',
|
||||
field: 'reason',
|
||||
label: '事由',
|
||||
colProps: { span: 4 },
|
||||
component: 'InputTextArea',
|
||||
componentProps: {
|
||||
disTrans: true,
|
||||
disabled: ['VIEW', 'AUDIT'].includes(type),
|
||||
},
|
||||
},
|
||||
{
|
||||
component: 'Divider',
|
||||
colProps: {
|
||||
span: 24,
|
||||
},
|
||||
},
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<BasicModal
|
||||
v-bind="$attrs"
|
||||
:use-wrapper="true"
|
||||
title="审核驳回"
|
||||
width="50%"
|
||||
@register="registerModal"
|
||||
@ok="handleSave"
|
||||
>
|
||||
<!-- 表单 -->
|
||||
<BasicForm @register="registerForm" class="reject-form"> </BasicForm>
|
||||
<!--右下角按钮-->
|
||||
<template #footer>
|
||||
<a-button
|
||||
pre-icon="ant-design:close-outlined"
|
||||
type="warning"
|
||||
:loading="loading"
|
||||
ghost
|
||||
style="margin-right: 0.8rem"
|
||||
@click="closeModal"
|
||||
>
|
||||
取消
|
||||
</a-button>
|
||||
<a-button
|
||||
pre-icon="ant-design:check-circle-outlined"
|
||||
type="primary"
|
||||
:loading="loading"
|
||||
@click="handleSave(true)"
|
||||
>
|
||||
确定
|
||||
</a-button>
|
||||
</template>
|
||||
</BasicModal>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue'
|
||||
import { ReimbursementAudit } from '../../api'
|
||||
import { BasicModal, useModalInner } from '/@/components/Modal'
|
||||
import { BasicForm, FormSchema, useForm } from '/@/components/Form/index'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
const { createMessage } = useMessage()
|
||||
const formSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'reason',
|
||||
label: '驳回原因',
|
||||
defaultValue: '',
|
||||
component: 'InputTextArea',
|
||||
required: true,
|
||||
colProps: { span: 24 },
|
||||
componentProps: {
|
||||
rows: 4,
|
||||
disTrans: true,
|
||||
},
|
||||
},
|
||||
]
|
||||
// 声明Emits
|
||||
const emit = defineEmits(['success'])
|
||||
|
||||
const loading = ref(false)
|
||||
const [registerForm, { resetFields, validate }] = useForm({
|
||||
labelWidth: 150,
|
||||
schemas: formSchema,
|
||||
showActionButtonGroup: false,
|
||||
})
|
||||
const rejectRowId = ref('')
|
||||
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
|
||||
console.log('data', data)
|
||||
|
||||
resetFields()
|
||||
rejectRowId.value = data.id
|
||||
})
|
||||
|
||||
async function handleSave(exit) {
|
||||
try {
|
||||
const values = await validate()
|
||||
loading.value = true
|
||||
setModalProps({ confirmLoading: true, loading: true })
|
||||
const postData = {
|
||||
result: 2,
|
||||
remark: values.reason,
|
||||
ids: [rejectRowId.value],
|
||||
businessType: 0,
|
||||
}
|
||||
const res = await ReimbursementAudit(postData)
|
||||
loading.value = false
|
||||
if (res.succeeded) {
|
||||
createMessage.success(res.message)
|
||||
emit('success')
|
||||
}
|
||||
exit && closeModal()
|
||||
} finally {
|
||||
setModalProps({ confirmLoading: false, loading: false })
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.reject-form {
|
||||
#form_item_reason {
|
||||
height: 170px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,159 @@
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
import moment from 'moment'
|
||||
import { numberThousandFormat } from '/@/utils/commonUtil'
|
||||
|
||||
export const invoiceCodeList: LabelValueOptions = [
|
||||
{ label: '全电发票（铁路电子客票）', value: '51' },
|
||||
{ label: '全电发票（航空运输电子客票行程单）', value: '61' },
|
||||
{ label: '全电发票（增值税专用发票）', value: '81' },
|
||||
{ label: '全电发票（普通发票）', value: '82' },
|
||||
{ label: '全电纸质发票（增值税专用发票）', value: '85' },
|
||||
{ label: '全电纸质发票（普通发票）', value: '86' },
|
||||
{ label: '增值税电子普票发票', value: '026' },
|
||||
{ label: '增值税电子专用发票', value: '028' },
|
||||
{ label: '增值税普通发票', value: '007' },
|
||||
{ label: '增值税专用发票', value: '004' },
|
||||
{ label: '税控卷票', value: '025' },
|
||||
]
|
||||
export const invoiceStatusList: LabelValueOptions = [
|
||||
{ label: '蓝票', value: '00' },
|
||||
{ label: '红票', value: '01' },
|
||||
]
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '发票号码',
|
||||
dataIndex: 'invoiceNumber',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '发票类型代码',
|
||||
dataIndex: 'invoiceTypeCode',
|
||||
width: 200,
|
||||
customRender({ text }) {
|
||||
return invoiceCodeList.find((el) => el.value === text)?.label || ''
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开票日期',
|
||||
dataIndex: 'invoicingDate',
|
||||
width: 140,
|
||||
},
|
||||
{
|
||||
title: '合计金额',
|
||||
dataIndex: 'totalAmount',
|
||||
sorter: true,
|
||||
width: 100,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '合计税额',
|
||||
dataIndex: 'totalTax',
|
||||
width: 100,
|
||||
sorter: true,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '价税合计',
|
||||
dataIndex: 'totalWithTax',
|
||||
width: 100,
|
||||
sorter: true,
|
||||
customRender({ text }) {
|
||||
return numberThousandFormat(text)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '发票状态',
|
||||
dataIndex: 'invoiceStatus',
|
||||
width: 100,
|
||||
sorter: true,
|
||||
customRender: ({ text }) => {
|
||||
return invoiceStatusList.find((el) => el.value === text)?.label || '未知'
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开票人',
|
||||
dataIndex: 'invoicer',
|
||||
width: 80,
|
||||
sorter: true,
|
||||
},
|
||||
{
|
||||
title: '原发票号码',
|
||||
dataIndex: 'originalInvoiceNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '购方开票名称',
|
||||
dataIndex: 'buyerInvoiceName',
|
||||
width: 200,
|
||||
ellipsis: true,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '购方开票税号',
|
||||
dataIndex: 'buyerInvoiceTaxNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方开票名称',
|
||||
dataIndex: 'sellerInvoiceName',
|
||||
width: 130,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方开票税号',
|
||||
dataIndex: 'sellerInvoiceTaxNumber',
|
||||
width: 200,
|
||||
ellipsis: true,
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '是否已获取详情',
|
||||
dataIndex: 'isDetailObtained',
|
||||
width: 120,
|
||||
align: 'center',
|
||||
// sorter: true,
|
||||
},
|
||||
{
|
||||
title: '销方识别号',
|
||||
dataIndex: 'sellerIdentificationNumber',
|
||||
width: 200,
|
||||
// sorter: true,
|
||||
},
|
||||
]
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'invoiceNumber',
|
||||
label: '发票号码',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'buyerInvoiceTaxNumber',
|
||||
label: '购方开票税号',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'buyerInvoiceName',
|
||||
label: '购方开票名称',
|
||||
colProps: { span: 4 },
|
||||
component: 'Input',
|
||||
},
|
||||
{
|
||||
field: 'invoicingDate',
|
||||
label: '开票时间',
|
||||
component: 'RangePicker',
|
||||
colProps: { span: 4 },
|
||||
componentProps: {
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
]
|
||||
Loading…
Reference in New Issue