emis-frontend/src/views/emis/emisSettleInvoiceRecord/panel/InvoiceDetailPanel.vue

<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=='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="3">{{ emisSettleInvoiceRecord.applyMoney }}</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="异常描述" 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.blAudit }}</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 v-if="emisSettleInvoiceRecord!=null">
      <InvoiceChRecordListReadOnly :applySeqNo="emisSettleInvoiceRecord.applySeqNo" > </InvoiceChRecordListReadOnly>
    </div>

 </div>
</template>

<script>
import PayRecordListOnly from '@/views/emis/emisSettlePayRecord/panel/PayRecordListOnly.vue';
import InvoiceChRecordListReadOnly from '@/views/emis/emisSettleInvoiceChRecord/InvoiceChRecordListReadOnly.vue';

import { listEmisSettleInvoiceRecord, getEmisSettleInvoiceRecord, delEmisSettleInvoiceRecord, addEmisSettleInvoiceRecord, updateEmisSettleInvoiceRecord } from "@/api/emis/emisSettleInvoiceRecord";

export default {
  name: "BillDetailPanel",
  props:{
    id:{
        type:Number
    }
  },
  components: {
    PayRecordListOnly,
    InvoiceChRecordListReadOnly
 },
  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>