<template>
  <div class="eibs-tab">
    <!-- ==================================上部的左边-外债编号================================ -->
    <c-col :span="24">
    <c-col :span="12">
      <c-col :span="24">
        <el-form-item label="外债编号" prop="cfabrt.recgrp.bas.exdebtcode">
          <c-input
            v-model="model.cfabrt.recgrp.bas.exdebtcode"
            maxlength="28"
            placeholder="请输入外债编号"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="操作类型" prop="cfabrt.recgrp.bas.actiontype">
          <c-select
            v-model="model.cfabrt.recgrp.bas.actiontype"
            style="width: 100%"
            placeholder="请选择操作类型"
            disabled
            :code="codes.actiontype"
          >
          </c-select>
        </el-form-item>
      </c-col>


      <c-col :span="12">
        <el-form-item label="债务人代码" prop="cfabrt.recgrp.bas.debtorcode">
          <c-input
            v-model="model.cfabrt.recgrp.bas.debtorcode"
            maxlength="12"
            placeholder="请输入债务人代码"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="债务类型" prop="cfabrt.recgrp.bas.debtype">
          <c-select
            v-model="model.cfabrt.recgrp.bas.debtype"
            style="width: 100%"
            placeholder="请选择债务类型"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

<!-- ==================================上部的右边-删除原因================================ -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="删除原因" prop="cfabrt.recgrp.bas.actiondesc">
          <c-input
            type="textarea"
            v-model="model.cfabrt.recgrp.bas.actiondesc"
            maxlength="32"
            show-word-limit
            placeholder="请输入删除原因"
            :rows="5"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    <!-- <c-col :span="12">
      <c-button size="small" type="primary" @click="onSav"> &Save </c-button>
    </c-col> -->
    <!-- <c-col :span="12">
      <c-button size="small" type="primary" @click="onChk"> &Check </c-button>
    </c-col> -->
      <c-col :span="17" :offset="7">
        <c-checkbox v-model="model.cfabrt.recp.pubp.acp" disabled>确认</c-checkbox>
      </c-col>
    </c-col>
    </c-col>

<!-- ==================================起息日-以行为单位================================ -->
      <c-col :span="12">
        <el-form-item label="起息日" prop="cfabrt.recgrp.bas.valuedate">
          <c-date-picker
            type="date"
            v-model="model.cfabrt.recgrp.bas.valuedate"
            style="width: 100%"
            placeholder="请选择起息日"
            value-format="yyyy-MM-dd"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item label="到期日" prop="cfabrt.recgrp.bas.maturity">
          <c-date-picker
            type="date"
            v-model="model.cfabrt.recgrp.bas.maturity"
            style="width: 100%"
            placeholder="请选择到期日"
            value-format="yyyy-MM-dd"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
      
          <!-- 签约金额左边 -->
      <c-col :span="12">
          <c-col :span="12">
          <el-form-item label="签约金额" prop="cfabrt.recgrp.bas.contractcurr">
            <c-select
              v-model="model.cfabrt.recgrp.bas.contractcurr"
              style="width: 100%"
              placeholder="请选择币种"
              :code="codes.curtxt"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="5px" prop="cfabrt.recgrp.bas.contractamount">
            <c-input
              v-model="model.cfabrt.recgrp.bas.contractamount"
              placeholder="请输入签约金额"
              class="m-input-currency"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
                <!-- 签约金额右边--是否不纳入跨境融资风险加权余额计算-->
      <c-col :span="11" :offset="1">
        <el-form-item
          label="是否不纳入跨境融资风险加权余额计算"
          prop="cfabrt.recgrp.bas.spapfeboindex"
        >
          <c-select
            v-model="model.cfabrt.recgrp.bas.spapfeboindex"
            style="width: 100%"
            placeholder="请选择是否不纳入跨境融资风险加权余额计算"
            :code="codes.spapfeboindex"
          >
          </c-select>
        </el-form-item>
      </c-col>

