<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="本行融资申请编号" prop="recgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.recgrp.rec.ownref" maxlength="16" placeholder="请输入本行融资申请编号" disabled></c-input>
            <template slot="footer">
              <c-button :disabled="model.recgrp.rec.ownref!=''" style="margin-left: 10px" size="small" type="primary" @click="onRecpanGetref">
                Get Ref
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-ptap-extkey :model="model" :argadr="{
					title: '客户号',
					namLabel:'客户名称',
          codeLabel:'组织机构代码',
          nam: 'clinam',
					extkey:'cliextkey',
          custcode:'custcode',
        }" :isDisabled="model.recgrp.fsa.mdfclinam==''"></c-ptap-extkey>
      </c-col>

      <c-col :span="24">
        <el-form-item class="checkbox-left" prop="recgrp.fsa.mdfclinam">
          <c-checkbox style="margin-left: 10px" v-model="model.recgrp.fsa.mdfclinam" true-label="Y" false-label="">修改客户名称</c-checkbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="24">
        <el-form-item label="客户号" prop="recgrp.rec.cliextkey">
          <c-input v-model="model.recgrp.rec.cliextkey" maxlength="10" placeholder="请输入客户号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
				<div style="width: calc(100% - 60px);">
					<el-form-item label="客户名称" prop="recgrp.rec.clinam">
						<c-input type="textarea" v-model="model.recgrp.rec.clinam" 
              :disabled="model.recgrp.fsa.mdfclinam==''" maxlength="49" show-word-limit placeholder="请输入客户名称"></c-input>
					</el-form-item>
				</div>
				<div style="width: 50px;margin-left: 20px;">
					<c-checkbox v-model="model.recgrp.fsa.mdfclinam" true-label="X">修改</c-checkbox>
				</div>
			</c-col>

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

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="应收账款总金额" prop="recgrp.rec.rcvtotcur">
            <c-select v-model="model.recgrp.rec.rcvtotcur" @change="changeRcvTotCur" style="width:100%" placeholder="请输入应收账款总金额" dbCode="curtxt">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item prop="recgrp.rec.rcvtotamt" label-width="0px" style="text-align: left; margin-left: 5px">
            <c-input disabled v-model="model.recgrp.rec.rcvtotamt" placeholder=""></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境外付款期限" prop="recgrp.rec.conenddat">
          <c-date-picker type="date" v-model="model.recgrp.rec.conenddat" style="width:100%" placeholder="请输入境外付款期限"></c-date-picker>
        </el-form-item>
      </c-col>

    </c-col>
    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label=" 融资险种" prop="recgrp.rec.policytype">
          <c-select v-model="model.recgrp.rec.policytype" dbCode="instyp" style="width:100%" placeholder="请输入">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="保单号" prop="recgrp.rec.policyno">
          <c-input v-model="model.recgrp.rec.policyno" maxlength="25" placeholder="请输入保单号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="应转-赔转协议编号" prop="recgrp.rec.agreementno">
          <c-input v-model="model.recgrp.rec.agreementno" maxlength="60" placeholder="请输入应转-赔转协议编号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item class="checkbox-left" prop="recgrp.fsa.xxcbflg">
          <c-checkbox v-model="model.recgrp.rec.xxcbflg" true-label="Y" false-label="" @change="clearNoticeid">是否线下承保</c-checkbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承保通知书编号" prop="recgrp.rec.noticeid">
          <c-fullbox>
            <c-input v-model="model.recgrp.rec.noticeid" :disabled="model.recgrp.rec.xxcbflg==''" maxlength="50" placeholder="请输入承保通知书编号"></c-input>
            <template slot="footer">
              <c-button style="margin-left: 10px" size="small" type="primary" @click="onRecpanNotchk">
                核验
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

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

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      trnName: "dbezxb"
    };
  },
  methods: {
    clearNoticeid() {
      if (this.model.recgrp.rec.xxcbflg === "") {
        this.model.recgrp.rec.noticeid = "";
      }
    }
  },
  created: function() {}
};
</script>
<style>
</style>