MTP2.0_WEB/src/views/manage/finance-review/components/invoiceDetail/index.vue

<template>
    <!-- 发票登记详情-->
    <a-modal class="add-custom custom-detail"
             title="发票登记详情"
             v-model:visible="visible"
             centered
             :maskClosable="maskClosableFlag"
             @cancel="cancel"
             width="890px">
        <template #footer>
            <a-button key="submit"
                      type="primary"
                      :loading="loading"
                      @click="submit">关闭
            </a-button>
        </template>
        <a-form class="inlineForm"
                :form="form"
                @submit="handleSearch">
            <fieldset class="formFieldSet">
                <legend>合同基本信息</legend>
                <a-row :gutter="24">
                    <a-col :span="12">
                        <a-form-item label="合同编号">
                            <span class="white">{{
                                    getContractTypeName(selectedRow.contracttype) + '/' + formatValue(selectedRow.contractno)
                                }}</span>
                        </a-form-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-item label="点价类型">
                            <span class="white">{{ getPriceTypeName(selectedRow.pricetype) }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
                <a-row :gutter="24">
                    <a-col :span="12">
                        <a-form-item label="销售方">
                            <span class="white">{{ formatValue(selectedRow.sellusername) }}</span>
                        </a-form-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-item label="现货品种">
                            <span class="white">{{ formatValue(selectedRow.deliverygoodsname) }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
            </fieldset>
            <fieldset class="formFieldSet">
                <legend>待审核登记信息</legend>
                <a-row :gutter="24">
                    <a-col :span="12">
                        <a-form-item label="类型">
                            <span class="white">{{ invoiceStatusName(selectedRow.contracttype) }}</span>
                        </a-form-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-item label="发票金额">
                            <span class="white">{{ formatValue(selectedRow.invoiceamount) }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
                <a-row :gutter="24">
                    <a-col :span="12">
                        <a-form-item label="发票附件">
                            <span class="white">{{ formatValue(selectedRow.invoiceamount) }}</span>
                        </a-form-item>
                    </a-col>
                    <a-col :span="12">
                        <a-form-item label="登记时间">
                            <span class="white">{{ formatValue(selectedRow.applytime) }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
                <a-row :gutter="24">
                    <a-col :span="12">
                        <a-form-item label="登记人">
                            <span class="white">{{ formatValue(selectedRow.applyname) }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
            </fieldset>
        </a-form>
    </a-modal>
</template>

<script lang="ts">
import {defineComponent, PropType, reactive, ref, watchEffect} from 'vue';
import {closeModal} from '@/common/setup/modal/index';
import {QueryCustomInfoType} from '@/services/go/ermcp/customInfo/interface';
import {mergeObj} from '@/utils/objHandle';
import {getStatusName} from '@/views/information/custom/setup';
import {formatValue, formatTime} from '@/common/methods';
import {QryBussinessFpRsp} from "@/services/go/ermcp/finance-review/interface";
import {invoiceStatusName} from "@/views/manage/finance-review/setup";
import {getContractTypeName, getPriceTypeName} from "@/views/information/spot-contract/setup";

export default defineComponent({
    name: 'finance_review_invoice_detail',
    components: {},
    props: {
        selectedRow: {
            type: Object as PropType<QryBussinessFpRsp>,
            default: {},
        },
    },
    setup(props, context) {
        const {visible, cancel} = closeModal('detail');
        const loading = ref<boolean>(false);
        const maskClosableFlag = ref<boolean>(false);

        function submit() {
            context.emit('refresh');
            cancel()
        }

        return {
            visible,
            cancel,
            submit,
            loading,
            formatValue,
            getStatusName,
            maskClosableFlag,
            invoiceStatusName,
            getPriceTypeName,
            getContractTypeName,
        };
    },
});
</script>

<style lang="less">
.finance_review_invoice_detail {
    .ant-form.inlineForm {
        margin-top: 20px;
    }
}
</style>;