emis-frontend/src/views/emis/emisSettleInvoiceRecord/panel/InvoiceDetailPanel.vue
2025-01-08 17:16:40 +08:00

153 lines
8.9 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div>
<div v-if="emisSettleInvoiceRecord!=null">
<el-descriptions title="" border :column="4">
<el-descriptions-item label="申请序号">{{ emisSettleInvoiceRecord.applySeqNo }}</el-descriptions-item>
<el-descriptions-item label="申请时间" span="3">{{ emisSettleInvoiceRecord.applyDate }}</el-descriptions-item>
<!-- <el-descriptions-item label="审核人">{{ emisSettleInvoiceRecord.applyManCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="审核站点">{{ emisSettleInvoiceRecord.applySiteCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="客户编码">{{ emisSettleInvoiceRecord.customerCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="客户名称">{{ emisSettleInvoiceRecord.customerName }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="账单编号">{{ emisSettleInvoiceRecord.settleBillNo }}</el-descriptions-item> -->
<el-descriptions-item label="账单名称" span="4">{{ emisSettleInvoiceRecord.settleBillName }}</el-descriptions-item>
<el-descriptions-item label="开票抬头" span="4">
{{ emisSettleInvoiceRecord.companyName }} {{ emisSettleInvoiceRecord.companyTaxNo }}
{{ emisSettleInvoiceRecord.companyAddress }} {{ emisSettleInvoiceRecord.companyTel }}
{{ emisSettleInvoiceRecord.bankName }} {{ emisSettleInvoiceRecord.bankAccNo }}
</el-descriptions-item>
<el-descriptions-item label="开票类型" span="1">
<el-tag v-if="emisSettleInvoiceRecord.invoiceType=='1'" type="info">增值税电子普通发票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceType=='4'" type="info">增值税电子专用发票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceType=='2'" type="info">增值税普通发票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceType=='3'" type="info">增值税专用发票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceType=='9'" type="info">其它手工发票</el-tag>
</el-descriptions-item>
<el-descriptions-item label="开票金额" span="1">{{ emisSettleInvoiceRecord.applyMoney }}</el-descriptions-item>
<el-descriptions-item label="加开税点" :span="1">{{ emisSettleInvoiceRecord.addTaxRate }}</el-descriptions-item>
<el-descriptions-item label="加开金额" :span="1"><span v-if="emisSettleInvoiceRecord.addOpenMoney&&emisSettleInvoiceRecord.addOpenMoney>0">¥{{ emisSettleInvoiceRecord.addOpenMoney }}</span></el-descriptions-item>
<el-descriptions-item label="开票状态" span="4">
<el-tag v-if="emisSettleInvoiceRecord.invoiceStatus=='0'" type="info">未开票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceStatus=='1'" type="warning">开票中</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceStatus=='2'" type="success">已开票</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.invoiceStatus=='3'" type="error">开票异常</el-tag>
{{ emisSettleInvoiceRecord.invoiceStatusDesc }}
</el-descriptions-item>
<el-descriptions-item label="审核状态">
<el-tag v-if="emisSettleInvoiceRecord.blAudit=='0'" type="info">未审核</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.blAudit=='1'" type="success">审核通过</el-tag>
<el-tag v-if="emisSettleInvoiceRecord.blAudit=='2'" type="error">审核不通过</el-tag>
</el-descriptions-item>
<el-descriptions-item label="驳回原因" span="3">
{{ emisSettleInvoiceRecord.auditNote }}
</el-descriptions-item>
<!-- <el-descriptions-item label="异常描述" span="3">{{ emisSettleInvoiceRecord.invoiceStatusDesc }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="纸质发票邮寄地址">{{ emisSettleInvoiceRecord.recieveAddress }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="邮箱">{{ emisSettleInvoiceRecord.email }}</el-descriptions-item> -->
<el-descriptions-item label="开票备注" span="4">{{ emisSettleInvoiceRecord.remark }}</el-descriptions-item>
<!-- <el-descriptions-item label="审核日期">{{ emisSettleInvoiceRecord.auditDate }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="审核人">{{ emisSettleInvoiceRecord.auditManCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="审核站点">{{ emisSettleInvoiceRecord.auditSiteCode }}</el-descriptions-item> -->
<el-descriptions-item label="操作人">{{ emisSettleInvoiceRecord.opManName }}</el-descriptions-item>
<el-descriptions-item label="操作时间">{{ emisSettleInvoiceRecord.opDate }}</el-descriptions-item>
<!-- <el-descriptions-item label="操作站点">{{ emisSettleInvoiceRecord.opSiteCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="开票渠道编号">{{ emisSettleInvoiceRecord.openChId }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="开票渠道状态">{{ emisSettleInvoiceRecord.openChStatus }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="开票渠道描述">{{ emisSettleInvoiceRecord.openChStatusDesc }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="使用的开票企业代码">{{ emisSettleInvoiceRecord.openComCode }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="删除标志(0代表存在">{{ emisSettleInvoiceRecord.delFlag }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="创建者">{{ emisSettleInvoiceRecord.createBy }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="创建时间">{{ emisSettleInvoiceRecord.createTime }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="更新者">{{ emisSettleInvoiceRecord.updateBy }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="更新时间">{{ emisSettleInvoiceRecord.updateTime }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="创建站点">{{ emisSettleInvoiceRecord.createSite }}</el-descriptions-item> -->
<!-- <el-descriptions-item label="更新站点">{{ emisSettleInvoiceRecord.updateSite }}</el-descriptions-item> -->、
<!-- <el-descriptions-item label="发票下载路径">{{ emisSettleInvoiceRecord.filePath }}</el-descriptions-item> -->
</el-descriptions>
</div>
<div>
<div>开票单号</div>
<div v-if="emisSettleInvoiceRecord!=null">
<ApplyInvoiceSubBillRelList :applySeqNo="emisSettleInvoiceRecord.applySeqNo" > </ApplyInvoiceSubBillRelList>
</div>
</div>
<div>
<div>发票列表</div>
<div v-if="emisSettleInvoiceRecord!=null">
<InvoiceChRecordListReadOnly :applySeqNo="emisSettleInvoiceRecord.applySeqNo" > </InvoiceChRecordListReadOnly>
</div>
</div>
</div>
</template>
<script>
import PayRecordListOnly from '@/views/emis/emisSettlePayRecord/panel/PayRecordListOnly.vue';
import InvoiceChRecordListReadOnly from '@/views/emis/emisSettleInvoiceChRecord/InvoiceChRecordListReadOnly.vue';
import ApplyInvoiceSubBillRelList from '@/views/emis/emisSettleInvoiceRel/ApplyInvoiceSubBillRelList.vue';
import { listEmisSettleInvoiceRecord, getEmisSettleInvoiceRecord, delEmisSettleInvoiceRecord, addEmisSettleInvoiceRecord, updateEmisSettleInvoiceRecord } from "@/api/emis/emisSettleInvoiceRecord";
export default {
name: "BillDetailPanel",
props:{
id:{
type:Number
}
},
components: {
PayRecordListOnly,
InvoiceChRecordListReadOnly,
ApplyInvoiceSubBillRelList
},
dicts: [
],
data() {
return {
loading: false,
emisSettleInvoiceRecord:null,
};
},
watch: {
"id": {
handler (newValue, oldValue) {
this.initData();
},
deep: true
}
},
created() {
this.initData();
},
methods: {
initData(){
this.loading = true;
if(this.id !=null) {
this.loading = true;
getEmisSettleInvoiceRecord(this.id).then(response => {
this.emisSettleInvoiceRecord = response.data;
this.loading = false;
});
}
},
}
};
</script>
<style lang="scss" scoped>
</style>