<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item label="拷贝融资信息" prop="blcp.cpnref">
						<c-input disabled v-model="model.blcp.cpnref" maxlength="16" placeholder="拷贝融资信息"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="本行融资申请编号" prop="blcgrp.rec.ownref">
						<c-input v-model="model.blcgrp.rec.ownref" @change="findFinDatas('N')" maxlength="16" placeholder="请输入本行融资申请编号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="关联业务编号" prop="blcgrp.rec.relref">
						<c-input disabled v-model="model.blcgrp.rec.relref" maxlength="16" placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="外管局融资编号" prop="blcgrp.rec.wgrref">
						<c-input disabled v-model="model.blcgrp.rec.wgrref" maxlength="22" placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="应收账款总金额" prop="blcgrp.rec.rcvtotcur">
							<c-select disabled dbCode="curtxt" v-model="model.blcgrp.rec.rcvtotcur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="blcgrp.rec.rcvtotamt">
							<c-input-currency disabled v-model="model.blcgrp.rec.rcvtotamt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资申请金额" prop="blcgrp.rec.cur">
							<c-select disabled dbCode="curtxt" v-model="model.blcgrp.rec.cur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="blcgrp.rec.amt">
							<c-input-currency disabled v-model="model.blcgrp.rec.amt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资申请日期" prop="blcgrp.rec.finappdat">
							<c-date-picker disabled type="date" v-model="model.blcgrp.rec.finappdat" style="width:100%" placeholder="请输入融资申请日期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="合同回款期限" prop="blcgrp.rec.conenddat">
							<c-date-picker disabled type="date" v-model="model.blcgrp.rec.conenddat" style="width:100%" placeholder="请选择合同回款期限"></c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>

			</c-col>

			<!-- ============ 右边 ================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-card class="box-card">
						<c-col :span="24">
							<el-form-item label="客户号" prop="blcgrp.rec.cliextkey">
								<c-input disabled v-model="model.blcgrp.rec.cliextkey" maxlength="10" placeholder="请输入客户号"></c-input>
							</el-form-item>
						</c-col>
						<c-col :span="24">
							<el-form-item label="" prop="blcgrp.rec.clinam">
								<c-input disabled type="textarea" v-model="model.blcgrp.rec.clinam" maxlength="49" show-word-limit placeholder=""></c-input>
							</el-form-item>
						</c-col>
					</el-card>
				</c-col>

				<c-col :span="24">
					<el-form-item label="组织机构代码" prop="blcgrp.rec.custcode">
						<c-input disabled v-model="model.blcgrp.rec.custcode" maxlength="32" placeholder="请输入组织机构代码"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="经办机构号" prop="blcgrp.rec.bchcod">
						<c-input disabled v-model="model.blcgrp.rec.bchcod" maxlength="8" placeholder="请输入经办机构号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="归属机构号" prop="blcgrp.rec.ownbchcod">
						<c-select disabled v-model="model.blcgrp.rec.ownbchcod" style="width:100%" placeholder="请输入归属机构号">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="银行请求" prop="blcgrp.fsa.bnkaplsta">
							<c-select disabled dbCode="BNKAPL" v-model="model.blcgrp.fsa.bnkaplsta" style="width:100%" placeholder="请选择银行请求">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="请求结果" prop="blcgrp.fsa.aplret">
							<c-select disabled dbCode="APLRET" v-model="model.blcgrp.fsa.aplret" style="width:100%" placeholder="请选择请求结果">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="资产状态" prop="blcgrp.fsa.blcsta">
							<c-select disabled dbCode="BLCSTA" v-model="model.blcgrp.fsa.blcsta" style="width:100%" placeholder="请选择资产状态">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="上链状态" prop="blcgrp.fsa.sta">
							<c-select disabled dbCode="STA" v-model="model.blcgrp.fsa.sta" style="width:100%" placeholder="请选择上链状态">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>
			</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="blcTabLst" @row-dblclick="dbClickRow" height="calc(100% - 32px)" id='tableRef' style="width: 100%;">
					<el-table-column v-if="false" label="INR" prop="inr" width="auto">
					</el-table-column>
					<el-table-column label="融资编号" prop="ownref" width="auto">
					</el-table-column>
					<el-table-column label="客户名称" prop="clinam" width="auto">
					</el-table-column>
					<el-table-column label="应收账款币种" prop="rcvtocur" width="auto">
					</el-table-column>
					<el-table-column label="应收账款金额" prop="rcvtoamt" width="auto">
					</el-table-column>
					<el-table-column label="融资申请币种" prop="cur" width="auto">
					</el-table-column>
					<el-table-column label="融资申请金额" prop="amt" width="auto">
					</el-table-column>
				</el-table>
				<el-pagination :current-page="currentPage" :page-size="pageSize" :total="total" @current-change="currentChange" layout="prev, pager, next, jumper">
				</el-pagination>
			</div>
		</el-dialog>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      dialogVisible: false,
      blcTabLst: [],
      bmsLoading: true,
      total: 0,
      currentPage: 1,
      pageNum: 1, // 页数
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5 // 条数
    };
  },
  methods: {
    showBlcDialog() {
      this.dialogVisible = true;
    },
    currentChange(num) {
      this.currentPage = num;
      this.getTableData();
    },
    dbClickRow(row, column, event) {
      this.loadBlcData(row.inr);
      this.dialogVisible = false;
      //   this.model.bpdgrp.rec.bmhamt = row.jio1je;
      //   this.model.bpdgrp.rec.baomzh = row.duifzh;
      //   this.model.bpdgrp.rec.baomhm = row.zhuzwm;
      //   this.model.bpdgrp.rec.baomzy = row.zhyodm;
      //   this.beforeClose();
    },
    getBlcRecordedData() {
      //   this.call9011(this.bmsQueCon);
    }
  },
  created() {}
};
</script>
<style>
</style>