<!-- ============================开证申请人代码---以行为单位============================== -->
    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="开证申请人代码" prop="cfabrt.recgrp.bas.appcode">
          <c-input
            v-model="model.cfabrt.recgrp.bas.appcode"
            maxlength="18"
            placeholder="请输入开证申请人代码"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="12">
        <c-button size="small" type="primary" @click="onCutpErr">
          &Error
        </c-button>
      </c-col> -->
    </c-col>

    <c-col :span="24">
      <el-form-item label="开证申请人名称" prop="cfabrt.recgrp.bas.appname">
        <c-input
          v-model="model.cfabrt.recgrp.bas.appname"
          maxlength="128"
          placeholder="请输入开证申请人名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
        <c-col :span="12">
          <el-form-item label="债权人代码" prop="cfabrt.recgrp.bas.creditorcode">
            <c-input
              v-model="model.cfabrt.recgrp.bas.creditorcode"
              maxlength="18"
              placeholder="请输入债权人代码"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <span
            v-text="model.cfabrt.recp.pubp.creditcodwarn"
            data-path=".cfabrt.recp.pubp.creditcodwarn"
          >
          </span>
        </c-col>
      </c-col>
      <c-col :span="11" :offset="1">
          <c-col :span="24">
          <el-form-item
            label="债权人类型代码"
            prop="cfabrt.recgrp.bas.creditortype"
          >
            <c-select
              v-model="model.cfabrt.recgrp.bas.creditortype"
              style="width: 100%"
              placeholder="请选择债权人类型代码"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="24">
      <el-form-item
        label="债权人中文名称"
        prop="cfabrt.recgrp.bas.creditorname"
      >
        <c-input
          v-model="model.cfabrt.recgrp.bas.creditorname"
          maxlength="128"
          placeholder="请输入债权人中文名称"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item
        label="债权人英文名称"
        prop="cfabrt.recgrp.bas.creditornamen"
      >
        <c-input
          v-model="model.cfabrt.recgrp.bas.creditornamen"
          maxlength="128"
          placeholder="请输入债权人英文名称"
        ></c-input>
      </el-form-item>
    </c-col>
    
    <c-col :span="24">
      <c-col :span="12">
        <el-form-item
          label="债权人总部所在国家（地区）代码"
          prop="cfabrt.recgrp.bas.crehqcode"
        >
          <c-fullbox>
            <c-input
              v-model="model.cfabrt.recgrp.bas.crehqcode"
              maxlength="3"
              placeholder="请输入债权人总部所在国家（地区）代码"
              @keyup.enter.native="eventFunction('cfabrt.recgrp.bas.crehqcode')"
            ></c-input>
            <template slot="footer">
              <!-- @click="showGridPromptDialog('cfabrt.recp.pubp.cousel.crehqselbut', null, null,{TXT: 'cfabrt.recgrp.bas.crehqcode'}, {TXT: false},'doxpDialog')" -->
                <c-button
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onCouselCrehqselbut"
                >
                  ?
                </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item
          label="债权人经营地所在国家（地区）代码"
          prop="cfabrt.recgrp.bas.opercode"
        >
          <c-fullbox>
            <c-input
              v-model="model.cfabrt.recgrp.bas.opercode"
              maxlength="3"
              placeholder="请输入债权人经营地所在国家（地区）代码"
              @keyup.enter.native="eventFunction('cfabrt.recgrp.bas.opercode')"
            ></c-input>
            <template slot="footer">
              <!-- @click="showGridPromptDialog('cfabrt.recp.pubp.cousel.operselbut', null, null,{TXT: 'cfabrt.recgrp.bas.opercode'}, {TXT: false},'doxpDialog')" -->
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onCouselOperselbut"
              >
                ?
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="相关业务类型" prop="cfabrt.recgrp.bas.credittype">
          <c-select
            v-model="model.cfabrt.recgrp.bas.credittype"
            style="width: 100%"
            placeholder="请选择相关业务类型"
            :code="codes.credittype"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11" :offset="1">
        <el-form-item
          label="是否附有银行承兑汇票"
          prop="cfabrt.recgrp.bas.billsn"
        >
          <c-select
            v-model="model.cfabrt.recgrp.bas.billsn"
            style="width: 100%"
            placeholder="请选择是否附有银行承兑汇票"
            :code="codes.billsn"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <el-form-item
        label="对方与本机构的关系"
        prop="cfabrt.recgrp.bas.relation"
      >
        <c-select
          v-model="model.cfabrt.recgrp.bas.relation"
          style="width: 100%"
          placeholder="请选择对方与本机构的关系"
          :code="codes.exdtyp"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
        <el-form-item label="备注" prop="cfabrt.recgrp.bas.remark">
          <c-input
            type="textarea"
            v-model="model.cfabrt.recgrp.bas.remark"
            maxlength="248"
            show-word-limit
            placeholder="请输入备注"
            :rows="5"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- <c-col :span="12">
      <c-button size="small" type="primary" @click="onCan"> E&xit </c-button>
    </c-col> -->
  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Brtudp/Event'

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event,
    crehqcodeEvent(){

    }
  },
  created: function () {},
}
</script>
<style></style>