emis-frontend/src/views/emis/emisSettleInvoiceRecord/OpenBillForm.vue

<template>
  <div >
    <div style="margin-bottom: 20px;">
      <el-descriptions title="账单信息" size="mini" border :column="4" v-if="emisSettleInvoiceRecord">
            <el-descriptions-item label="申请序号">{{ emisSettleInvoiceRecord.applySeqNo }}</el-descriptions-item>
            <el-descriptions-item label="申请时间">{{ emisSettleInvoiceRecord.applyDate }}</el-descriptions-item>
            <el-descriptions-item label="申请人">{{ emisSettleInvoiceRecord.applyManName }}</el-descriptions-item>
            <el-descriptions-item label="账单编号">{{ emisSettleInvoiceRecord.settleBillNo }}</el-descriptions-item>
            <el-descriptions-item label="账单名称">{{ emisSettleInvoiceRecord.settleBillName }}</el-descriptions-item>
            <el-descriptions-item label="申请开票金额">{{ emisSettleInvoiceRecord.applyMoney }}</el-descriptions-item>
            <el-descriptions-item label="开票类型">
              <span v-if="emisSettleInvoiceRecord.invoiceType==1"> 增值税电子普通发票</span>
              <span v-if="emisSettleInvoiceRecord.invoiceType==2"> 增值税普通发票</span>
              <span v-if="emisSettleInvoiceRecord.invoiceType==3"> 增值税专用发票</span>
            </el-descriptions-item>
            <el-descriptions-item label="开票抬头">{{ emisSettleInvoiceRecord.companyName }}</el-descriptions-item>
            <el-descriptions-item label="开票税号">{{ emisSettleInvoiceRecord.companyTaxNo }}</el-descriptions-item>
            <el-descriptions-item label="开票电话">{{ emisSettleInvoiceRecord.companyTel }}</el-descriptions-item>
            <el-descriptions-item label="开票地址">{{ emisSettleInvoiceRecord.companyAddress }}</el-descriptions-item>
            <el-descriptions-item label="开户行">{{ emisSettleInvoiceRecord.bankName }}</el-descriptions-item>
            <el-descriptions-item label="开户账号">{{ emisSettleInvoiceRecord.bankAccNo }}</el-descriptions-item>
            <el-descriptions-item label="联系人">{{ emisSettleInvoiceRecord.contact }}</el-descriptions-item>
            <el-descriptions-item label="联系电话">{{ emisSettleInvoiceRecord.phone }}</el-descriptions-item>
            <el-descriptions-item label="税类型">{{ emisSettleInvoiceRecord.realTaxType }}</el-descriptions-item>
            <!-- <el-descriptions-item label="开票上限">{{ emisSettleInvoiceRecord.openMoneyMax }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="开票金额">{{ emisSettleInvoiceRecord.openMoney }}</el-descriptions-item> -->
            <!-- <el-descriptions-item label="发票号">{{ emisSettleInvoiceRecord.invoiceNo }}</el-descriptions-item> -->
            <el-descriptions-item label="开票状态">{{ emisSettleInvoiceRecord.invoiceStatus }}</el-descriptions-item>
            <el-descriptions-item label="开票状态描述">{{ 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="发票下载路径">{{ emisSettleInvoiceRecord.filePath }}</el-descriptions-item> -->
            <el-descriptions-item label="备注">{{ 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.opManCode }}</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>
    </div>

    <div v-if="emisSettleInvoiceRecord">
      <InvoiceChRecordList :applyId="emisSettleInvoiceRecord.id" :applySeqNo="emisSettleInvoiceRecord.applySeqNo"></InvoiceChRecordList>
    </div>

  </div>
</template>

<script>
import { listEmisSettleInvoiceRecord, getEmisSettleInvoiceRecord, delEmisSettleInvoiceRecord, addEmisSettleInvoiceRecord, updateEmisSettleInvoiceRecord } from "@/api/emis/emisSettleInvoiceRecord";
import CustomerInvoiceInfoPicker from '@/views/emis/EmisBaseTools/CustomerInvoiceInfoPicker.vue';
import { parseTime,genJsSeqNo } from "@/utils/custom";
import InvoiceChRecordList from '@/views/emis/emisSettleInvoiceChRecord/InvoiceChRecordList.vue';


export default {
  name: "emisSettleInvoiceRecordForm",
  props:{
    id:{
        type:[Number,Array]
    }
  },
  components: { CustomerInvoiceInfoPicker,InvoiceChRecordList },
  dicts: [
  ],
  data() {
    return {
      emisSettleInvoiceRecord:null,
      emisSettleInvoiceRecordOptions: [],
      // 遮罩层
      loading: true,
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        id: [
          { required: true, message: "id不能为空", trigger: "blur" }
        ],
        delFlag: [
          { required: true, message: "删除标志（0代表存在不能为空", trigger: "blur" }
        ],
      }
    };
  },
   watch: {
      "id": {
        handler (newValue, oldValue) {
          this.id = newValue;
          this.initData();
        },
        deep: true
      }
  },
  created() {
    this.initData();
  },

  methods: {
    initData() {
        if(this.id !=null) {
          this.loading = true;
          getEmisSettleInvoiceRecord(this.id).then(response => {
            this.emisSettleInvoiceRecord = response.data;
            this.loading = false;
          });
        }
    },
    // 取消按钮
    cancel() {
      this.reset();
      this.$emit("on-cancel");
    },


  }
};
</script>