<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="8">
				<el-form-item label="" class="checkbox-left">
					<c-checkbox v-model="model.wgjfinreg" true-label="X" false-label="" @change="wgjfinreg">外管局融资放款登记</c-checkbox>
				</el-form-item>
			</c-col>
			<c-col :span="8" v-if="model.bpdgrp.rec.fintyp=='D' || model.bpdgrp.rec.fintyp=='P' || model.bpdgrp.rec.fintyp=='I'">
				<el-form-item label="" class="checkbox-left">
					<c-checkbox v-model="model.bpdgrp.rec.cifflg" true-label="X" false-label="" @change="clickCifflg">是否信保融资</c-checkbox>
				</el-form-item>
			</c-col>
			<c-col :span="8" v-if="model.wgjfinreg === 'X'">
				<el-form-item label="" class="checkbox-left">
					<el-button size="small" type="primary" @click="showDanDialog">查看报关单相关信息</el-button>
				</el-form-item>
			</c-col>
		</c-col>

		<el-dialog title="报关单信息" :visible.sync="dialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" destroy-on-close width="75%">
			<!-- <div v-if="!bmsLoading && bmsTabLst.length === 0">暂无数据</div> -->
			<div style="width: 100%;height: 100%;">
				<el-table :data="danTabLst" height="calc(100% - 32px)" id='tableRef' style="width: 100%;">
					<el-table-column label="进口企业名称" prop="clinam" width="auto">
					</el-table-column>
					<el-table-column label="发票号" prop="ineref" width="auto">
					</el-table-column>
					<el-table-column label="发票金额" prop="ineamt" width="auto">
					</el-table-column>
					<el-table-column label="报关单编号" prop="cusref" width="auto">
					</el-table-column>
					<el-table-column label="关单币种" prop="cur" width="auto">
					</el-table-column>
					<el-table-column label="报关单占用金额" prop="cusamt" width="auto">
					</el-table-column>
					<el-table-column label="使用情况" prop="usesta" width="auto">
					</el-table-column>
					<el-table-column label="核验情况" prop="chksta" width="auto">
					</el-table-column>
					<el-table-column label="核验结果" prop="chkret" width="auto">
					</el-table-column>
				</el-table>
				<el-pagination :current-page="currentPage" :page-size="pageSize" :total="total" layout="prev, pager, next, jumper">
				</el-pagination>
			</div>

			<c-col :span="24" style="margin-top: 50px;" v-if="model.wgjfinreg == 'X' && this.model.bpdgrp.rec.cifflg != 'X'">
				<c-col :span="12" style="padding-right: 20px">
					<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
						<div style="width: 100%;">
							<el-form-item label="发票数量" prop="blcgrp.rec.inenum">
								<c-input disabled v-model="model.blcgrp.rec.inenum" placeholder="请输入发票数量"></c-input>
							</el-form-item>
						</div>
						<div style="margin-left: 10px;">
							<span style="height:32px;line-height:32px">条</span>
						</div>
					</c-col>

					<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
						<div style="width: 100%;">
							<el-form-item label="报关单数量" prop="blcgrp.rec.cusnum">
								<c-input disabled v-model="model.blcgrp.rec.cusnum" placeholder="请输入报关单数量"></c-input>
							</el-form-item>
						</div>
						<div style="margin-left: 10px;">
							<span style="height:32px;line-height:32px">条</span>
						</div>
					</c-col>

				</c-col>

				<c-col :span="12" style="padding-left: 20px">
					<c-col :span="24">
						<c-form-item label="发票总金额" prop="blcp.totamt">
							<c-input-currency disabled v-model="model.blcp.totamt" placeholder="请输入发票总金额"></c-input-currency>
						</c-form-item>
					</c-col>

					<c-col :span="24">
						<c-form-item label="报关单总金额" prop="blcp.bgdamt">
							<c-input-currency disabled v-model="model.blcp.bgdamt" placeholder="请输入报关单总金额"></c-input-currency>
						</c-form-item>
					</c-col>

				</c-col>
			</c-col>

			<c-col :span="24" style="margin-top: 50px;" v-if="model.wgjfinreg == 'X' && this.model.bpdgrp.rec.cifflg == 'X'">
				<c-col :span="12" style="padding-right: 20px">
					<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
						<div style="width: 100%;">
							<el-form-item label="发票数量" prop="zxbgrp.rec.inenum">
								<c-input disabled v-model="model.zxbgrp.rec.inenum" placeholder="请输入发票数量"></c-input>
							</el-form-item>
						</div>
						<div style="margin-left: 10px;">
							<span style="height:32px;line-height:32px">条</span>
						</div>
					</c-col>

					<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
						<div style="width: 100%;">
							<el-form-item label="报关单数量" prop="zxbgrp.rec.cusnum">
								<c-input disabled v-model="model.zxbgrp.rec.cusnum" placeholder="请输入报关单数量"></c-input>
							</el-form-item>
						</div>
						<div style="margin-left: 10px;">
							<span style="height:32px;line-height:32px">条</span>
						</div>
					</c-col>

				</c-col>

				<c-col :span="12" style="padding-left: 20px">
					<c-col :span="24">
						<c-form-item label="发票总金额" prop="zxbp.totamt">
							<c-input-currency disabled v-model="model.zxbp.totamt" placeholder="请输入发票总金额"></c-input-currency>
						</c-form-item>
					</c-col>

					<c-col :span="24">
						<c-form-item label="报关单总金额" prop="zxbp.bgdamt">
							<c-input-currency disabled v-model="model.zxbp.bgdamt" placeholder="请输入报关单总金额"></c-input-currency>
						</c-form-item>
					</c-col>

				</c-col>
			</c-col>
		</el-dialog>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  components: {},
  mixins: [event],
  data() {
    return {
      dialogVisible: false,
      danTabLst: [],
      bmsLoading: true,
      total: 0,
      currentPage: 1,
      pageNum: 1, // 页数
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5, // 条数
      inenum: "",
      cusnum: "",
      totamt: "",
      bgdamt: ""
    };
  },
  methods: {
    wgjfinreg() {
      if (this.model.wgjfinreg == "") {
        this.model.bpdgrp.rec.cifflg = "";
      }
    },
    clickCifflg() {
      if (this.model.bpdgrp.rec.cifflg == "X") {
        this.model.wgjfinreg = "X";
      }
    },
    // initWgjDatas() {
    //   if (this.model.wgjfinreg === "X" && this.model.bpdgrp.rec.cifflg === "") {
    //     this.model.blcgrp.rec.relref = this.model.bpdgrp.rec.ownref;
    //   } else {
    //     this.model.blcgrp.rec.relref = "";
    //   }
    //   if (
    //     this.model.wgjfinreg === "X" &&
    //     this.model.bpdgrp.rec.cifflg === "X"
    //   ) {
    //     this.model.zxbgrp.rec.relref = this.model.bpdgrp.rec.ownref;
    //   } else {
    //     this.model.zxbgrp.rec.relref = "";
    //   }
    // },
    showDanDialog() {
      if (this.model.bpdgrp.rec.cifflg == "X") {
        this.danTabLst = this.model.zxbp.danlst;
      } else {
        this.danTabLst = this.model.blcp.danlst;
      }
      this.dialogVisible = true;
    },
    currentChange(num) {
      this.currentPage = num;
      this.getTableData();
    }
  },
  created() {}
};
</script>
<style>
</style>